Что такое микроразметка и какие типы микроразметки поддерживают Яндекс и Google

Приветствую, дорогие читатели и гости блога! Полагаю, вы слышали о таком понятии как микроразметка сайта, если нет, то садитесь поудобнее, и приступайте к изучению этой обширной темы. На данный момент самым популярным форматом микроразметки в Рунете является Schema org.

Сразу предупрежу, что в этом посте я не буду учить вас как сделать микроразметку, так как это довольно обширная тема. Я лишь расскажу вам об основных ее типах. О том как сделать микроразметку на блоге WordPress я написал здесь.

Содержание статьи:

Микроразметка schema org
Микроразметка Яндекс
Микроразметка Google
Пример микроразметки сайта
Плагин для микроразметки WordPress

Микроразметка schema org

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

Существует несколько типов микроразметки, но не все они поддерживаются поисковой системой Яндекс.

Микроразметка schema org это стандарт, который объявили Google, Bing и Yahoo в 2011 году. Немного позднее и Яндекс принял ее в свои ряды. Вот собственно видео в котором Яндекс наглядно показывает зачем нужна микроразметка.

Стандарт представляет собой определенный набор классов, которые описывают свойства документа. То есть если говорить простым языком, мы сообщаем поисковому роботу: «Эй дружище, вот это у меня название статьи, это изображение, а это комментарии. Не перепутай ничего :)».

Все доступные классы можно посмотреть на официальном сайте schema.org. Сайт англоязычный, но есть неполная версия русскоязычного перевода по адресу ruschema.org. Кстати, если вы отлично владеете английским языком, то можете помочь проекту с переводом.

Микроразметка Яндекс

В настоящее время Яндекс поддерживает микроразметку schema.org и микроформаты.

На момент написания статьи Яндекс поддерживает следующие микроформаты:

• hRecipe – описание кулинарных рецептов;
• hCard – разметка контактной информации;
• hReview – разметка отзывов;
• hProduct – разметка товаров;

Микроразметка Google

Гугл в отличии от Яндекс поддерживает все виды микроразметки. Это и плюс, и одновременно большой минус. Дело в том, что большинство шаблонов WordPress, которые находятся в бесплатном доступе взяты с западных источников, и соответственно разработаны по правилам google. Они ведь ориентируются на него, а не на Яндекс. В таких шаблонах уже внедрена микроразметка, например, vCard и Open Graph.

Когда же блогер устанавливает на WordPress такой шаблон, понимает, что Яндекс не понимает внедренной разметки, вот тут и начинается веселье в виде ковыряния кода или поиска фрилансеров для этой работы. Я сам когда-то заказывал микроразметку у верстальщика для этого блога.

Конечно, ребята с Яндекс могли бы настроить своих роботов, чтобы те понимали все основные способы микроразметки как Google, но Яндекс не дурак. Эти ребята любят, когда львиную долю их работы делают web мастера. Отказом понимать устаревшие типы микроразметки, они убивают сразу двух зайцев – заставляют создавать сайты по самым современным стандартам и экономят свои ресурсы.

Пример микроразметки сайта

Правильно размеченный сайт значительно выделяется в сниппете поисковой выдачи. К таким выделениям можно отнести:

• рейтинг чего-либо – статьи, фильма или товара;
• текстовое выделение рубрики, так называемые «хлебные крошки»;
• изображение рецепта;
• медиа;
• адрес и контактная информация;
• дата публикации материала;
• количество сообщений в топике;

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

Вариант 1.

В данном варианте можно увидеть, что присутствует микроразметка. В частности поисковый робот четко понимает разметку даты, хлебных крошек и рейтинг статьи.

Вариант 2.

Очень богатый сниппет. Согласны? В сниппет добавлена разметка гугл адресов и учитывая мое местонахождение, Google показывает мне самые ближайшие клиники. Так же мы видим разметку отзывов и рубрик.

Вариант 3.

На последнем скриншоте видно, что в сниппете выводятся размеченные изображения и хлебные крошки.

Если вы имеете хоть какое-то представление в HTML коде, то предлагаю взглянуть на два варианта отображения контактной информации. Первый вариант без микроразметки, второй с внедренной разметкой Schema.org

Вариант без разметки:

Офис Васи
Контакты:

Адрес: Ленина, 26,
143350,
Москва,

Телефон: +7 495 123–45–67,
Факс: +7 495 234–56–78,
Электронная почта: [email protected]

А вот вариант с внедренной микроразметкой

Офис Васи
Контакты:

Адрес:
Ленина, 26
143350
Москва,

Телефон:+7 495 123–45–67,
Факс:+7 495 234–56–78,
Электронная почта: [email protected]

А вот во втором примере поисковый робот так же как и человек, четко понимает, что написанные цифры, это телефон, а рядом стоящие слова это адрес компании.

Плагин для микроразметки WordPress

Если вы хотите самостоятельно правильно сделать микроразметку блога, то вот эту статью. А если не хотите возиться с кодами и предпочитаете пользоваться готовыми плагинами, то предлагаю вам установить плагин для микроразметки WordPress. Но предупрежу, что у плагина есть большой недостаток, о котором расскажу ниже.

Итак, плагин называется Schema Creator by Raven. Просто скачиваем и активируем его на своем блоге.

После активации плагина, в редакторе записей появится кнопка, при помощи которой можно будет разметить статью.

Если мы нажмем на соответствующую кнопку, можем увидеть, что перед нами появится форма, заполнив которую, мы внедрим микроразметку. На скриншоте пример разметки кулинарного сайта.

Как видите плагин Schema Creator by Raven достаточно прост и не требует каких-то особых настроек. Но все же минус у него есть, это постоянное редактирование новых записей. Если же вы внедрите микроразметку Schema org в шаблон блога, то все будет размечаться автоматически. Соответственно экономится время.