Как внедрить микроразметку schema.org и зачем она нужна

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

Словарь Schema.org официально подтвержден поисковыми гигантами: Google, Bing и Yahoo. Вот так выглядит в выдаче страница с прописанной микроразметкой:

В этом случае использовано описание объекта, показан его рейтинг и «хлебные крошки». Если человек введет в поиск фразу «фильм титаник», скорее всего он выберет этот сайт среди других благодаря информативности и удобству подачи информации. А поисковая система быстрее распознает тип объекта, его свойства и прочие характеристики.

Страницы с микроразметкой выглядят более привлекательно в поисковой выдаче и лучше индексируются поисковыми системами. На сегодняшний день Schema.org считается наиболее обширным семантическим словарем микроразметки. Он насчитывает несколько сотен объектов. Каждый из них описывает предмет, услугу, товар, видео и т.д.

Этот список постепенно расширяется. Над ним работают представители самых популярных поисковых систем.

Описание одного объекта с помощью микроразметки состоит из тегов и атрибутов. Неизменной константой в каждом случае считаются три атрибута:

• itemscope — показывает роботу, что на этой странице описывается объект;
  
• itemtype — тип объекта из официального словарного списка;
  
• itemprop — свойства объекта для его описания.
  

На деле это выглядит так:

Этот код передает поисковику сведения о летчике-космонавте Юрие Гагарине, а именно: его фотографию, национальность, дату рождения, статус, имя коллеги, дату смерти, награду, источник данных, адрес сайта.

Словарь объектов на сайте представлен в виде структуры:

В «Thing-Вещь» входит «Action-Действие», которое включает «AchieveAction-Достижение», «IgnoreAction-Игнорирование» и так далее. Для описания этих объектов в схеме микроразметки используются метатеги с указанием объекта и его свойств.

Вот еще один пример подачи информации о видео:

Этот код описывает видео с конкретным названием, продолжительностью, скриншотом фрагмента, ссылкой на полное видео, датой загрузки, разрешением экрана, описанием.

В коде использованы метатеги:

• <div></div> — открывает и закрывает все описание;
  
  
• <span></span> — описывает свойства с помощью слов;
  
  
• <link>, включающий атрибут href — ссылка с атрибутом canonical, не видна пользователю;
  
  
• <time></time> с атрибутом date time — указывает дату, время в заданном формате «год-месяц-день», «часы-минуты», «часы-минуты-секунды»;
  
  
• <a></a> — указывает ссылку, которая видна пользователям;
  
  
• <meta> — используется с текстом, который скрыт от пользователей.
  
  

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

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

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

Официальный сайт Schema.org был переведен на русский язык добровольцами — ruschema.org. На данный момент вся информация англоязычной версии силами добровольцев переведена на русский язык, включая объекты микроразметки. В дальнейшей работе над сайтом может принять участие каждый желающий.

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

Дополнительно можно настроить хлебные крошки Schema.org, микроразметку рейтинга, контактов, отзывов и других свойств, описывающих продукт или компанию.

Чтобы проверить правильность созданной микроразметки, используйте валидатор Google. С его помощью можно проверить код готовой или созданной вручную разметки. При обнаруженной ошибке поисковик не выявит нужные данные, которые были указаны в коде.