Мы используем cookie-файлы
Мы используем файлы cookie для обеспечения правильной работы нашего сайта, чтобы сделать нашу коммуникацию еще лучше! Используя сайт без изменения настроек, вы даете согласие на использование ваших cookie-файлов.
Принять
Настройки
Мы используем cookie-файлы
Настройки
Мы используем cookie-файлы
Мы используем файлы cookie для того, чтобы предоставить Вам больше возможностей при использовании сайта.

Микроразметка Хлебных крошек Schema.org BreadcrumbList

Микроразметка хлебных крошек BreadcrumbList позволяет структурировать контент на страницах сайта и сделать сниппеты более аккуратными и информативными. Улучшение сниппетов в свою очередь может привести к росту CTR.
Микроразметка «хлебных крошек» — важный этап подготовки к поисковому продвижению сайта.

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

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

Хлебные крошки упрощают навигацию и улучшают удобство использования сайта, помогая пользователям и поисковым системам определить иерархию страниц сайта. Хлебные крошки также положительно влияют на эффективность SEO-продвижения за счет качественной перелинковки страниц и распределения ссылочного веса.

Подробнее о том, что такое Хлебные крошки читайте в нашей статье ниже.

Для чего размечать хлебные крошки микроразметкой Schema.org

Микроразметка хлебных крошек Schema.org BreadcrumbList помогает поисковым системам определить, на каких страницах размещены хлебные крошки, проиндексировать ссылки навигационной цепочки и вывести их в сниппеты поисковых систем.

Микроразметка хлебных крошек позволяет структурировать контент на страницах сайта и сделать сниппеты более аккуратными и информативными. Улучшение сниппетов в свою очередь может привести к росту CTR.

Как разметить хлебные крошки микроразметкой Schema.org в html-коде

Google поддерживает три формата передачи структурированных данных — JSON-LD, Microdata, RDFa.

Формат JSON-LD не поддерживается Яндексом, в связи с этим рекомендуем для разметки данных использовать формат Microdata.

Чтобы разметить хлебные крошки микроразметкой, следуйте следующей инструкции:


Указываем тип микроразметки

Для разметки хлебных крошек указываем микроразметку https://schema.org/BreadcrumbList в атрибутах itemscope itemtype.

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


Указываем тип элемента

Для обозначения элемента навигационной цепочки используем https://schema.org/ListItem в атрибутах itemscope itemtype.

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


Указываем название элемента и ссылку на страницу элемента

<a href="https://site.ru/" title="Главная страница" itemprop="item">
<span itemprop="name">Главная страница</span>


Указываем позицию элемента в навигационной цепочке

<meta itemprop="position" content="0">

Готовый пример кода микроразметки Хлебных крошек в html-коде

<ul itemscope itemtype="https://schema.org/BreadcrumbList">
 
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
   <a href="https://site.ru/" title="Главная страница" itemprop="item">
      <span itemprop="name">Главная страница</span>
      <meta itemprop="position" content="0">
   </a>
</li>
 
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
   <a href="https://site.ru/page-1/" title="Название страницы 1" itemprop="item">
      <span itemprop="name"> Смартфоны </span>
      <meta itemprop="position" content="1">
   </a>
</li><
 
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
   <a href="https://site.ru/page-1/page-2/" title="Название страницы 2" itemprop="item">
      <span itemprop="name">Название страницы 2</span>
      <meta itemprop="position" content="2">
   </a>

</li>
</ul>

Как разметить хлебные крошки микроразметкой Schema.org в JSON

Сгенерировать код микроразметки в JSON можно с помощью онлайн генераторов микроразметки, например https://webcode.tools/generators/schema-markup.


Выбираем тип микроразметки

https://webcode.tools/generators/structured-data/breadcrumb

Заполняем поля с названиями и адресами страниц

Page name: Главная страница
URL: https://site.ru/

Копируем готовый код микроразметки и вставляем в раздел <head>
Готовый пример кода микроразметки Хлебных крошек в JSON
<script type="application/ld+json">
   {
      "@context": "https://schema.org/",
      "@type": "BreadcrumbList",
      "itemListElement": [
         {
            "@type": "ListItem",
            "position": 1,
            "name": "Главная страница",
            "item": "https://site.ru/"
         },
         {
            "@type": "ListItem",
            "position": 2,
	    "name": "Страница 2",
	    "item": "https://site.ru/page-2/"
          }
	  ]
   }
</script>
Пожалуйста, оцените статью
Читайте далее
Автор статьи
Дмитрий Лашманов
SEO-специалист
Опыт работы в SEO 4 года
60+ реализованных проектов

Дополнительные курсы:

SEO в СНГ - Rush Agency
SEO на запад - Rush Agency
UX/UI-дизайн - Skillbox
Школа экспертов Нетологии