Хлебные крошки в E‑commerce: зачем и как внедрить

Зачем хлебные крошки в магазине

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

• Навигация: пользователь в любой момент видит, где он находится, и может подняться на один или несколько уровней вверх одним кликом.
• Снижение отказов: если товар не подошёл, легко вернуться в категорию и продолжить выбор, а не закрывать сайт.
• SEO: хлебные крошки создают дополнительные внутренние ссылки, распределяя вес между страницами. А разметка BreadcrumbList улучшает сниппет в выдаче.

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

В e‑commerce встречаются три основных типа:

• Иерархические (рекомендуемые) — показывают реальную структуру каталога: Главная › Электроника › Смартфоны › iPhone.
• Атрибутные — включают выбранные фильтры (например, «Цвет: красный»). Используются для фасетной навигации, но могут создавать дубли.
• Исторические — путь, который пользователь реально прошёл (через поиск, акции, внешние ссылки). Не рекомендуются для SEO, так как путают пользователя.

Для SEO и UX лучше всего подходят иерархические хлебные крошки. Они соответствуют структуре каталога и помогают поисковым роботам понять иерархию.

Разметка BreadcrumbList Schema

Чтобы хлебные крошки отображались в результатах поиска красивой цепочкой вместо URL, добавьте структурированные данные BreadcrumbList. Пример для страницы товара:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Главная",
      "item": "https://shop.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Электроника",
      "item": "https://shop.com/electronics"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Смартфоны",
      "item": "https://shop.com/electronics/smartphones"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "iPhone 15 Pro"
    }
  ]
}

Убедитесь, что каждый элемент (кроме последнего) содержит абсолютный URL. Для товаров, доступных в нескольких категориях, выбирайте один канонический путь (см. ниже).

Проблема множественных путей

В интернет-магазине один товар часто может принадлежать разным категориям. Например, кроссовки Nike могут быть и в «Бег», и в «Спорт», и в «Акции». Это создаёт проблему: какую цепочку показывать в хлебных крошках?

Рекомендации по решению:

• Выберите один «основной» путь (категорию), который лучше всего описывает товар и имеет наибольший трафик.
• Используйте этот путь для хлебных крошек и BreadcrumbList Schema.
• Для альтернативных путей оставьте навигацию для пользователей, но в разметке не указывайте их.
• Если невозможно выбрать один путь, можно использовать атрибутные хлебные крошки или динамически менять canonical URL на предпочтительную версию.

Дополнительно: на страницах категорий и фильтров не забывайте про канонические теги и noindex для непопулярных комбинаций фильтров. Хлебные крошки на таких страницах должны вести на чистые категории.