Кормить голубей сейчас нельзя, а вот про хлебные крошки ещё говорит можно.
⠀
Знаете сказку «Гензель и Гретель», в которой дети, когда их завели в лес во второй раз, не смогли найти обратную дорогу, так как на этот раз вместо маленьких камешков они оставляли за собой хлебные крошки, впоследствии склёванные лесными птицами.
⠀
По принципу оставить след на сайтах есть дублирующее меню под названием «хлебные крошки». Так пользователь всегда легко может найти свой путь и вернуться на нужный этап поиска. И да, логичнее назвать «кемешками», так как эти крошки ни кто не склюет.
⠀
Виды хлебных крошек
Линейный метод
Обычно на этой цепочке отображается путь от главной страницы до той, на которой сейчас находится пользователь. Стандартно, выглядит это так: Главная страница — Раздел — Подраздел — Страница.
Динамические
Это когда навигационная цепочка отображает вложенность страниц в зависимости от пути пользователя, а не от иерархии страниц. Например, на вашем сайте есть разделы с товарами «Подарки для парня» и «Подарки для друга». Носки могут одновременно находиться в двух разделах, поэтому навигационная цепочка для страницы с этим товаром может выглядеть по-разному — в зависимости от того, как на нее попал пользователь.
С выпадающим списком
Это навигационная цепочка с более расширенным функционалом. У каждого раздела списка при наведении отображается список смежных разделов. То есть пользователь может не просто вернуться на один уровень выше, но и перейти в смежный раздел любой категории.
Также встречаются варианты, когда слишком длинные хлебные крошки сокращают, удаляя очевидные подразделы, или же, наоборот, добавляют в них дополнительный элемент — например, с брендом товара.
Еще можно столкнуться с примерами, когда навигационная цепочка начинается не с главной страницы сайта, а с каталога.
По итогу
⭐️ Это классные помощники для роботов индексации. По ним легче считывается карта сайта, даёт баллы в юзабилити и SEO. Сайт становится понятным, привлекательнее для поисков, чем сильно влияет на конверсию.
Правила крошек:
🌿Не требуются на одностраничниках и сайтах до 3-х страниц
🌿Это вспомогательная навигация и чем проще дизайн, тем лучше
🌿Согласно пункту выше, дизайн не должен выделяться или идти в разрез с сайтом
🌿Прописывается путь до конца и последний пункты не кликабельны
🌿Располагать в одном и том же месте на всех страницах
⠀
Рекомендую к использованию и надеюсь была полезной ❤️