1. Главная
  2.  
  3. Статьи
  4.   Что такое и зачем нужна микроразметка

Что такое и зачем нужна микроразметка

Что такое и зачем нужна микроразметка

Микроразметка – стандарт семантической оптимизации. Стандарт был представлен поисковиками Google, Bing и Yahoo летом 2011 года. Осенью того же года стало известно о поддержке стандарта отечественной поисковой системой Яндекс. Микроразметка позволяет роботам точнее определять и структурировать информацию на страницах сайтов. По данным Яндекса, на август 2012 года микроразметку используют порядка 10% сайтов рунета.

Микроразметка выполняется добавлением в HTML-код страницы специальных тегов, в которых размещается различная полезная информация.

Различают такие виды разметки, как: микроформаты, микроданные и RDFа.

Микроданные

Способ разметки (актуальный в HTML5), который описывает специальные данные. Например, данная разметка может содержать отзывы, информацию о дате и времени мероприятия, человеке и т.д. Микроданные применяют простые атрибуты HTML-тегов (<div>, <span>). С их помощью присваиваются небольшие описательные имена свойствам и элементам.

Микроформаты

Это простые сущности, служащие для описания типа информации на странице. У каждой сущности есть свои свойства. К примеру, если мы описываем мероприятие, то его свойствами будет место, дата, время проведения и т.д. Микроформаты подразумевают применение атрибута class в таких тегах, как <div> и <span>.

RDFa

Ещё один способ разметки. Работает по той же схеме: с сущностями (и их свойствами) и элементами. Главное преимущество – расширенные возможности.

Сегодня специалисты Гугл и Яндекс рекомендуют использовать для разметки метод микроданных (Schema.org). Метод сочетает в себе простоту и широкие возможности.

О пользе микроразметки

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

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

Но давайте перейдём от абстрактного описания к примерам.

Так выглядит сниппет страницы без использования микроразметки:

 

А так с использованием микроразметки:

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

Что такое Schema.org?

Schema.org – набор словарей, используемых для описания объектов и сущностей на страницах сайтов. Стандарт использует микроданные.

В стандарте Schema.org есть порядка 550 классов, но их число неуклонно растёт. Некоторые классы поддерживаются сервисами Яндекса.

Пример кода для карточки товара:

	<div itemscope itemtype="http://schema.org/Product"> <!--Указывается схема Product-->
	<!--В поле name указывается наименование товара-->
	<div itemprop="name"><h1>Кровать Мелисса с мягкой спинкой</h1></div>
	<!--В поле image указывается ссылка на картинку товара-->
	<a itemprop="image" href="products_pictures/large_krovat.jpg">
		<img src="products_pictures/medium_krovat.jpg" title="Кровать Мелисса с мягкой спинкой">
	</a>
	<!--Указывается схема Offer-->
	<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
		<div>8 350 руб.</div>
		<!--В поле price указывается цена товара-->
		<meta itemprop="price" content="8350.00">
		<!--В поле priceCurrency указывается валюта-->
		<meta itemprop="priceCurrency" content="RUB">
	</div>
	<!--В поле description дается описание товара-->
	<div itemprop="description">Цена указана за кровать Мелисса с мягкой спинкой; размером спального места 900х2000 мм. Подушки у спинки кровати изготовляются из искусственной кожи. В комплектацию входит ортопедическое основание на ножках.</div>
	</div>

Основные принципы разметки:

  • Оборачивание описания типа в контейнер с дальнейшим указанием схемы разметки.
  • Разметка отдельных свойств с указанием на каждое конкретное свойство схемы.

Влияние микроразметки на ранжирование

В Яндексе

Разметка делает ресурс более заметным для пользователей в поисковой выдаче. Яндекс же радеет за то, чтобы пользователи получали ту информацию, которая пытались найти. Поэтому и была внедрена метрика «счастье пользователя». Если сайт с микроразметкой повышает «счастье пользователя», то он ранжируется выше.

В Google

По данным на октябрь 2012 года, Google не берёт в расчёт микроразметку для повышения позиций сайтов.

Валидатор микроразметки

