Хлебные крошки: что это такое?

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

Где применяются хлебные крошки

• В каталогах товаров хлебные крошки показывают путь: Главная → Электроника → Смартфоны → Apple — с возможностью вернуться на любой уровень одним кликом
• В многоуровневых статьях хлебные крошки помогают ориентироваться в структуре: Главная → Блог → Маркетинг → Контент → СЕО
• В корпоративных сайтах хлебные крошки упрощают поиск контактов или документов в сложной структуре разделов
• В поисковой оптимизации хлебные крошки помогают поисковикам понять структуру сайта и правильно индексировать страницы

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

На что обратить внимание

1. Видимость обязательна. Крошки должны быть крупными и контрастными, а не серыми мелкими буквами в углу
2. Кликабельность всех элементов кроме текущего. Пользователь должен вернуться на любой уровень цепочки одним кликом
3. Соответствие структуре сайта. Крошки должны отражать реальную иерархию, а не придуманную для красоты
4. Мобильная адаптация критична. На узких экранах крошки могут обрезаться, нужен адаптивный дизайн с переносом или сокращением

Хлебные крошки особенно полезны, когда пользователь попал на страницу из поиска или внешней ссылки и не знает, где находится в структуре сайта. На практике их отсутствие часто не замечают до тех пор, пока не столкнутся с проблемой. Добавление хлебных крошек стоит пары часов работы верстальщика, но снижает показатель отказов на 5-15% в каталогах.