Булки и IT: что такое «хлебные крошки»?

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

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

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

Аналогично, интернет-пользователь, перемещаясь по сайту, оставляет след в виде логической цепочки страниц, по ней легко вернуться назад, не теряя контекст.

Подробнее о функциях «крошек»:

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

- Положительно влияют на SEO. За счет упрощения навигации увеличиваются показатели поведенческих метрик. Например, время, проведенное на сайте, или глубина просмотра.

У вас сейчас, возможно, взорвется мозг, но существуют еще и типы «хлебных крошек».

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

Например: Главная > Каталог > Одежда.

Динамические. Создаются автоматически на основе структуры. При изменении категорий или добавлении страниц крошки обновляются самостоятельно. Динамические крошки удобны для многостраничных сайтов с частыми обновлениями структуры.

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

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

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

🥖🌐 Наша веб-студия уже 13 лет внедряет на сайты клиентов «хлебные крошки» и создает страницы с нуля. ЗАКАЗАТЬ САЙТ.