Обсудим ваш проект?
Комплексный интернет-маркетинг
15 лет опыта | 90+ специалистов
Отправить заявку

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

Обновлено: 24 июля 2020
Время на прочтение:
Просмотров: 13304
Дарья Иванова
редактор
Наталья Штанюк
технический директор
Редполитика
Мы прилагаем все усилия, чтобы наши обзоры были максимально честными, точными и объективными. Если вы посещаете ссылки в нашем контенте, мы можем получить комиссионное вознаграждение от ваших покупок, однако это не влияет на нашу редакционную политику и мы не станем рекомендовать продукты или сервисы, в которых не уверены.

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

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

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

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

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

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

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

Как добавить микроразметку 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.

Привлекли 35.000.000 людей на 185 сайтов
Мы точно знаем, как увеличить онлайн–продажи
Применяем лучшие практики digital–продвижения как из вашей тематики, так и из смежных областей бизнеса. Именно это сделает вас на голову выше конкурентов и принесёт лиды и продажи.
Ваш сайт:

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

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

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

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

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

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

Методология выбора
Кто мы
Директ Лайн
Крупнейшее региональное интернет-агентство России. ТОП-10 в рейтинге Рунета.
1200 +
проектов
90
экспертов
16лет
на рынке
Наша методология
Статьи в блоге Директ Лайн - это всегда оригинальный, проверенный и объективный контент. Все обзоры и рейтинги честно отражают наше мнение и опыт взаимодействия с каждым инструментом.
Содержание
Комментарии

Комплекс услуг для вашего бизнеса

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

Кейсы и статьи

Бесплатный аудит SEO
и рекламного трафика
Покажем точки роста вашего проекта,
если по нему уже ведутся работы