Хлебные крошки в SEO сделать правильно на сайт

Всё о хлебных крошках в SEO: зачем нужны, как добавить на сайт, какую разметку внедрить.

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

Хлебные крошки (навигационная цепочка с англ. Breadcrumbs) — элемент навигации сайта, показывающий путь в структуре ресурса от главной страницы к текущей, на которой в данный момент находится пользователь.

Хлебные крошки выполняют ряд важных функций:

улучшают юзабилити и делают понятным расположение страницы в структуре сайта;
повышают удобство навигации по сайту;
участвуют в перелинковке страниц и распределении ссылочного веса;
улучшают представление сниппета в результатах поиска;
с ними удобнее ориентироваться на сайте. Хлебные крошки делают страницы удобнее для пользователей, с ними проще ориентироваться в разделах и переходить к общим категориям;
позволяют перелинковать страницы. Ссылки в хлебных крошках участвуют во внутренней перелинковке, так что помогают выстроить поток ссылочного веса по сайту;
делают сниппет нагляднее. В сниппете благодаря крошкам появляются понятные названия категорий. Это может повысить кликабельность сниппета. Пользователи могут сразу перейти на нужный раздел прямо из выдачи.

Правильно размеченные хлебные крошки могут попасть в сниппет сайта в выдаче Яндекса и Google. На сниппете вместо обычной ссылки отобразится навигационная цепочка.

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

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

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

Хлебные крошки должны содержать все промежуточные страницы;
Если в хлебных крошках отображается текущая страница последним элементом, она не должна содержать ссылку сама на себя;
Для отображения навигационной цепочки на странице результатов поиска Google необходимо выполнить микроразметку хлебных крошек.

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

Микроразметка осуществляется путем добавления специальных HTML-тегов, которые сообщают поисковым роботам к какому типу контента относится элемент.

Пример микроразметки хлебных крошек в формате Microdata для страницы «Ролл филадельфия», которая имеет навигационную цепочку из ссылок "Главная > Каталог > Роллы > Ролл филадельфия":

хлебные крошки seo

itemscope itemtype=http://schema.org/BreadcrumbList говорит о том, что элемент относится к хлебным крошкам и состоит из цепочки связанных веб страниц.

Далее каждому элементу навигации добавляем следующие атрибуты:

itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem — означает , что элемент относится к отдельному пункту списка;
itemprop="item" — для разметки ссылки;
itemprop="name"> — у тега с названием хлебной крошки;
В конце блока хлебной крошки добавляем , который определяет позицию элемента в навигационной цепочке.

Существует известная проблема в том, что валидатор микроразметки выдает предупреждение, когда в коде нет атрибута itemprop="item" у последнего элемента хлебной крошки. Это возникает из-за отсутствия у элемента ссылки.

Но это не мешает поисковой системе Google корректно выстраивать цепочку ссылок в сниппете.

Если же вас смущает это предупреждение, то можно не размечать последний элемент (как у нас в примере), либо же использовать другие способы микроразметки.