Хлебные крошки в 1С-Битрикс: зачем нужны и как правильно настроить

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

Например:

Главная → Услуги → Разработка сайтов → Интернет-магазины

Пример хлебных крошек на моем сайте:

На первый взгляд это небольшой элемент интерфейса, но он одновременно улучшает удобство сайта для посетителей и помогает поисковым системам лучше понимать структуру проекта.

Зачем нужны хлебные крошки

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

Представьте интернет-магазин с сотнями категорий товаров. Если посетитель попал на карточку товара из поиска, ему может быть сложно понять, где именно находится этот товар в структуре сайта.

Хлебные крошки решают эту проблему:

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

Влияние хлебных крошек на SEO

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

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

Кроме того, Яндекс и Google могут использовать хлебные крошки непосредственно в результатах поиска вместо обычного URL.

Например вместо:

https://site.ru/catalog/notebooks/gaming/asus-rog/

В поисковой выдаче может отображаться:

Главная → Каталог → Ноутбуки → Игровые ноутбуки

Такой сниппет выглядит более понятным и может повысить кликабельность результата поиска.

Хлебные крошки в 1С-Битрикс

В большинстве случаев хлебные крошки в Битрикс уже реализованы через компонент:

bitrix:breadcrumb

Подключение обычно выглядит следующим образом:

<?$APPLICATION->IncludeComponent(
    "bitrix:breadcrumb",
    "",
    Array(
        "START_FROM" => "0",
        "PATH" => "",
        "SITE_ID" => "-"
    )
);?>

Компонент автоматически строит навигационную цепочку на основе структуры разделов сайта.

Добавление хлебных крошек вручную

Иногда необходимо добавить дополнительный пункт в цепочку навигации.

Для этого используется метод:

$APPLICATION->AddChainItem(
    "Название раздела",
    "/services/"
);

Пример:

$APPLICATION->AddChainItem(
    "Услуги",
    "/services/"
);

$APPLICATION->AddChainItem(
    "Разработка сайтов",
    "/services/web-development/"
);

В результате пользователь увидит:

Главная → Услуги → Разработка сайтов

Хлебные крошки для элементов инфоблока

Если используется компонент новостей или каталогов, Битрикс может автоматически формировать цепочку навигации на основании разделов инфоблока.

Для этого важно, чтобы были включены параметры:

"ADD_SECTIONS_CHAIN" => "Y",
"ADD_ELEMENT_CHAIN" => "Y"

Например:

$APPLICATION->IncludeComponent(
    "bitrix:news",
    "",
    array(
        "ADD_SECTIONS_CHAIN" => "Y",
        "ADD_ELEMENT_CHAIN" => "Y"
    )
);

Тогда для статьи:

SEO → Техническое SEO → Хлебные крошки

цепочка будет построена автоматически.

Разметка Schema.org для хлебных крошек

Для поисковых систем рекомендуется использовать микроразметку BreadcrumbList.

Современные шаблоны Битрикс часто поддерживают её автоматически, но это стоит проверить.

Пример HTML-разметки:

<ol itemscope
    itemtype="https://schema.org/BreadcrumbList">

    <li itemprop="itemListElement"
        itemscope
        itemtype="https://schema.org/ListItem">

        <a itemprop="item" href="/">
            <span itemprop="name">Главная</span>
        </a>

        <meta itemprop="position" content="1">
    </li>

</ol>

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

Типичные ошибки

• Отсутствие хлебных крошек на внутренних страницах.
• Дублирование пунктов навигации.
• Неправильная иерархия разделов.
• Использование текста вместо ссылок для промежуточных пунктов.
• Отсутствие микроразметки Schema.org.
• Слишком длинные цепочки навигации.

Вывод

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

В 1С-Битрикс они реализуются штатным компонентом bitrix:breadcrumb и в большинстве случаев требуют лишь правильной настройки параметров компонентов и структуры разделов.

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