Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

Микроразметка для «хлебных крошек» — это настолько базированная база, что сейчас сложно даже найти готовое решение на 1С-Битрикс или шаблон для WordPress без внедренной разметки для этих самых «крошек». Однако задача внедрения микроразметки остается актуальной для сайтов с уникальным дизайном, вёрсткой и бэком.

В рамках этой статьи я хочу рассказать, как внедрить микроразметку Schema.org типа BreadcrumbList на 1С-Битрикс без редактирования кода шаблона сайта и глубокого изучения документаций Schema.org, Google и Яндекса по внедрению разметки. Но пойдем по порядку.

Что такое «хлебные крошки»

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

Пример «хлебных крошек» в интернет-магазине «М.Видео»
Пример «хлебных крошек» в интернет-магазине «М.Видео»

Зачем нужна микроразметка для «хлебных крошек»

Микроразметка Schema.org типа BreadcrumbList позволяет поисковым системам Яндекс и Google распознавать наличие и содержимое навигационной цепочки для каждой страницы на сайте. Благодаря этому поисковые системы будут иметь возможность создавать расширенные сниппеты.

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода
Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

Как настроить разметку для «хлебных крошек» на 1С-Битрикс без редактирования кода и помощи разработчика

Для сайтов на 1С-Битрикс существует удобное решение на маркетплейсе.

Шаг 1. Устанавливаем модуль из маркетплейса 1С-Битрикс

Модуль «INRAISE: Schema.org/BreadcrumbList» доступен по ссылке:

Нажмите на серую кнопку «Попробовать (5 дней)».

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

Введите адрес сайта, на котором будет установлено решение, и нажмите «Установить». Вы будете перенаправлены в административную панель вашего сайта.

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

В системе обновления сторонних решений перейдите во вкладку «Список обновлений», выберете с помощью чекбоксов только Решение "INRAISE: Schema.org/BreadcrumbList” и нажмите «Загрузить».

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода
Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

После завершения загрузки модуля нажмите «Установить».

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

Установка модуля успешно завершена.

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

После установки модуля появятся «Настройки для модуля "INRAISE: Schema.org/BreadcrumbList"» (путь: Административная панель / Настройки продукта / Настройки модулей / INRAISE: Schema.org/BreadcrumbList).

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

В настройках есть возможность активировать/деактивировать модуль (по умолчанию активен) для всех сайтов с помощью свойства «Активность модуля». Модуль можно выключить для каждого сайта в отдельной вкладке «Настройки для сайта - #название сайта#».

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

Модуль доступен бесплатно в течение 5 дней.

Шаг 2. Настраиваем микроразметку Schema.org/BreadcrumbList

По умолчанию после установки модуля микроразметка для «хлебных крошек» автоматически настроится для каждого с сайта со следующими настройками:

Инструкция по созданию микроразметки для хлебных крошек Schema.org/BreadcrumbList на 1С-Битрикс без редактирования кода

Эти настройки являются рекомендуемыми для большинства сайтов. Но в тех случаях, когда:

  • «Хлебные крошки» есть и на главной странице, то активируйте свойство «Выводить разметку на главной странице»;
  • «Хлебные крошки» не содержат главной страницы, то активируйте свойство «Исключить главную страницу из разметки для всех страниц»;
Пример навигационной цепочки без пункта «Главная» — Яндекс Маркет
Пример навигационной цепочки без пункта «Главная» — Яндекс Маркет
  • Последний пункт «хлебных крошек» содержит ссылку, то активируйте свойство «Всегда выводить URL-адрес для последнего пункта хлебных крошек».
Пункт «Очки солнцезащитные» содержит ссылку этой же страницы — готовое решение INTEC: Universe.lite
Пункт «Очки солнцезащитные» содержит ссылку этой же страницы — готовое решение INTEC: Universe.lite

Шаг 3. Тестирование разметки

Сбросьте кеш на сайте и проверьте корректность созданной разметки с помощью специальных сервисов для тестирования микроразметки Schema.org:

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

Результат проверки страницы сайта в сервисе проверки расширенных результатов Google
Результат проверки страницы сайта в сервисе проверки расширенных результатов Google

Пример корректного кода

<script type="application/ld+json"> { "@context": "https://schema.org", "@type":"BreadcrumbList", "itemListElement":[{ "@type":"ListItem", "position":"1", "name":"Главная", "item":"https://domen.ru/" },{ "@type":"ListItem", "position":"2", "name":"Каталог товаров", "item":"https://domen.ru/catalog/" },{ "@type":"ListItem", "position":"3", "name":"Категория каталога", "item":"https://domen.ru/catalog/example_category/" },{ "@type":"ListItem", "position":"4", "name":"Товар" }] } </script>

На этом всё. Спасибо за внимание! Если у вас есть вопросы — задавайте в комментариях.

2
4 комментария

очень годно, ты не представляешь как помог огромному числу вебов, микро в битре - всегда была гемором

1