Начнем с того, что разберемся в вопросе, который интересует многих: что такое хлебные крошки и для чего они нужны?
В первую очередь хлебные крошки – это удобная навигация по сайту. Она представляет собой некую цепочку ссылок, по которой пользователь, находящийся на той или иной странице ресурса, может с легкостью перейти на необходимую страницу в структуре сайта.
Смысл в них такой же, как и в сказке Братьев Гримм, где дети по разбросанным по лесу хлебным крошкам находят дорогу домой.
Объемная структура сайта? Помогут хлебные крошки!
Для сайтов с объемной структурой хлебные крошки просто необходимы, так как пользователь может просто потеряться и не найти нужный ему раздел, а дальше просто покинуть сайт, а для интернет-магазинов это означает только одно: непроданные товары или услуг
Хлебные крошки (Breadcrums от анг.) также называют дублирующей навигацией.
Польза дублирующей навигации
Имеет две основные функции:
1. Удобство пользования сайтом (Юзабилити)
- Пользователь знает, на каком уровне он находится
- Показывает структуру ресурса
- Помогает в перемещением между разными уровнями вложенности.
Положительное влияние на СЕО
- Перелинковка между страницами
- Благодаря удобству навигации поведенческие факторы улучшаются (время на сайте, глубина просмотра)
Виды breadcrums на сайте
Бывают три типа оформления данных цепочек навигации:
Линейная навигация
Показывает полный путь пользователя от домашней страницы до раздела, на котором он находится. Но бывают моменты, когда путь слишком длинный, в таком случае цепочку можно показывать не полностью. Так устроена цепочка у Amazon
Довольно неудачное решение с точки зрения удобства пользования, так как не показывается полная структура вложенности, а мы можем вернуться лишь на предыдущий раздел или на главную. Если на сайте отсутствует поиск, то от такого решения лучше отказаться.
Система «Назад» + система линейной навигации
Комбинирует в себе оба варианта, такие как «кнопка на предыдущий раздел» и «отображение полного пути от главной страницы».
Где и как расположить хлебные крошки на вашем сайте?
- Ни в коем случае не располагайте данную навигацию на главной странице, иначе вы укажете ссылку на нее саму, что плохо скажется на СЕО.
- Элемент, который будет кликабельным, должен содержать предыдущий раздел, иначе если последний элемент будет включать в себя ссылку на свой же раздел, то вы получите такую же ссылку, как и в случае с главной страницей.
- Вся цепочка должна иметь акцентированный цвет и располагаться в видимом месте.
- Установите в Яндексе и Google функцию, которая будет отображать вашу навигационную цепочку. Это окажется полезным для пользователя, так как он сразу увидит, на какой раздел сайта он попадет.
В заключение: хлебные крошки – это отличный навигационный элемент на сайте, который поможет вам не только правильно направить пользователя в интересую