«Хлебные крошки» (от англ. Breadcrumbs) — это специальная группа ссылок, которая позволяет пользователю отслеживать свой путь движения по сайту от главной страницы до конечной. Чаще всего данные ссылки находятся в верхней части страницы и помогают отобразить структуру Вашего сайта.
Думаю. многие читали в детстве сказку про Гензеля и Гретель, которых из-за голода родители отвели в лес и оставили там? Они дали детям по куску хлеба, и, пока они добирались до леса, Гензель крошил хлеб и бросал его под ноги, чтобы найти дорогу домой.
Именно из этой истории и пошло это название. Куда бы не забрел пользователь на сайте, он всегда сможет выйти на более высокие уровни сайта и все благодаря «Хлебным крошкам».
Где используются «хлебные крошки»
Далеко не каждый прибегает к навигации подобного типа. Владельцы с удобной структурой не ставят их или даже не знают, что такое хлебные крошки.
Все же, часто хлебные крошки используются на:
Карта сайта часто заменяет breadcrumbs, если она правильно разработана (имеется в виду html-карта, а не файл sitemap.xml для поисковиков). Такая страница должна иметь ссылки на все главные разделы, что позволит пользователю с легкостью переходить по ним и искать нужную информацию.
На форумах и интернет-магазинах хлебные крошки – обязательный атрибут.
Преимущества использования «хлебных крошек»
1. Иерархия сайта
Прежде всего, навигационная цепочка ориентирована на интересы пользователей. В частности, она просто незаменима, когда на сайте не предусмотрено боковое меню с каталогом. При использовании "хлебных крошек" навигация сайта становится более гибкой и посетитель может добраться до более высоких уровней сайта (ближе к главной странице) за меньшее количество кликов. А это улучшит показатели глубины просмотра сайта, потому что именно из-за плохой ориентации на странице пользователи спешат побыстрее оттуда сбежать.
2. Польза в SEO
«Хлебные крошки» помогают не только понять где Вы находитесь на сайте и указать путь, а также помогают на поисковой выдаче улучшить сниппет и получать только целевых посетителей. В результате, CTR сниппетов сайта возрастает, он получает больше переходов с того же количества показов, что не остаётся незамеченным поисковиками.
Что касается формирования самого сниппета, то поисковики делают это «по-своему». Так в Яндексе навигационная цепочка сниппета может сформироваться и независимо от наличия «крошек» на сайте. То есть, для её построения поисковик может взять внутреннюю ссылку с анкором из контекста статьи. Помимо этого, в справочнике поисковика говорится, что желательно совпадение Title страницы с анкорами ссылок, которые ведут на неё. Тайтл и анкоры желательно делать максимально короткими. Отметим, что навигационные цепочки формируются Яндексом для крупных сайтов с заполненными разделами/подразделами. Если в одной категории ресурса всего 1-2 страницы, «хлебные крошки» вряд ли появятся в выдаче.
В отличие от Яндекса, Google предлагает использовать микроразметку для отображения цепочки в сниппете. Для этой цели применяют разметку schema.org или data-vocabulary.
3. Релевантность материала
Любой посетитель с легкостью сможет разобраться, какой именно контент они изучают, а все потому, что четко будут обозначены категории и подкатегории.
Так вот, каждый элемент подобной цепочки должен быть ссылкой на определенный уровень вложенности. И только самая последняя «крошка» должна быть неактивной.Иначе она станет классическим примером циклической ссылки, которых на Вашем веб-ресурсе быть не должно.