Микроразметка хлебных крошек (breadcrumbs microdata)

3 недели назад

Дмитрий Москвичев

2 минут

Содержание скрыть

1 Пример микроразметки для хлебных крошек

1.1 Пример с использованием JSON-LD (рекомендуемый формат):

1.2 Пример с использованием Microdata:

2 Почему важна микроразметка хлебных крошек?

3 Пример отображения в поисковой выдаче

Микроразметка хлебных крошек (или breadcrumbs microdata) — это специальный способ структурирования данных, который позволяет поисковым системам, таким как Google и Яндекс, лучше понимать содержание и структуру сайта, а также отображать хлебные крошки в результатах поиска, что может улучшить видимость сайта.

Микроразметка используется для обозначения элементов хлебных крошек с помощью формата schema.org и может быть встроена в HTML код страницы. Эта разметка помогает поисковым системам распознавать и правильно интерпретировать хлебные крошки как часть навигационной структуры сайта.

Пример микроразметки для хлебных крошек

Ниже приведен пример того, как можно разметить хлебные крошки с использованием JSON-LD (рекомендуемый формат разметки для SEO) или Microdata (классический формат).

Пример с использованием JSON-LD (рекомендуемый формат):

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Главная",
      "item": "https://www.example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Услуги",
      "item": "https://www.example.com/uslugi"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SEO-оптимизация",
      "item": "https://www.example.com/uslugi/seo"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Аудит сайта",
      "item": "https://www.example.com/uslugi/seo/audit"
    }
  ]
}
</script>

В этом примере:

@context: указывает на схему (контекст), в которой используется микроразметка. Для хлебных крошек это всегда "http://schema.org".
@type: определяет тип данных. Для хлебных крошек это "BreadcrumbList".
itemListElement: это массив элементов, каждый из которых представляет одну из позиций в хлебных крошках.
position: указывает позицию элемента в списке (например, 1 для главной страницы, 2 для раздела «Услуги»).
name: это название страницы или раздела.
item: это URL страницы или раздела.

Пример с использованием Microdata:

<div itemscope itemtype="http://schema.org/BreadcrumbList">
  <a href="https://www.example.com/" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <span itemprop="name">Главная</span>
    <meta itemprop="position" content="1">
  </a> &gt;
  
  <a href="https://www.example.com/uslugi" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <span itemprop="name">Услуги</span>
    <meta itemprop="position" content="2">
  </a> &gt;
  
  <a href="https://www.example.com/uslugi/seo" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <span itemprop="name">SEO-оптимизация</span>
    <meta itemprop="position" content="3">
  </a> &gt;
  
  <span itemprop="name">Аудит сайта</span>
  <meta itemprop="position" content="4">
</div>

В этом примере:

Атрибут itemscope указывает, что блок является структурой данных (в данном случае хлебными крошками).
Атрибут itemtype="http://schema.org/BreadcrumbList" определяет, что это список хлебных крошек.
Атрибуты itemprop="itemListElement" и itemprop="position" указывают на элементы списка и их позиции.
Атрибут meta itemprop="position" используется для указания позиции элемента в хлебных крошках.

Почему важна микроразметка хлебных крошек?

SEO:
- Микроразметка помогает поисковым системам правильно понимать структуру контента на сайте. Это позволяет улучшить индексацию страниц и повышает шанс того, что хлебные крошки будут отображаться в результатах поиска.
- Хлебные крошки могут отображаться в поисковой выдаче , что улучшает видимость и удобство пользователя при переходе на сайт.
Улучшение внешнего вида в поисковой выдаче:
- При правильно настроенной микроразметке поисковик может отображать хлебные крошки в сниппетах (результатах поиска), что помогает пользователям понять структуру сайта еще до перехода на него.
Упрощение навигации:
- Хлебные крошки помогают пользователям легко ориентироваться на сайте, показывая путь, который они прошли, и предлагая ссылки на предыдущие разделы.
Быстрая индексация новых страниц:
- Микроразметка может ускорить процесс индексации страниц, поскольку поисковые роботы могут легко извлекать информацию о структуре сайта.

Пример отображения в поисковой выдаче

Когда хлебные крошки реализованы с использованием микроразметки, Google и Яндекс могут отображать их в результатах поиска:

Главная > Услуги > SEO-оптимизация > Аудит сайта

#Микроразметка #Хлебные крошки