Инструкция по созданию микроразметки для хлебных крошек 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 комментария
","lang":""}},{"type":"delimiter","cover":false,"hidden":false,"anchor":"","data":{"type":"default"}},{"type":"text","cover":false,"hidden":false,"anchor":"","data":{"text":"

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

"}}],"summaryContent":null,"isExistSummaryContent":false,"warningFromEditor":null,"warningFromEditorTitle":null,"counters":{"comments":4,"favorites":1,"reposts":0,"views":582,"hits":293,"reads":null,"online":0},"dateFavorite":0,"hitsCount":293,"isCommentsEnabled":true,"isLikesEnabled":true,"isRemovedByUserRequest":false,"isFavorited":false,"isPinned":false,"repostId":null,"repostData":null,"subscribedToTreads":false,"isEditorial":false,"isAudioAvailable":false,"audioUrl":null,"isAudioAvailableToGenerate":false,"commentEditor":{"enabled":true,"who":null,"text":"","until":null,"reason":null,"type":"everybody"},"isBlur":false,"isPublished":true,"isDisabledAd":false,"withheld":[],"ogTitle":null,"ogDescription":null,"url":"https://vc.ru/seo/1772152-instrukciya-po-sozdaniyu-mikrorazmetki-dlya-hlebnyh-kroshek-schemaorg-breadcrumblist-na-1s-bitriks-bez-redaktirovaniya-koda","author":{"id":4358265,"name":"Станислав Мытник","nickname":null,"description":"Интернет-маркетолог","uri":"","avatar":{"type":"image","data":{"uuid":"c971c2b3-00b8-52b3-9098-4eb7f56b67ff","width":640,"height":640,"size":93208,"type":"jpg","color":"cccdc2","hash":"","external_service":[],"base64preview":"/9j/4AAQSkZJRgABAQEAeAB4AAD/2wBDAAICAgICAQICAgIDAgIDAwYEAwMDAwcFBQQGCAcJCAgHCAgJCg0LCQoMCggICw8LDA0ODg8OCQsQERAOEQ0ODg7/2wBDAQIDAwMDAwcEBAcOCQgJDg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg4ODg7/wAARCAAKAAoDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABQYHCP/EACQQAAEEAgICAQUAAAAAAAAAAAIBAwQFBhEAIQcTCBIUIkFh/8QAFQEBAQAAAAAAAAAAAAAAAAAABAX/xAAeEQEAAgIBBQAAAAAAAAAAAAABAhEDMQAFEhQh4f/aAAwDAQACEQMRAD8AZsT8cY7OuMTzZ0VYxqwtmUasbl6ULBsD9YviDiuj+SqJdltEVETrfKJc0Pj2Jl9rEDzPQ1YMzHWxhuQZBlHQTVPWpe7tR1rf71zZGAR2JXxizmLKYbkxkyW9BGXQQgQfuXetL1r+cGVFZWu4nVuOV8Zxw4jZERMCqkqgm1VdckRxSxR9SW/nG9bzx8xl2hSlAVvdI1vRz//Z"}},"cover":null,"achievements":[],"lastModificationDate":1764967745,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":true,"badgeId":null,"isDonationsEnabled":false,"isPlusGiftEnabled":true,"isUnverifiedBlogForCompanyWithoutPro":true,"isRemovedByUserRequest":false,"isFrozen":false,"isDisabledAd":false,"isPlus":false,"isVerified":false,"isPro":false,"yandexMetricaId":null,"badge":null,"isOnline":false,"tgChannelShortname":null,"isUnsubscribable":true,"type":1,"subtype":"personal_blog"},"subsite":{"id":199127,"name":"SEO","description":"Поисковая оптимизация, кейсы, советы, разборы.","uri":"/seo","avatar":{"type":"image","data":{"uuid":"3388e642-b8bf-52eb-92cd-78d66b7af6df","width":1200,"height":1200,"size":12502,"type":"png","color":"fbebeb","hash":"081c0e0e0e1b0d0c","external_service":[]}},"cover":{"type":"image","data":{"uuid":"3d49d868-858d-5587-b4d4-ebc7a947c8ae","width":960,"height":280,"size":177,"type":"png","color":"84a494","hash":"","external_service":[]}},"lastModificationDate":1613380334,"isSubscribed":false,"isSubscribedToNewPosts":false,"isMuted":false,"isAvailableForMessenger":false,"isDisabledAd":false,"nickname":"seo","isUnsubscribable":true,"badge":null,"badgeId":null,"isDonationsEnabled":false,"isOnline":false,"isPlus":false,"isUnverifiedBlogForCompanyWithoutPro":false,"isVerified":false,"isRemovedByUserRequest":false,"isFrozen":false,"isPro":false,"type":2,"subtype":"community"},"reactions":{"counters":[{"id":1,"count":2}],"reactionId":0},"isNews":false,"source":null,"clusters":[],"donations":{"amount":0,"isDonated":false},"commentsSeenCount":null,"keywords":["название"],"media":null,"customCover":null,"robotsTag":"noindex","categories":[4],"isAnonymized":true}};