SEO Premium Store Yoast Premium • услуги • блог

Настройка хлебных крошек (Breadcrumbs) с помощью Yoast SEO: улучшаем навигацию сайта

Опубликовано: 02.03.2026

Вы когда-нибудь чувствовали себя потерянным в лабиринте сайта, бесконечно нажимая кнопку «Назад» в браузере? Ваши посетители — тоже. И поисковые роботы — тоже.

Решение этой проблемы существует уже давно и называется «хлебные крошки» (breadcrumbs). Это та самая цепочка ссылок в верхней части страницы, которая выглядит примерно так: «Главная > Блог > SEO > Настройка хлебных крошек».

хлебные крошки Yoast SEO

Название отсылает нас к сказке братьев Гримм «Гензель и Гретель», где дети бросали за собой хлебные крошки, чтобы найти дорогу домой . В мире сайтов хлебные крошки выполняют ту же функцию — помогают пользователям и поисковикам не заблудиться в структуре вашего ресурса.

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


Что такое хлебные крошки и зачем они нужны?

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

Для пользователей: навигация без стресса

Представьте, что вы зашли в огромный торговый центр. Хлебные крошки — это как указатели, которые всегда показывают, на каком вы этаже и в каком отделе. Они позволяют:

  • Быстро вернуться на уровень выше (например, из карточки товара в категорию);
  • Понять структуру сайта с первого взгляда;
  • Не пользоваться кнопкой «Назад» десятки раз подряд.

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

Для SEO: скрытая суперсила

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

  1. Улучшение индексации. Хлебные крошки создают дополнительные ссылки на важные разделы сайта. Поисковые роботы легче перемещаются по страницам и быстрее находят новый контент .
  2. Перераспределение статического веса. Ссылки из хлебных крошек ведут на вышестоящие разделы, передавая им часть «веса» страницы. Это помогает продвигать категорийные запросы .
  3. Улучшение поведенческих факторов. Понятная навигация снижает показатель отказов и увеличивает время на сайте — а это прямые сигналы для поисковиков, что сайт качественный .
  4. Красивый сниппет в выдаче. Google может отображать хлебные крошки прямо в результатах поиска, заменяя обычный URL. Это делает ваш сниппет более заметным и повышает кликабельность (CTR) .

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

В плагине Yoast SEO функция хлебных крошек по умолчанию отключена . Её нужно активировать вручную. Хорошая новость: делается это всего в пару кликов.

Шаг 1. Включаем функцию

  1. Зайдите в админ-панель WordPress.
  2. Перейдите в раздел Yoast SEO → Настройки (Settings) .
  3. Откройте вкладку «Дополнительно» (Advanced).
  4. Выберите подраздел «Хлебные крошки» (Breadcrumbs) .
  5. Переключите тумблер «Включить хлебные крошки для вашей темы» в положение «Вкл» (On). Тумблер станет фиолетовым .

Шаг 2. Настраиваем внешний вид

После включения вы увидите несколько опций настройки:

  • Разделитель между хлебными крошками — символ, который будет стоять между ссылками. Чаще всего используют »/ или | .
  • Текст привязки для главной страницы — здесь можно заменить стандартное слово «Главная» на что-то другое (например, название бренда или ключевую фразу) .
  • Префикс для хлебных крошек — текст, который будет стоять перед цепочкой (например, «Вы здесь:»).

Важный совет: Если вы продвигаете главную страницу по конкурентным запросам, в качестве анкора ссылки на главную лучше использовать не просто слово «Главная», а фрагмент ключевой фразы. Например: «Мебель > Офисная > Стулья» вместо «Главная > Каталог > Стулья» .


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

Включение функции в настройках — это только полдела. Теперь нужно, чтобы хлебные крошки физически появились на страницах сайта. Есть несколько способов это сделать.

Способ 1. Добавление кода в файлы темы (самый надежный)

Этот метод требует разового вмешательства в код, зато хлебные крошки будут отображаться на всех страницах автоматически.

Вам нужно добавить следующий PHP-код в то место шаблона, где вы хотите видеть хлебные крошки. Обычно это файлы single.phppage.php или header.php сразу после открывающего тега <body> .

php

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>

Если вы не уверены, куда именно вставлять код, обратитесь к разработчику темы или поэкспериментируйте с разными файлами. Важно: перед редактированием сделайте резервную копию сайта .

Способ 2. Использование шорткода (для отдельных страниц)

Если вы не хотите редактировать файлы темы или вам нужно вывести хлебные крошки только на определенных страницах, используйте шорткод.

Просто вставьте в нужное место страницы (в редакторе Gutenberg или классическом редакторе) короткий код:
Home » Блог » Настройка хлебных крошек (Breadcrumbs) с помощью Yoast SEO: улучшаем навигацию сайта 

