Хлебные крошки и SEO: улучшение навигации, расширенных результатов и внутренних ссылок

Хлебные крошки — навигационные элементы, показывающие пользователям, где они находятся в иерархии сайта: Главная > Категория > Подкатегория > Текущая страница. В SEO они выполняют три функции: навигация пользователя, передача структуры сайта краулерам и право на расширенные результаты в поиске Google.

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

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

Распределение анкорного текста: Каждая ссылка в хлебных крошках — это внутренняя ссылка с анкорным текстом. Анкорный текст обычно является названием категории, обеспечивая описательные внутренние ссылки на родительские страницы.

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

Расширенные результаты в SERP: Страницы с разметкой BreadcrumbList могут отображать путь хлебных крошек в результатах поиска вместо (или рядом) URL. Это обеспечивает дополнительный визуальный контекст в SERP.

Реализация в HTML

Минимальная структура хлебных крошек в HTML:

<nav aria-label="breadcrumb">
  <ol>
    <li><a href="https://example.com/">Главная</a></li>
    <li><a href="https://example.com/category/">Название категории</a></li>
    <li><a href="https://example.com/category/subcategory/">Подкатегория</a></li>
    <li aria-current="page">Заголовок текущей страницы</li>
  </ol>
</nav>

Ключевые детали реализации:

• Используйте <ol> (упорядоченный список), а не <ul> — порядок важен в иерархии
• Последний элемент (текущая страница) не должен быть ссылкой
• Используйте семантический HTML: aria-label на nav, aria-current="page" на последнем элементе
• Используйте абсолютные URL в ссылках

Разметка BreadcrumbList Schema

Добавление JSON-LD BreadcrumbList включает расширенные результаты в поиске:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Главная",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Название категории",
      "item": "https://example.com/category/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Подкатегория",
      "item": "https://example.com/category/subcategory/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Заголовок текущей страницы",
      "item": "https://example.com/category/subcategory/page/"
    }
  ]
}

Важно: URL в схеме BreadcrumbList должны совпадать с каноническими URL этих страниц.

Типы хлебных крошек

Хлебные крошки на основе местоположения (иерархия): Показывают физическое местоположение в структуре сайта. Наиболее распространены и наиболее ценны для SEO. «Главная > Инструменты > SEO-инструменты > Инструменты для исследования ключевых слов».

Хлебные крошки на основе атрибутов (фасетная навигация): Показывают выбранные атрибуты фильтра. «Обувь > Синяя > Размер 42». Полезны для электронной коммерции, но требуют тщательной обработки во избежание конфликтов со стратегией canonical для фасетных страниц.

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

Согласование хлебных крошек со структурой URL

Иерархия хлебных крошек должна соответствовать структуре URL для ясности и последовательности. Если URL структурированы как /category/subcategory/page/, хлебные крошки должны отражать ту же иерархию: Главная > Категория > Подкатегория > Страница.

Последовательная иерархия в структуре URL, хлебных крошках и структурированных данных — чище и понятнее.

Проверка расширенных результатов для хлебных крошек

После реализации схемы BreadcrumbList проверьте в инструменте Google Rich Results Test, что она корректно парсится. GSC также может сообщать об улучшениях хлебных крошек на вкладке Improvements — проверьте наличие ошибок или предупреждений о недействительной схеме.

Хлебные крошки с ошибками (несовпадающие URL, некорректная нумерация позиций, отсутствующие обязательные поля) не будут давать расширенных результатов даже при корректной HTML-навигации. Проверяйте оба компонента независимо.