Хлебные крошки

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

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

Цепочки навигации добавляются на сайт, как используя дополнительные плагины соответствующих  систем управления сайтами (например плагины для WordPress, Bitrix, Opencart, MODX) так и без них.

Использование хлебных крошек

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

Почему важны для SEO?

Достоинствами хлебных крошек в SEO являются:

• Навигационные цепочки облегчают поиск по сайту и положительно влияют на поведенческие факторы. При помощи хлебных крошек пользователь может видеть всю структуру разделов и проводит больше времени на сайте.
• При помощи навигационных элементов обеспечивается правильное распределение веса ссылок. Например, на главную страницу ссылаются разделы, на разделы — подразделы.
• Хлебные крошки улучшают представление документа на странице результатов поиска. Корректно размеченные breadcrumbs отображают в сниппете наглядную цепочку навигации.

Виды цепочек навигации

Хлебные крошки классифицируются по различным принципам:

• Линейный. Это традиционные элементы, отображающие путь от главной страницы к текущей. При слишком длинной структуре цепочка укорачивается.
• Назад. Вместо цепочки навигации располагается кнопка «Назад». При нажатии этой кнопки пользовательские фильтры не сбрасываются.
• Комбинированный. Возможно сочетание линейных крошек с кнопкой «назад». Использовать подобный метод нужно аккуратно, чтобы не запутать посетителя.
• Динамический. Формирование навигационной цепочки осуществляется с учётом пути пользователя. Этот принцип используетсяинтернет-магазинах.
• С выпадающим списком. Подобные элементы характеризуются расширенным функционалом. Если навести на раздел, отображается перечень смежных разделов. Таким образом, пользователю не обязательно переходить на главную или на подраздел выше.
• Аттрибутивный. Путь страницы формируется с учётом пользовательских фильтров. Данный принцип применяется в интернет-магазинах.

Правила при создании хлебных крошек

При создании навигационных элементов необходимо придерживаться определённых правил:

• Хлебные крошки не должны размещаться на главной странице. Это делается, чтобы избежать циклических ссылок, которые ухудшают ранжирование сайта в поисковых системах.
• Последняя цепочка в звене должна быть некликабельной (не содержать ссылку сама на себя).
• Элементы навигации обычно размещаются сверху в виде горизонтальной полосы (реже — вертикальной). В некоторых случаях возможно дублирование цепочки внизу.
• В последнем шаге цепочки должна отображаться текущая страница, если блок breadcrumbs не занимает много места. Если блок занимает много места, последний шаг нужно скрыть.
• Не следует формировать анкоры хлебных крошек с указанием основного ключа на каждом шаге. Это может значительно затруднить восприятие всей цепочки.
• Навигационные крошки должны формироваться с учётом общего стиля сайта и не противоречить общему оформлению.
• Последний элемент в списке выделяют жирным шрифтом или курсивом, чтобы сделать его более отчётливым.
• Можно экспериментировать с дизайном цепочек. Например, на месте главной страницы — значок домика. Элементы могут быть тёмного и светлого оттенков.

Заключение

Хлебные крошки на сайте хорошо подходят как для коммерческих, так и для информационных порталов. Их наличие обязательно, если страница имеет более двух уровней вложенности. Навигационные цепочки повышают удобство на сайте для пользователей и делают сниппет более привлекательным, что положительно сказывается на поведенческих факторах. Также они обеспечивают логичную структуру для поисковых систем, грамотную перелинковку и распределение ссылочного веса. Размещение навигации помогает повысить поисковое ранжирование сайта.