Способ 3. Блок Yoast Breadcrumbs в Gutenberg

Для пользователей современного редактора блоков (Gutenberg) есть еще более простой способ:

  1. Нажмите на синий плюс в левом верхнем углу редактора.
  2. Найдите блок «Хлебные крошки Yoast» (Yoast Breadcrumbs).
  3. Добавьте его в нужное место страницы .

Этот метод удобен, если вам нужно добавить хлебные крошки только на одну конкретную страницу или запись.


Микроразметка: делаем крошки понятными для Google

Просто добавить хлебные крошки недостаточно. Чтобы они отображались в сниппете Google, нужно добавить специальную микроразметку. И здесь у нас хорошие новости: Yoast SEO делает это автоматически!

Плагин добавляет на сайт структурированные данные в формате JSON-LD с типом «BreadcrumbList» . Это стандарт, который идеально понимает Google.

Что это дает? Ваши хлебные крошки могут появиться прямо в выдаче, заменяя обычный URL. Выглядит это примерно так:

Обычный сниппет: site.ru/katalog/stulya/ofisnye/
Сниппет с хлебными крошками: Главная > Каталог > Стулья > Офисные

Пользователю сразу понятна структура сайта, а значит, вероятность клика возрастает.

Чтобы проверить, правильно ли настроена микроразметка, используйте инструмент проверки структурированных данных в Google Search Console (раздел «Улучшения» → «Хлебные крошки») .


Лучшие практики и частые ошибки

Что делать (рекомендации):

  1. Располагайте хлебные крошки на видном месте. Лучшее место — в верхней части страницы, сразу под основным меню .
  2. Используйте читаемый разделитель. Символ » (правая двойная кавычка) или / — самые понятные для пользователей варианты.
  3. Делайте текущую страницу некликабельной. Последний элемент в цепочке (название текущей страницы) не должен быть ссылкой. Это хороший тон — пользователь и так знает, где он находится .
  4. Выделяйте последний элемент. Можно сделать его жирным шрифтом, чтобы сразу было понятно, где находится пользователь .
  5. Проверяйте работу на мобильных устройствах. На маленьких экранах хлебные крошки не должны занимать пол-экрана.

Чего избегать (ошибки):

  1. Использовать хлебные крошки на главной странице. Главная страница не может ссылаться сама на себя — это бессмысленно .
  2. Злоупотреблять ключевыми словами. Не нужно пытаться вписать в каждый пункт цепочки ключевые фразы. 1-2 вхождений для слова достаточно, переспам может привести к фильтрам .
  3. Создавать слишком длинные цепочки. Если у вас получается «Главная > Каталог > Мебель > Для дома > Стулья > Офисные > Кресла > На колесиках», это сигнал, что со структурой сайта что-то не так.
  4. Игнорировать ошибки в Search Console. Регулярно проверяйте отчет по хлебным крошкам в Google Search Console и исправляйте найденные ошибки .

Связываем знания воедино

Хлебные крошки — это важный элемент вашей SEO-стратегии, но они работают не сами по себе, а в связке с другими настройками.

Если вы только начали знакомство с Yoast SEO, рекомендую изучить материалы в таком порядке:

  1. Пошаговая инструкция по установке и настройке Yoast SEO для WordPress — база, с которой стоит начать.
  2. Фокусное ключевое слово в Yoast SEO: как найти и вписать, чтобы взлететь в ТОП — учимся правильно подбирать ключевые запросы.
  3. Как улучшить читаемость текста с помощью анализа Yoast — делаем текст удобным для людей.
  4. Сниппеты в Google: как заставить пользователя кликнуть по вашему результату — учимся составлять заголовки, на которые кликают.
  5. Настройка хлебных крошек с помощью Yoast SEO — вы здесь.

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


Заключение

Хлебные крошки — это не просто украшение для сайта. Это полноценный инструмент навигации, который:

  • помогает пользователям не теряться в структуре сайта ;
  • улучшает поведенческие факторы ;
  • создает правильную перелинковку и распределяет статический вес ;
  • делает сниппет в выдаче более привлекательным и повышает CTR .

Благодаря плагину Yoast SEO настройка хлебных крошек занимает не больше 5-10 минут. Достаточно включить функцию в настройках и добавить небольшой код или шорткод в нужное место.

Попробуйте внедрить хлебные крошки на своем сайте уже сегодня и понаблюдайте за изменениями в поведении пользователей. Результат не заставит себя ждать!

А если у вас остались вопросы — задавайте их в комментариях. И не забудьте поделиться статьей с коллегами!

Нужен аудит?
Оставьте заявку — уточним цель и предложим план.