Хлебные крошки по schema.org
Пример и описание микроразметки хлебных крошек по schema.org.
Оглавление
«Хлебные крошки» являются очень полезным элементом на сайте, это своего рода меню вложенности. Пользователь легко может понять в каком разделе он находится или быстро перейти в другой.
Так же, «хлебные крошки» очень важны для поисковых-роботов. Благодаря хорошо составленной разметке, «хлебные крошки» могут появиться в выдаче Яндекса и Google. Благодаря чему сниппет сайта в поисковой системе выглядит уникальнее. Увеличивается CTR сниппетов, соответственно сайт получит больше переходов.
Пример «хлебных крошек» в сниппете Google:
Пример «хлебных крошек» в сниппете Yandex:
Разметка хлебных крошек по schema.org
Рассмотрим и разберем пример разметки «хлебных крошек»:
<ul itemscope itemtype="https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/" 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="/razdel/" title="Раздел" itemprop="item">
<span itemprop="name">Раздел</span>
<meta itemprop="position" content="1">
</a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a href="/razdel/podrazdel/" title="Подраздел" itemprop="item">
<span itemprop="name">Подраздел</span>
<meta itemprop="position" content="2">
</a>
</li>
</ul>
itemscope
— Нужен только для того, чтобы показать поисковому боту, что на странице описывается определенный объект.itemtype
— Всегда идет рядом сitemscope
и нужен для того, чтобы показать поисковому боту тип объекта.itemtype=https://schema.org/BreadcrumbList
— Говорит о том, что элемент относится к типу объекта «хлебным крошкам» и состоит из цепочки связанных веб-страниц.itemprop="itemListElement"
— Означает, что элемент относится к отдельному пункту списка.itemprop="item"
— Для разметки ссылки.itemprop="name"
— Тег с названием хлебной крошки.meta itemprop="position" content="%number%"
— Добавляется в конце блока хлебной крошки, он определяет позицию элемента в навигационной цепочке. Данный тег не отображается на странице, только в разметке.
Известные ошибки
Перечень известных ошибок составления микроразметок и их валидации.
Отсутствует поле «item»
Существует известная проблема, валидатор микроразметки выдает предупреждение, когда в коде нет атрибута itemprop="item"
у последнего элемента хлебной крошки. Это возникает из-за отсутствия у элемента ссылки.
Есть три решения проблемы:
- Добавить к последнему элементу «крошки» ссылку (что будет не очень корректно с точки зрения логики построения «крошек»).
- Убрать последний/текущий элемент «крошки».
- Использовать формат JSON-LD.
- Воспользоваться другими микроразметками.
Время запросов: 0,1045 s
Количество запросов: 28
Источник: cache