Простым языком «хлебные крошки» — это частички хлеба (шутка), это навигация вверху страницы. Она помогает посетителю быстро ориентироваться на сайте и играет большую роль в продажах бизнеса.
Говоря более профессионально, термин из программирования «хлебные крошки» (от англ. breadcrumbs) означает навигационную цепочку как элемент интерфейса программы, веб-сайта или другой компьютерной системы.
Откуда произошло название?
Хлебные крошки отсылают нас к сказке братьев Гримм «Гензель и Гретель» герои которой, чтобы не потеряться в лесу, оставляли за собой след из хлебных крошек.
Аналогично, интернет-пользователь, перемещаясь по сайту, оставляет след в виде логической цепочки страниц, по ней легко вернуться назад, не теряя контекст.
Подробнее о функциях «крошек»:
- Совершенствуют пользовательский опыт. Посетитель получает возможность узнать, в какой части сайта он находится. «Крошки» делают структуру страницы понятной и помогают перемещаться от общих разделов к частным.
- Положительно влияют на SEO. За счет упрощения навигации увеличиваются показатели поведенческих метрик. Например, время, проведенное на сайте, или глубина просмотра.
Для IT-шников и любопытных
У вас сейчас, возможно, взорвется мозг, но существуют еще и типы «хлебных крошек».
Линейные. Самый распространённый и простой тип. Они отображают прямой путь от главной страницы до текущей в виде горизонтальной цепочки ссылок через все уровни вложенности.
Например: Главная > Каталог > Одежда.
Динамические. Создаются автоматически на основе структуры. При изменении категорий или добавлении страниц крошки обновляются самостоятельно. Динамические крошки удобны для многостраничных сайтов с частыми обновлениями структуры.
С выпадающим списком. Вместо цепочки ссылок используется элемент с выпадающим меню, где при наведении или клике появляются дочерние разделы и страницы. Подходит для сложных многоуровневых структур.
Обратные. Отображают путь не с первой страницы на текущую, а наоборот, от текущей к первой. Используется реже других вариантов.
С кнопкой «назад». Некоторые сайты используют кнопку «Назад» вместо или в дополнение к хлебным крошкам, чтобы пользователь мог легко вернуться на предыдущую страницу.
🥖🌐 Наша веб-студия уже 13 лет внедряет на сайты клиентов «хлебные крошки» и создает страницы с нуля. ЗАКАЗАТЬ САЙТ