Как добавить микроразметку в хлебные крошки или что важнее – структура url или структурированные данные (кейс)?

Для чего нужна микроразметка для хлебных крошек (строки навигации)?

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

Хлебные крошки на сайте:

В справке Яндекс.Вебмастера есть следующее объяснение предназначения микроразметки для хлебных крошек:

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

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

• делают сниппет более красивым и привлекательным
• помогают сразу сориентироваться пользователю в структуре сайта

Как разметить хлебные крошки для поисковых систем?

Существует много различных форматов: микроданные (microdata), schema.org, микроформаты, OpenGraph, RDFa. Все они поддерживаются и Яндексом, и Google, и имеют похожую логику и синтаксис. Какую из схем лучше выбрать? Абсолютно непринципиально, выбрать можно любую, которая окажется ближе к сердцу. Повторю – все форматы микроразметки для хлебных крошек с точки зрения поисковых систем равнозначны.

Я приведу пример микроразметки для хлебных крошек с помощью RDFa (Resource Description Framework):

1
2
3
4
5
6
7
8
9
10
11

<div xmlns:v="http://rdf.data-vocabulary.org/#">
   <span typeof="v:Breadcrumb">
     <a href="http://www.example.com/" rel="v:url" property="v:title">Главная</a> ›
   </span>
   <span typeof="v:Breadcrumb">
    <a href="http://www.example.com/football/" rel="v:url" property="v:title">Футбол</a> ›
   </span>
   <span typeof="v:Breadcrumb">
    <a href="http://www.example.com/football/zenit/" rel="v:url" property="v:title">Зенит</a> ›
   </span>
</div>

Подробнее посмотреть о разметки для хлебных крошек можно тут в справке Google.Webmaster: https://support.google.com/webmasters/answer/185417

Как проверить, что всё сделал правильно?

В Яндекс.Вебмастер есть валидатор микроразметки: http://webmaster.yandex.ru/microtest.xml

Что важнее микроразметка в хлебных крошках или структура url?

Исходные данные:

• Страница со списком всех растений: /plants/45/
• Страница растения: /plants/{id}/
• Страница типа растения: /plants/list/plant_type/{id}/

Хлебные крошки на странице растения организованы следующим образом: Главная -> Список растений -> Тип растения -> Страница растения. Строку навигации разметили с помощью микроразметки. Соответственно в выдаче ожидаем, что навигационная цепочка будет такая же.

Разметка на странице растения:

1
2
3
4
5
6

<div xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a href="/" rel="v:url" property="v:title">Главная</a></span> &gt; 
<span typeof="v:Breadcrumb"><a href="/plants/" rel="v:url" property="v:title">Список растений</a></span> &gt; 
<span typeof="v:Breadcrumb"><a href="/plants/list/plant_type/12/" rel="v:url" property="v:title">Фруктовые деревья</a></span> &gt;  
Абрикос, Морель, Жердель
</div>

Результат для Яндекса

Главная -> Список растений -> Страница растения. Т.е. точно согласно вложенности url.

Результат для Google

Главная -> Список растений -> Тип растения -> Страница растения. Т.е. точное повторение цепочки ссылок, которую мы построили и разметили.

Таким образом, можно сделать вывод, что для Яндекса важнее структура url, а для Google – микроразметка.

Вопросы?