Что такое “хлебные крошки” и как это связано с сайтами

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

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

Почему именно “хлебные крошки”

Лично нам не известно кто называл хлебные крошки именно так. Но само это название отсылает к немецкой народной сказке “Гензель и Гретель” (или "Пряничный домик"), где дети посыпали тропинки в лесу хлебными крошками, дабы не заблудиться.

Спойлер: в сказке у детей ничего не вышло, крошки съели птицы. Благо на сайте их никто склевать не сможет…

Как составляют хлебные крошки

Какого-то секрета или супер сложной схемы тут нет, все элементарно просто. Обычно, на сайтах хлебные крошки дублируют меню. Вот если взять пример со скриншота выше, мы видим следующие хлебные крошки: “Главная / Интересное / Что такое капча”. Последняя часть “Что такое капча” – это всегда страница, на которой находится пользователь (последняя часть цепочки); “Интересное” – это категория, к которой относится последний элемент; А “Главная” – это главная страница сайта, с которой можно просмотреть все остальные категории.

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

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

Улучшенная индексация сайта поисковыми системами

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

Рост позиций сайта в выдаче Яндекс и Google

Если сайт хорошо индексируется поисковыми системами и удобен пользователям, то он получает от поисковика более высокие позиции в поисковой выдаче. Так что, если у Вас на сайте до сих пор нет хлебных крошек, то быстрее их сделайте!

Вариации (или виды) хлебных крошек

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

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

Есть два пути:

1. Разобраться в сайтостроении и стать веб-разработчиком, тогда данный вопрос отпадет сам собой.

2. Если у Вас готовая CMS аля WordPress, Bitrix или Opencart, то смотрите в стороны готовых решений, внутренних плагинов. Если у Вас сайт на фреймворке, то читайте пункт 1.