«Хлебные крошки» (breadcrumbs) — это навигационная цепочка вида Главная → Категория → Подкатегория → Страница. Для пользователя — это ориентир и быстрый путь назад. Для поисковиков — сигнал о структуре сайта и удобный маршрут обхода. Пренебрегать ими — значит терять и качество навигации, и часть SEO-потенциала.

Почему это важно для SEO

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

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

• Отражайте главную иерархию, а не фильтры.
  Крошки должны вести по «скелету» сайта: Главная → Категория → Подкатегория → Товар/Статья. Не включайте параметры сортировки и фасеты (?color=red&size=l).
• Одна главная тропа.
  Если у товара несколько категорий, выберите основную и показывайте в крошках только её. Канонизируйте продукт на основной URL.
• Последний элемент — без ссылки.
  Кликабельны только промежуточные уровни. Текущая страница — обычный текст.
• Согласуйте со структурой URL.
  Иерархия крошек должна совпадать с логикой адресов и меню.
• Мобильная версия — не урезайте.
  Используйте горизонтальный скролл или «схлопывание», но не убирайте крошки вовсе.
• Размещайте высоко, но компактно.
  Сразу под шапкой; это и UX-паттерн, и ранние внутренние ссылки для робота.

Разметка для «богатых» сниппетов

Обязательно добавьте Schema.org BreadcrumbList. Предпочтительно — JSON-LD:

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "name": "Главная",
    "item": "https://example.ru/"
  },
  {
    "@type": "ListItem",
    "position": 2,
    "name": "Ноутбуки",
    "item": "https://example.ru/catalog/laptops/"
  },
  {
    "@type": "ListItem",
    "position": 3,
    "name": "Игровые",
    "item": "https://example.ru/catalog/laptops/gaming/"
  },
  {
    "@type": "ListItem",
    "position": 4,
    "name": "MSI Katana 15"
  }
]
}
</script>

И видимая навигация с корректной семантикой:

<nav aria-label="breadcrumb">
  <ol itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumbs">
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="/"><span itemprop="name">Главная</span></a>
      <meta itemprop="position" content="1">
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
      <a itemprop="item" href="/catalog/laptops/"><span itemprop="name">Ноутбуки</span></a>
      <meta itemprop="position" content="2">
    </li>
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page">
      <span itemprop="name">MSI Katana 15</span>
      <meta itemprop="position" content="3">
    </li>
  </ol>
</nav>

Частые ошибки, которые «бьют» по SEO

• Крошки ведут на фильтры и поисковые параметры — размножение дублей.
• Разные разделы показывают разную «тропу» к одной и той же странице.
• Последний элемент — кликабельный (не надо).
• Несогласованность с каноникалами и меню.
• На мобильных крошки скрыты полностью — минус UX и внутренние ссылки.
• Нет Schema.org — сниппет остаётся «голым» URL.

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