Что такое хлебные крошки на сайте: зачем нужны, и как сделать

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

Что такое хлебные крошки на сайте

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

Для чего нужны хлебные крошки на сайте

Кроме упрощения навигации, они решают ряд важных задач:

1. Улучшение юзабилити. Посетитель может в один клик вернуться на нужную страницу.
2. Формирование внутренней перелинковки. Чем больше внутренних ссылок, тем эффективнее SEO.
3. Позитивный пользовательский опыт. Хлебные крошки – это инструмент для увеличения глубины просмотра, времени, проведенного на сайте.
4. Участие в показе сниппетов. Навигация видна в сниппете, поэтому пользователь сможет сразу ознакомиться со структурой ресурса.

Какие бывают хлебные крошки

• линейные. Последовательно отображают иерархию веб-ресурса;
• обратные. Оформляются в виде кнопки «Назад», возвращающей на предыдущую страницу;
• атрибутивные. Чаще всего это хлебные крошки для сайта интернет-магазина, которые содержат информацию о параметрах фильтрации. Например, если пользователь задал поиск по размеру одежды;
• хронологические. Показывают полную историю переходов посетителя.

Как сделать правильные хлебные крошки

Рекомендуется, чтобы они соответствовали следующим требованиям:

1. Органичная интеграция в дизайн сайта так, чтобы цепочка была видна, но не выделялась слишком ярко.
2. Грамотное размещение. В большинстве случаев правильные хлебные крошки располагаются вверху страницы.
3. Оформление каждого шага навигации в виде кликабельной ссылки. Страница, на которой находится посетитель в текущий момент, не должна отображаться в цепочке как ссылка.
4. Добавление микроразметки, что позволит поисковым ботам лучше ориентироваться на веб-ресурсе, что способствует ранжированию.

Как проверить хлебные крошки на сайте

Осуществляя комплексный аудит сайта, необходимо обязательно проверить корректность отображения этого элемента. В сервисе Google Search Console имеется раздел «Строки навигации». В нем отображается информация об ошибках, некорректном отображении разметки в поиске Гугла. Это позволяет SEO-специалисту понять, как сделать хлебные крошки на сайте лучше и эффективнее.

Хлебные крошки в SEO

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

Микроразметка хлебных крошек

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

Пример:

Анкоры – распределение ссылочного веса

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

Emoji – делают сниппет нагляднее

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

Рекомендации по хлебным крошкам

Вкратце SEO консультация может содержать следующие полезные советы:

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

Соблюдение этих рекомендаций сделает хлебные крошки для SEO действительно полезными и эффективными.