Для того чтобы веб-мастерам не приходилось многократно переделывать разметку, Яндекс разработал валидатор. При помощи валидатора можно проверить всю разметку, чтобы убедиться, что все поисковые роботы адекватно извлекают данные. Валидатор поддерживает микроданные, микроформаты, RDFa и schema.org. Валидатор и инструкция к нему находятся здесь.

Заключение

Микроразметка – надёжный инструмент, позволяющий сделать ресурс более структурированным и клиенториентированным с точки зрения пользователей и поисковых роботов.


Комментарии

No name  · 02.03.2015 02:48:56
Много минусов у разметки - Мое мнение.
1.Он раз в неделю обновляется. И то не всегда.
2. Цены так же могут только оттолкнуть - если это интернет-магазин.
3. Адрес и тел. Также можно без разметки добавить через справочник Яндекс и Google адрес.
4. Он не влияет на топ.
5. Писать ее проблема, все может съехать в стилях, и надо исправлять.
6. Яндекс не все поддерживает, плюс не отвечает за предоставленную инфо-ию.
7. Цену и все в этом роде можно в description указать.
8. Хлебные крошки да кто на них нажимает ? Есть такие ?
9. Блогер зачем писать дату ? Если я вижу пост 2013 г. я его не буду читать, значит и не буду переходить на сайт.
10. Оценка - да ее можно накрутить. Я не верю оценкам.
11. Да, поисковики и так все понимают, где адрес где заголовок и цена. А тем более, про что сайт. И вопрос зачем столько всего пихать в код - где смысл ? Пишите красиво title и description и url. И все будет хорошо.
12. Итог: Думайте сами ?)
ответить
Сергей Ильин  · 02.03.2015 14:51:04
На самом деле нет минусов. Яндекс рекомендует использовать разметку, она обязательна должна присутствовать если используются яндекс острова
Она не использует стили и не влияет на верстку.
Весомый плюс в том что благодаря микроразметки можно оформить отображение репостов в соц сети.
ответить
Сергей Ильин  · 17.02.2015 15:44:03
Кто не заметил, в статье имеется ссылка на официальный сайт формата микроразметки Schema.org, там присудствуют все возможные примеры.
В переводе на русский некоторые примеры можно посмотреть на странице яндекс помощи http://help.yandex.ru/webmaster/supported-schemas/goods-prices.xml
ответить
Михаил  · 24.12.2014 12:55:38
Бесполезная статья без кодов html. Ни одного примера на странице...
ответить
Tilekus  · 13.11.2014 14:52:02
Можно было и несолько примеров кода добавить
ответить
кенукен  · 27.07.2014 18:04:49
ни о чём. нужны примеры
ответить
Шнайдер  · 15.07.2014 16:56:36
В целом нормальная статья. Описательная. + в топе по запросу, а как применять это уже проблемы вебмастера, главное что вы поняли что "есть такая штука"
ответить
Андрей  · 05.02.2014 11:16:06
Суть то раскрывает, но вот конкретики не хватает. Как применять?
ответить
Алексей  · 03.02.2014 17:23:32
Отличная статья!
Может Вы мне поможете решить такую проблему?
Могут ли элементы микроразметки Product и Breadcrumb пересекаться, если они не используют одни теги?
Поскольку на странице товара у меня заголовок товара начинается сразу после body, т.е. я пропишу в body itemscope itemtype="http://data-vocabulary.org/Product", а внутри страницы задам каждому элементу соответствие, а так же добавлю разметку для навигации Breadcrumb. Сейчас на сайте работает только навигация.
ответить
Игорь  · 30.07.2013 10:04:41
Спасибо автору. Пригодилось для общего понимания
ответить
Евгений  · 15.06.2013 14:09:41
Пошагово кто выложил бы)
ответить
Андрей  · 24.05.2013 16:15:18
Ну сыровато для не просвещенных...
ответить
Алексей  · 09.05.2013 15:45:18
Автору за статью 3 (ТРИ) с большущим минусом. Куски фраз. Сути не открывает.
p.s. капча класс с кроликом ))
ответить

Добавить комментарий

Пункты, отмеченные *, являются обязательными к заполнению