Хлебные крошки от Google: что, зачем и как?

​Сниппет – лаконичный текст, описывающий содержание веб-страницы в поисковой выдаче.

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

Что такое хлебные крошки?

Хлебные крошки, в основе которых лежит микроразметка от Google, это особый способ дополнении сниппета за счет навигационной цепочки, демонстрирующей место страницы в иерархии сайта. Фактически, хлебные крошки заменяют обычную ссылку в поиске названием разделов и подразделов, в которых находится веб-страница. Поисковик приводит следующий пример:

Как видно, детализация URL-адреса посредством хлебных крошек Arts› Books› Poetry (рус.Искусство› Книги› Поэзия) позволяет точно определить местоположение страницы в структуре веб-ресурса.

Причем здесь «хлеб» и «крошки»?

Все просто. Навигационная цепочка под названием «хлебные крошки» призвана отследить маршрут до конкретной страницы вдоль всей иерархии сайта. Похожим образом герои немецкой сказки «Гензель и Гретель» пытались отыскать путь домой из леса, используя предварительно рассыпанные хлебные крошки по маршруту своего путешествия. Отсюда и необычное словосочетание, которое позаимствовал американский поисковый гигант.

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

Использование хлебных крошек может быть обусловлено несколькими причинами:

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

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

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

Во-первых, настроить хлебные крошки можно «вручную», самостоятельно внеся необходимые изменения в код сайта. Этот вариант предполагает использование микроразметки от Google, а именно: микроданных или RDFa. В случае с разметкой через микроданные код навигационной цепочки может выглядеть так:

<ol itemscope itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://www.theguardian.com/arts">
<span itemprop="name">Arts</span></a>
<meta itemprop="position" content="1" />
</li>

<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://www.theguardian.com/arts/books">
<span itemprop="name">Books</span></a>
<meta itemprop="position" content="2" />
</li>

<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem">
<a itemprop="item" href="http://www.theguardian.com/arts/books/poetry">
<span itemprop="name">Poetry</span></a>
<meta itemprop="position" content="3" />
</li>
</ol>

Добавление навигационной цепочки в сниппет можно осуществить и с помощью языка RDFa. В этой ситуации пример кода будет следующим:

<ol vocab="http://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="http://www.theguardian.com/arts">
<span property="name">Arts</span></a>
<meta property="position" content="1">
</li>

<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="http://www.theguardian.com/arts/books">
<span property="name">Books</span></a>
<meta property="position" content="2">
</li>

<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage"
href="http://www.theguardian.com/arts/books/poetry">
<span property="name">Poetry</span></a>
<meta property="position" content="3">
</li>
</ol>

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

Плагины для хлебных крошек

Во-вторых, снабдить сниппет навигационной цепочкой можно при помощи специальных плагинов. Самым популярным плагином хлебных крошек для WordPress считается Breadcrumb NavXT. Есть и другие, скажем, Instant Breadcrumbs, Breadcrumb Trail и Breadcrumb. Кстати, все они позволяют установить хлебные крошки не только в поисковой выдаче, но и на страницах сайта.

Также необходимо отметить, что правильно внедренная навигационная цепочка (то ли посредством самостоятельной разметки, то ли при помощи плагина) будет одинаково успешно распознаваться как Google, так и другими поисковыми системами – Яндексом, Yahoo!, Bing и пр.

Проверка отображения навигационной цепочки в поиске

Оценить, насколько успешным были ваши эксперименты с хлебными крошками, всегда можно воспользовавшись специализированными инструментами Google и Яндекса. Но прежде, чем начинать экспериментировать, не лишним будет знакомство с описанием хлебных крошек на странице первоисточника. Конечно, если с английским вы на «ты».

Комментарии (2)
  14.03.2016 13:22
"Проверка отображения навигационной цепочки в поиске" Скажем, не проверка отображения, а проверка распознавания.
  14.03.2016 14:55
"Распознают" поисковые системы, а рядовой пользователь видит, как она "отображается" в поиске. Но все равно спасибо за Ваше уточнение.))
К данной записи нельзя добавлять комментарии т.к. она очень старая.