Микроразметка хлебных крошек Schema.org

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

Микроразметка состоит из словаря и синтаксиса. Словарь определяет, какими словами описывать те или иные объекты и их свойства. Например, на странице содержится информация о фильме. В словаре Schema.org для его описания используется слово Movie. У фильма также есть свойства: например, режиссер, год выпуска. Для их обозначения используются слова director, dateCreated. Кроме Schema.org существуют такие словари как Open Graph, микроформаты, FOAF и другие.

Синтаксис — это правила написания разметки. Разновидности: микроданные, RDFA, JSON-LD, микроформаты.

Пример микроразметки страницы о фильме «Возвращение»:

Зачем нужно размечать хлебные крошки

Микроразметка хлебных крошек выполняет несколько функций: Во-первых, сообщает поисковому роботу, что данный элемент кода — это именно хлебные крошки, а не просто набор ссылок. Во-вторых, с помощью разметки «крошки» добавляются в информационный блок ссылки в результатах поисковой выдачи (в сниппет). Вместо адреса страницы отображается навигационная цепочка — она в отличие от url читаема и сразу дает представление о структуре сайта. В-третьих, она помогает поисковому роботу построить структуру сайта.

Как сделать разметку хлебных крошек schema.org

Разберем на конкретном примере. Например, нам нужно добавить разметку в хлебные крошки на странице «Создание сайтов». Навигационная цепочка при этом выглядит так: Главная>Услуги>Создание сайтов

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

Теги itemscope, itemtype и itemprop указывают на соответственно:
• размечаемый элемент и на используемый словарь (в данном случае, хлебные крошки и schema.org),
• на свойства этого элемента
• и тип элемента через ссылку на schema.org

Что значат отдельные строки этой разметки:
itemscope itemtype="http://schema.org/BreadcrumbList" — сообщает поисковику, что перед ним хлебные крошки.
a itemprop="item" href="/" — Ссылка на страницу-пункт навигационной цепочки
span itemprop="name" — Наименование пункта в хлебных крошках
meta itemprop="position" content="1″/ — Порядок пункта

Проверка микроразметка хлебных крошек

После настройки микроразметки нужно убедиться, что она работает и поисковые роботы правильно считывают структурированные данные. Для проверки используются валидаторы микроразметки. У Google этот инструмент называется «Проверка структурированных данных», у Яндекса — «Валидатор микроразметки». В валидаторы можно вставить как адрес страницы, так и часть кода. В результате они покажут, как роботы обрабатывают разметку, и есть ли в ней ошибки.