Микроразметка страниц - выдели себя среди конкурентов!

Почему следует использовать микроразметку?

Разметка страницы, благодаря дополнительным атрибутам и тегам, позволяет поисковым ботам подгружать расширенную информацию в сниппет, например, отзывы, рейтинги и т.д. Также предоставление поисковым системам более понятных структурированных данных поможет им быстрее индексировать страницы, что в результате приведет к более скорому повышению позиций.

В наше время существует множество словарей и синтаксисов для внедрения микроразметки. Мы же рассмотрим микроданные - один из самых распространенных способов разметки данных, так как является частью HTML5, для корректного отображения, а в качестве словаря будем использовать Schema.org (стандарт микроразметки для поисковых систем с 2011 года). Для данной библиотеки существует русскоязычная неполная версия: ruschema.org (неофициальная версия, с переводом может помочь любой желающий).
 

О каких дополнительных атрибутах идет речь?
 

Itemscope - атрибут, разделяющий между собой сущности, может быть пустой.

Itemtype - атрибут, определяющий тип выделенной сущности.

Itemprop - атрибут, описывающий свойства выделенной сущности.

Шаблон для добавления микроразметки:

<div itemscope = “” itemtype=”http://schema.org/ссылканараздел”>

<span itemprop=”атрибут раздела”></span>

</div>

Наиболее часто используемые схемы:

http://schema.org/Product — схема, которая используется для описания товара

http://schema.org/Article — схема, которая используется для описания статей, новостей

http://schema.org/AggregateRating — схема, которая используется для отображения среднего рейтинга веб-страницы, в сниппете отображается в виде звездочек.

http://schema.org/Review — схема, которая используется для отображения отзывов.

Отображение в поисковых системах:

Микроразметка для контактных данных (LocalBusiness):

<div itemscope="" itemtype="http://schema.org/LocalBusiness">

<span itemprop="name">Название организации</span>

<!-- Контакты: -->

<div itemprop = "address" itemscope itemtype = "http://schema.org/PostalAddress">

<!-- Адрес: -->

<span itemprop="streetAddress">Улица, номер</span>

<span itemprop="postalCode">Индекс</span>

<span itemprop="addressLocality">Город</span>

</div>

<!-- Телефон: -->

<span itemprop="telephone">Телефон</span>

<!-- Электронная почта: -->

<span itemprop="email">[email protected]</span>

</div>

Микроразметка для хлебных крошек (Breadcrumb):

<div itemscope="" itemtype="http://schema.org/BreadcrumbList" id="breadcrumbs">

<!--1й элемент списка: -->

<span itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">

<a rel="nofollow" itemprop="item" title="Главная" href="ссылка">

<span itemprop="name">На Главную</span>

<meta itemprop="position" content="1"> </a> </span>