Термин «хлебные крошки» произошел от английского «breadcrumbs». Это удобный элемент, который используют для упрощения навигации пользователя на сайте. Он отображает маршрут для страницы, на которой находится посетитель, позволяет быстрее перейти в нужный раздел. Попасть в него удастся в 1 клик. В результате пользователь просмотрит больше страниц сайта. Хлебные крошки помогают выполнить качественную внутреннюю перелинковку. Но элемент навигации принесет пользу, если его применять грамотно.
Где используют
Обычно они расположены в верхней части страницы. Их добавляют непосредственно над заголовком. Они выглядят как навигационный список, состоящий из ссылок. В нем присутствуют названия страниц, каждое из которых кликабельно, кроме последнего (страница, на которой мы уже находимся). В результате удается быстро найти интересующий контент. Такая навигация полезна для сайтов, имеющих сложную многоуровневую структуру. Хлебные крошки необходимо использовать на любом сайте, кроме одностраничных лендингов, будь то:
- блоги всех типов;
- порталы, на которых публикуют новости;
- сайты с услугами;
- интернет-магазины;
- крупные сайты всех видов.
Чтобы понять, нужны ли хлебные крошки на странице, оцените уровень ее вложенности. Для этого обратите внимание на количество вложенностей в URL. Если сайт имеет не больше 2 уровней вложенности, он не нуждается в упрощении навигации. Пользователь и так найдет нужный раздел. Но с точки зрения SEO все равно будет правильнее сделать хлебные крошки. Если же сайт сложнее, без навигационной цепочки не обойтись уже и с точки зрения юзабилити.

