Правильные хлебные крошки на сайте — что это, пример

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

Например: Главная>Услуги>Создание сайтов>Создание лендинга

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

Как выглядят хлебные крошки на сайте, пример:

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

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

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

Этот элемент интерфейса полезен не только для пользователей, но и для поискового продвижения сайта. Наличие хлебных крошек позитивно сказывается на поведенческих факторах и как следствие – на позициях сайта в поисковой выдаче.

Хлебные крошки выполняют следующие функции:

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

2Повышают юзабилити сайта Хлебные крошки в отличие от кнопки «Назад» позволяют вернуться сразу на несколько шагов назад, экономя таким образом клики. Чем меньше кликов требуется сделать посетител, чтобы добраться до определенного раздела, тем выше юзабилити сайта.

3Удобство навигации и юзабилити положительно влияют на поведенческие метрики (глубину просмотра, вовлеченность пользователя), которые поисковики учиитывают при ранжировании сайта.

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

5 Участие в перелинковке. Хлебные крошки участвуют в перелинковке страниц — в связывании страниц ссылками. Чем больше ссылок на страницу, тем выше её вес «в глазах» поисковых роботов.

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

Хлебные крошки создаются с помощью плагинов на CMS, на PHP, JavaScript, CSS. Правильные хлебные крошки должны соответствовать следующим рекомендациям:
• Их не должно быть на главной странице сайта.
• Последний пункт хлебных крошек не должен быть ссылкой, так как страница не может ссылаться сама на себя.
• Ссылки в «крошках» должны быть читаемыми, но не кричащими и не выбиваться из общего стиля оформления страницы.
• «Крошки» должны содержать микроразметку. Микроразметка — это дополнительные теги и атрибуты в HTML, которые помогают поисковым роботам понять смысл содержимого страницы, отдельного элемента или сайта в целом. Это подсказки, которые добавляют в код, чтобы улучшить распознавание контента страницы поисковиками. Если в хлебные крошки добавлена микроразметка, то они отображаются в сниппете Google. Яндекс пока их не распознает.
• Путь в хлебных крошках должны прописываться так, чтобы включать конечную страницу. Если взять для примера интернет-магазин, то цепочка ссылок должна заканчиваться названием страницы товара, а не ссылкой на раздел каталога, в котором этот товар находится.