Для чего используют хлебные крошки на сайте?

Начнем с того, что разберемся в вопросе, который интересует многих: что такое хлебные крошки и для чего они нужны?

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

Смысл в них такой же, как и в сказке Братьев Гримм, где дети по разбросанным по лесу хлебным крошкам находят дорогу домой.

Объемная структура сайта? Помогут хлебные крошки!

Для сайтов с объемной структурой хлебные крошки просто необходимы, так как пользователь может просто потеряться и не найти нужный ему раздел, а дальше просто покинуть сайт, а для интернет-магазинов это означает только одно: непроданные товары или услуг

Хлебные крошки (Breadcrums от анг.) также называют дублирующей навигацией.

Польза дублирующей навигации

Имеет две основные функции:

1. Удобство пользования сайтом (Юзабилити)

Пользователь знает, на каком уровне он находится

Показывает структуру ресурса

Помогает в перемещением между разными уровнями вложенности.

Положительное влияние на СЕО

Перелинковка между страницами

Благодаря удобству навигации поведенческие факторы улучшаются (время на сайте, глубина просмотра)

Виды breadcrums на сайте

Бывают три типа оформления данных цепочек навигации:

Линейная навигация

Показывает полный путь пользователя от домашней страницы до раздела, на котором он находится. Но бывают моменты, когда путь слишком длинный, в таком случае цепочку можно показывать не полностью. Так устроена цепочка у Amazon:

Довольно неудачное решение с точки зрения удобства пользования, так как не показывается полная структура вложенности, а мы можем вернуться лишь на предыдущий раздел или на главную. Если на сайте отсутствует поиск, то от такого решения лучше отказаться.

Система «Назад» + система линейной навигации

Комбинирует в себе оба варианта, такие как «кнопка на предыдущий раздел» и «отображение полного пути от главной страницы».

Где и как расположить хлебные крошки на вашем сайте?

Ни в коем случае не располагайте данную навигацию на главной странице, иначе вы укажете ссылку на нее саму, что плохо скажется на СЕО.

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

Вся цепочка должна иметь акцентированный цвет и располагаться в видимом месте.

Установите в Яндексе и Google функцию, которая будет отображать вашу навигационную цепочку. Это окажется полезным для пользователя, так как он сразу увидит, на какой раздел сайта он попадет.

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