OVERCLICK
Виды хлебных крошек
Хлебные крошки отличаются по видам размещения и отображения ссылки. Эти параметры можно адаптировать с учетом нюансов ситуации.
Стандартные
Это классическая ссылочная цепочка. Она начинается с главной страницы и отображает путь до места, сохраняя ссылки на основные структурные элементы. Стандартные хлебные крошки размещают перед началом контента страницы над заголовком h1.
Динамические
Этот вид сохраняет историю посещений. Путь отображается линейно. В результате пользователь может легко подняться по структуре сайта. Цепочка может получаться слишком длинной. В этом случае ее сокращают, удаляя лишние подразделы. Можно также пересмотреть иерархию, начиная путь не со стартовой страницы сайта, а ссылаясь на начало категории или всего каталога.
С выпадающим списком
Этот вид используют на сайтах, на которых много категорий. Такой подход позволяет выбирать уровень вложенности и искать интересующие разделы. Их можно раскрывать, скрывать. В результате удастся легко перейти на нужную страницу.
Обратные
Отличаются измененным порядком отображения ссылок. Они начинаются с места, где находится пользователь.
Как хлебные крошки влияют на SEO
- Улучшение юзабилити. Пользователю легче понять, где он находится, а затем перейти на нужную страницу, продолжив просмотр каталога. Он быстрее найдет нужный раздел или перейдет в интересующую категорию. Это важно, если пользователь пришел с поисковой выдачи или оказался на странице, кликнув по рекламной ссылке. С их помощью можно вернуться на предыдущую страницу, перейти в раздел или подраздел, не тратя время на их поиск. Так пользователь посмотрит больше страниц сайта, что повысит вероятность покупки товара;
- Качественная внутренняя перелинковка. Хлебные крошки участвуют в определении совокупного веса ссылок, что важно при продвижении;
- Совершенствование вида сниппета в выдаче. Хлебные крошки могут отображаться на странице поисковика. Причем поисковая цепочка может меняться в зависимости от запроса, который использовал пользователь. В результате он перейдет сразу на нужный раздел, а не окажется на странице с конкретным товаром;
- Улучшение ранжирования. Поведенческие факторы сильно влияют на место в выдаче. Навигационная цепочка позволяет улучшить их, побуждая пользователя просматривать сайт и естественным образом перемещаться между разделами. В результате удастся получить более качественное ранжирование;
- Повышение конверсии. Хлебные крошки помогают пользователям лучше ориентироваться на сайте. Они могут легко перемещаться между разделами, сравнивать характеристики товаров, находить нужную продукцию. В результате растет шанс на покупку.
стратегии, которая заставит ваш сайт продавать
Как правильно создать хлебные крошки на сайте
- Руководствуйтесь структурой сайта и учитывайте его дизайн. Breadcrumbs должны направлять посетителей. Они выступают неким аналогом навигатора, позволяют быстро перейти в интересующий раздел. Важно, чтобы была сохранена структура сайта. Так посетитель не запутается.
- Обеспечьте читабельность навигации. Хлебные крошки должны быть информативными, позволять получать необходимые данные. Не стоит использовать большой объем информации. Лучше сократить названия. Сами элементы цепочки должны быть визуально отделены друг от друга. Для этого стоит использовать символ «/» или «< >».
- На главной странице не должно быть хлебных крошек. Если их разместить, страница будет ссылаться на себя же. Этот нюанс нужно учесть при настройке плагинов.
- Название текущей страницы не должно быть кликабельным. Лучше подготовить его в виде текста. Так вы избежите создания циклических ссылок.
- Расположите хлебные крошки так, чтобы они были заметны пользователям. От этого зависит, обратит ли он на них внимание и будет ли пользоваться. Лучше не менять стандартное местоположение. Обычно размещают вверху над текстом. Однако они могут дублироваться и внизу после статьи.
- Сочетайте хлебные крошки с микроразметкой. Так поисковики лучше поймут структуру, получат информацию и проиндексируют страницу.
Как добавить хлебные крошки на сайт на примере WordPress
Специалисты, занимающиеся продвижением ресурса, могут использовать 1 из нескольких способов добавления:
- с помощью плагина;
- посредством редактирования кода;
- при помощи внутреннего функционала.
Выбор способа зависит от удобства специалиста и его навыков.
С плагином
Чтобы настроить, можно установить плагин Breadcrumb NavXT. Он считается одним из самых удобных для WordPress. Однако есть и альтернативные варианты. Хорошо зарекомендовал себя SEO by Yoast. Плагины можно загрузить бесплатно. Однако важна версия Вордпресс. Она должна быть не ниже 3.0. Дополнительно нужно, чтобы хост поддерживал PHP5.
Чтобы плагин заработал, после активации потребуется вставить код вызова. Для этого корректируют следующие файлы:
- single – breadcrumbs будут отображаться для записей;
- category – breadcrumbs появятся в рубриках;
- header – система будет показывать ссылки везде.
Затем нужно настроить плагин. Для этого зайдите во вкладку «Основное». На этой странице удастся:
- скорректировать отображение ссылки на главную, добавив или удалив ее из перечня;
- выбрать формат строк;
- изменить знак, разделяющий навигационные ссылки.
Также важна вкладка «Записи и страницы». Она помогает настроить шаблоны страниц. Чтобы скорректировать рубрики, метки, форматы записей, необходимо перейти в раздел «Таксономия».
Без плагина
Для сайтов, работающих на Вордпресс, необязательно устанавливать плагин. Вместо него используют HTML-разметку. Ее главный плюс – сокращение потребления ресурсов и экономия места. Дополнительно удастся сократить размер кода, внести изменения в строку поиска.
Настраивать breadcrumbs без плагина стоит, если сайт не имеет сложной иерархии. Для крупных сайтов метод не подходит, поскольку он усложнит работу. Коды постоянно обновляются. В результате приходится тратить время на поиск.
Микроразметка для хлебных крошек
Микроразметка полезна для навигации. Она обеспечит учет хлебных крошек при формировании сниппета. Это положительно скажется на кликабельности. Дополнительно роботы будут лучше понимать структуру сайта, что станет плюсом при индексации. Нужно добавлять микроразметку, если сайт многостраничный.
Для отображения хлебных крошек в сниппете используют разметку. В ней не должно быть ошибок. Чтобы проверить корректность, используйте валидатор. Навигационные ссылки появятся после того, как вы внесете изменения в файл functions.php.
Краткие выводы по статье
Таким образом, хлебные крошки – удобный элемент структуры, который в разы упрощает навигацию. Он улучшает конверсию, естественные факторы поведения, что позволяет сайту подниматься в выдаче. Однако их нужно использовать правильно. Позаботьтесь об их читаемости, разместите на видном месте, предотвратите наличие ссылок на ту же страницу, на которой находится пользователь. Грамотный подход сделает хлебные крошки удобным инструментом для продвижения.

Почему никак не получается продвинуть сайт в поиске
Потому что SEO - это глубокая аналитика, а не набор шаблонных действий. Наша команда собрала весь опыт в технологии гибридной SEO аналитики.
С помощью своего метода мы даем стабильный рост проектам в поиске. Узнайте и вы - как продвигать сайты сегодня.
Хочу знать