«Хлебные крошки» (breadcrumbs) – это распространенный элемент навигации на интернет-сайтах, который представляет собой видимый пользователям навигационный путь от корневой страницы до текущей. Такое странное название – это вдохновение сказкой «Пряничный домик», главные герои которой сыпали вдоль своего пути хлебные крошки, чтобы не потерять путь домой.
«Хлебные крошки» повышают юзабилити сайта. Простая и удобная навигация позволяет понять пользователю, как далеко от главной страницы и на каком уровне он находится. Навигационная цепочка помогает не только понимать свое положение на сайте, но и быстро перемещаться в другой раздел.
Для чего «хлебные крошки» и их влияние на ранжирование
Написание удобной и понятной для юзеров навигационной цепочки не отнимает много времени и сил (к тому же есть множество готовых плагинов) но ее влияние на авторитет вашего сайта достаточно велико по трем причинам.
- Повышение юзабельности. «Хлебные крошки» помогают ориентироваться на сайте. Особенно это важно для интернет-магазинов, когда пользователь блуждает от одного подраздела к другому в поисках подходящего товара.
- Внутренняя перелинковка. Навигационная цепочка многократно повышает вес главной страницы. Каждая следующая страница в иерархии сайта передает свой вес на верхний уровень, а внутренняя перелинковка этому только способствует.
- Рост позиций в поисковике и сниппет. Правильно прописанные «хлебные крошки» отображаются в сниппетах Yandex и Google.
Улучшение поведенческих факторов в сочетании с повышением ссылочного веса корневой страницы и качественными сниппетами продвигает сайт в результатах поиска.
Виды цепочек
В большинстве случаев этот навигационный элемент выглядит в виде полосы сразу под шапкой вверху сайта. Классический вид: «Главная (корень) / Раздел / Подраздел / ... / текущая позиция». Бывают и другие менее распространенные варианты.
Динамические
Такая цепочка «хлебных крошек» не зависит от иерархии сайта и показывает лишь ваш путь, как вы попали на текущую страницу. Например «белая двуспальная кровать» может одновременно находиться в разных подразделах: двуспальные кровати, белая мебель и т.п.
Выпадающий список
Это более функциональные «хлебные крошки», ведь при наведении курсора на каждый элемент такой навигационной цепочки выпадает дополнительный список смежных подразделов. Это удобно для быстрого перехода на нужную страницу, а значит, увеличивает юзабельность.
Модифицированные «хлебные крошки»
Такой прием используют для сокращения слишком длинной цепочки. Этот способ предполагает удаление очевидных подразделов или добавление новых элементов. В качестве группирующего дополнения в большинстве случаев применяют торговые марки.
На виртуальных торговых площадках «хлебные крошки» традиционно начинаются с каталога, а не с корня. Это тоже делается для повышения юзабилити, ведь пользователю вряд ли особо интересна общая информация с главной страницы, ему нужно как можно проще найти желаемый товар.
Особенности и нюансы
Навигационный путь обычно прописывается вверху страницы в виде горизонтальной полосы. Но иногда встречаются и вертикальные цепочки, если это удобнее для пользователей при определенном дизайне сайта.
Именно дизайн зачастую и определяет структуру «крошек». Они не должны портить внешний вид страницы, но быть понятными пользователям, ведь юзабельность – один из важных факторов, влияющих на ранжирование в поисковиках.
Перелинковка с возвращением на текущую страницу – опасный нюанс «хлебных крошек», а точнее их табу. Цикличных ссылок на сайте не может быть. Чтобы избежать этого эффекта, последний элемент цепочки должен представлять собой только название текущей страницы без гиперссылки.
Если вы не хотите просто оптимизировать сайт для поисковиков, а сделать ресурс естественным и практичным, рекомендуем предусмотреть «хлебные крошки» на всех страницах. При этом путь не может быть формальным, а логичным и удобным для пользователей.
Как сделать правильную навигацию?
- Не делайте «хлебные крошки» на главной странице. Это цикличная ссылка, которая вредна с точки зрения SEO.
- Размещайте строку навигации в привычном для рядового юзера месте. Иногда можно и продублировать цепочку внизу.
- Используйте html-теги для обозначения контента. Это позволит поисковикам правильно считать информацию, использовав ее в сниппетах.
Не упускайте пользу от «хлебных крошек», которые способны улучшить качество взаимодействия пользователя с сайтом и повысить авторитет ресурса в глазах поисковых машин.
