Обсудим ваш проект?

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


Просмотров:
2218
Время на прочтение:
Статья обновлена:
24 Июля 2020
Информация о статье
Просмотров: 2218
Время на прочтение:
Статья обновлена: 24.07.2020
Дарья Иванова, редактор
Наталья Штанюк, руководитель отдела SEO-продвижения
Дарья Иванова, редактор
Наталья Штанюк, руководитель отдела SEO-продвижения

Микроразметка хлебных крошек Schema.org — важный этап подготовки к продвижению сайта. В этой статье мы поговорим о том, какое значение имеет эта настройка, как правильно размечать хлебные крошки и какие ошибки при этом можно допустить.

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

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

Пример хлебных крошек
Пример хлебных крошек

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

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

Кроме того, микроразметку хлебных крошек стоит использовать по следующим причинам:
  1. Правильное формирование расширенного сниппета в поисковой системе Google. Помимо заголовка и описания, к странице с валидной микроразметкой могут добавиться хлебные крошки, которые улучшат внешний вид сниппета, что приведет к увеличению его CTR. Обратите внимание: Яндекс, к сожалению, не учитывает микроразметку хлебных крошек при формировании сниппетов.
  2. Улучшение индексации ресурса в целом. Поисковый робот будет лучше «понимать» иерархию сайта, а в процессе сканирования ему будет проще переходить к странице на уровень выше.
Поэтому мы рекомендуем применять данный инструмент практически на всех многостраничных сайтах.

Как добавить микроразметку Shema.org в хлебные крошки

Разметка Schema.org помогает поисковикам понимать разные типы данных, отделять их друг от друга. Словарь данного синтаксического языка состоит из различных сущностей (например, цена товара), предназначенных в том числе и для разметки ХК.

Чтобы внедрить Schema.org в хлебные крошки, нужно обрамить их
HTML-код в специальные блоки. К примеру, пропишем код для крошек вида «Главная — Смартфоны — XIAOMI — Mi 9T» и разберем, из чего он состоит:

<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="/phones/" 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="/phones/xiaomi/" title="XIAOMI" itemprop="item">
<span itemprop="name"> XIAOMI</span>
<meta itemprop="position" content="2">
 
</a>
</li>
</ul>
Как видно из примера, конечная страница не указывается в разметке:

  • Itemscope и itemtype показывают объект и его тип, а также наличие разметки Shema.org;
  • http://schema.org/BreadcrumbList указывает на то, что это хлебные крошки;
  • ItemListElement показывает, что описываемый элемент относится к определенной иерархии;
  • Itemprop="item" определяет ссылку элемента;
  • Itemprop="name" — название элемента.
  • Itemprop="position" — порядковый номер элемента в общей иерархии крошек.

Как проверить правильность разметки

Для проверки валидности кода микроразметки у Google есть специальный инструмент. Его можно использовать как для проверки фрагмента кода, так и для разметки на уже существующей странице сайта по ее URL.

Проверка микроразметки по фрагменту кода
Проверка микроразметки по фрагменту кода

Проверка микроразметки по URL
Проверка микроразметки по URL

Отчет о проверке валидатором микроразметки
Отчет о проверке валидатором микроразметки

После запуска теста валидатор покажет ошибки и предупреждения, если таковые присутствуют. Найти ошибки можно также в Google Search Console в разделе «Улучшения» => «Строки навигации».

Рекомендации

Занимаясь разметкой хлебных крошек, не забудьте о наших советах:
  • Последнюю ссылку в хлебных крошках (текущую страницу) делайте неактивной. Активная ссылка может повлиять на поведенческие факторы, ухудшить юзабилити, а также зациклить индексацию. Таким образом, последняя страница в микроразметке — это почти всегда фактически предпоследняя страница в иерархии.
  • Поскольку ХК представляют собой список вложенных страниц, то и оформлять их лучше в тегах <ul>, а не в <div> и т.д.
  • Чтобы сделать сниппет еще более заметным, используйте в разметке эмодзи. Взять их можно, например, здесь. Однако применяйте их с осторожностью: слишком пестрый сниппет может, напротив, оттолкнуть пользователя.
Кстати, микроразметка Shema.org часто присутствует в плагинах для формирования хлебных крошек в популярных CMS-системах. Кроме того, можно установить плагины, которые внедрят микроразметку к остальному контенту сайта. К примеру, для Wordpress используйте Schema.

Продвинем ваш сайт!
Помогли более 1000 сайтам получить высокие позиции и качественный трафик из Яндекс и Google. Подходим комплексно: аналитика, SEO-оптимизация, контент, ссылки, юзабилити. Над каждым проектом работает от 6 до 10 специалистов. Работаем по любой схеме — абонентская плата / оплата за позиции / оплата за трафик / оплата за лиды.

1 место SEO для e-commerce RatingRuneta.ru

1 место
SEO для e-commerce
RatingRuneta.ru

9 место в Топ-100 SEO-компаний России

9 место
В топ-100 SEO-
компаний России

11 место в топ-100 SEO-агентств Рунета

11 место
В топ-100 SEO-
агентств Рунета

Золотая сотня
Российского Digital

в топ-10 в SEO глазами клиентов 2014, 2016, 2017

В ТОП-10
«SEO глазами клиентов»