Все, что вам необходимо знать о микроразметке schema.org

В данной статье я хочу рассказать вам всё о микроразметке schema.org. Можно было бы прямо во вступлении начать рассказывать о её важности при SEO-продвижении сайта, а можно просто вставить мем с Агутиным. Я выбрал второй вариант 🙂

Что такое микроразметка?

Если говорить кратко и понятно, то микроразметка — это единая схема для семантической разметки HTML, которая была признана такими поисковыми системами, как:

  • Google;
  • Яндекс;
  • Bing;
  • Yahoo!

 

Состоит она полностью из тегов <span>, <div>, и содержимого в них.

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

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

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

Применяется schema для формирования расширенного сниппета и увеличения релевантности контента.

Как пример, данная разметка описывает страницу с фильмом “Властелин колец: братство кольца”:

В данном сниппете сверху отображаются хлебные крошки, а снизу информация о режиссере, переводе фильма, его качестве, в какие списки он входит, а также, ссылки на следующую часть фильма и действующих актеров. Удобно ли это? Безусловно.

Практикуемся

Для того чтобы самостоятельно разметить данные, необходимо зайти на официальный сайт schema.org (или же на его русифицированную версию), переходим в раздел “Schemas”, выбираем необходимую сущность, решаем какие свойства будем указывать и, собственно, начинаем собирать код.

Типы сущностей

На данный момент количество сущностей, которые поддерживает Google, переваливает за 50. Самыми популярными являются:

 

Нельзя пройти мимо, не упомянув о трех новых видах сущностей:

  • HowTo — лучше всего использовать для страниц с пошаговыми инструкциями.
  • FAQ — хорошо подходит для страниц с вопросом и ответом на определенную тему.
  • Q&A — используется для страниц на которой на вопросы отвечают сами пользователи.

 

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

Для адекватного отображения данной сущности, страница должна соответствовать определенным критериям:

  1. Контент на странице должен содержать перечень вопросов и, соответственно, ответов на них.
  2. Контент, который размечен данной микроразметкой, должен быть доступен пользователям на исходной странице.
  3. Контент должен быть информационным, без какой-либо рекламы.
  4. Ну, и конечно же, в контенте не должно быть никакой ненависти, материалов сексуального характера, пропаганды насилия и т.д. (всё, что гуглу не угодно)

 

Разметка FAQ хорошо сочетается с такими разметками как Product и LocalBusiness.

Пример:

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

И снова начнем с требований:

  1. Каждый этап действий должен включать в себя все содержимое аналогичного этапа со страницы (один этап со страницы нельзя разметить на несколько этапов).
  2. Никакой рекламы.

 

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

Пример микроразметки в выдаче:

(К слову, советы на изображении отлично подходят для вопроса “Как влюбить в себя поисковую систему”)

Микроразметка Q&A

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

Это является одним из главных требований для данной разметки, но не стоит забывать и о стандартных требованиях (не рекламный контент и отсутствие запрещенной тематики).

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

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

Синтаксис

Для разметки Schema.org могут применяться следующие синтаксисы:

  • JSON-LD;
  • микроформаты;
  • микроданные;
  • RDFa.

 

Микроформаты являются ограниченным и устаревшим синтаксисом, поэтому мы не будем рассматривать его, как и RDFa, который редко где применяется (обычно в Яндексе).

Микроданные

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

Состоит этот синтаксис из содержимого, свойств и атрибутов для каждого из которых имеются свои теги:

  • itemscope — описывает каждый блок, дает возможность описывать информацию на уровне сущности;
  • itemtype — необходим для указания типа сущности;
  • itemprop —  с его помощью указываются дополнительные свойства.

 

Пример разметки:

JSON-LD

Стоит сразу заметить, что данная разметка является предпочтительной для поисковой системы Google.

Вот как она выглядит в базовом виде:

Вставив внутрь каркаса код микроразметки, который состоит из всё тех же значений, свойств и сущности, мы получим уже такой код:

Как легче всего сделать разметку JSON-LD?

Конечно же, можно сделать разметку вручную, но вы быстро откажетесь от этой затеи узнав о том, что для JSON-LD существуют генераторы.

Вот несколько самых популярных:

  • schemaapp.com — платный инструмент с пробным периодом в 14 дней, поддерживает все сущности Schema.org;
  • hallanalysis.com — бесплатный сервис, который поддерживает 6 сущностей (Local Business, Website, Person, Organization, Product, Event);
  • technicalseo.com — тоже бесплатный сервис с поддержкой 13 сущностей (помимо создания разметки, эта платформа имеет ряд полезных инструментов, советую ознакомиться с ним).

 

Валидация разметки

Если вы создаете разметку с помощью генератора или вручную, перед загрузкой кода всегда необходимо проверить его на валидность. В этом могут помочь валидаторы от поисковых систем:

Вставляем микроразметку на страницу

После того как мы проверили код на валидацию, и с ним нет проблем, мы вставляем его на необходимую страницу между тегом <head> </head>.

Внедряем микроразметку не используя код

Если вы не хотите тратить много времени на выбор, написание и внедрение микроразметки, вы можете воспользоваться инструментом от Google под названием Маркер данных.

Используя этот вариант вам будет необходимо:

  1. Перейти по ссылке сверху, выбрать или подтвердить свой ресурс в Google Search Console.
  2. Указать URL какой-то однотипной страницы сайта, например, страницу товара в интернет-магазине.
  3. Выбрать тип информации и нажать на кнопку “Начать выделение”.
  4. После этого загрузится выбранная вами страница. Справа вы увидите список свойств, доступных для сущности, которую вы выбрали.
  5. Выделите нужную вам строку и выберите нужное свойство в появившемся окне. Таким образом, разметьте все необходимые элементы и нажмите кнопку “Готово”.
  6. После этого вам будет предложено выбрать группу похожих страниц, которую создала система или создать свою. После этого нажмите на кнопку “Создать группу страниц”.
  7. В итоге вам будет предложено проверить правильность  разметки. Нажмите “Опубликовать”, если же у вас есть ошибки, поправьте их.

 

Вместо выводов

Микроразметка Schema.org — классная и нужная вещь, которую не так уж и сложно внедрить, особенно, используя специальные инструменты и сервисы. Поэтому обязательно вставьте ее на свой сайт, если она у вас до сих пор отсутствует.

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