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

Некоторые функции хлебных крошек:

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

Существуют разные виды хлебных крошек, например:

• Иерархические (линейные). 3 Наиболее распространённый вид, который отображает иерархию страниц на сайте. 3 Крошки начинаются с главной страницы и расширяются до текущей страницы пользователя. 3
• Динамические. 3 Показывают порядок страниц в соответствии с путём пользователей, а не по иерархии на сайте. 3
• Локализованные. 3 Полезны для мультиязычных сайтов или сайтов, ориентированных на разные регионы. 3 Позволяют пользователям выбрать язык или регион и отображают соответствующий путь. 3
• Атрибутивные. 3 Предоставляют информацию о странице или объекте. 3 Могут включать атрибуты: теги, ключевые слова, характеристики продукта. 3