Структурированные данные Breadcrumb (BreadcrumbList)

Коротко

Доступность функции Эта функция доступна на компьютерах во всех регионах и на всех языках, где работает Google Поиск.
Как добавить структурированные данные Структурированные данные — это стандартизированный формат для предоставления информации о странице и классификации ее контента.
Примеры Google Поиск использует разметку «хлебных крошек» в теле веб-страницы для классификации информации со страницы в результатах поиска.
Рекомендации Вы должны следовать этим рекомендациям, чтобы иметь право на отображение «хлебных крошек» в Google Поиске.
Определения типов структурированных данных Чтобы указать цепочку навигации (breadcrumbs), определите BreadcrumbList содержащий как минимум два ListItems.
Позиция элемента в цепочке навигации. Позиция 1 означает начало цепочки. Отслеживайте расширенные результаты с помощью Search Console Search Console — это инструмент, который помогает отслеживать, как ваши страницы отображаются в поиске Google.

Breadcrumb in search results

Цепочка «хлебных крошек» на странице указывает на ее положение в иерархии сайта и может помочь пользователям эффективно ориентироваться на сайте. Пользователь может перемещаться вверх по иерархии сайта, уровень за уровнем, начиная с последней «хлебной крошки» в цепочке.

Структурированные данные Breadcrumb (BreadcrumbList)

Доступность функции

Эта функция доступна на компьютерах во всех регионах и на всех языках, где работает Google Поиск.

Как добавить структурированные данные

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

Вот обзор того, как создавать, тестировать и публиковать структурированные данные.

Добавьте обязательные свойства. В зависимости от используемого формата узнайте, где вставить структурированные данные на страницу.
Используете CMS? Возможно, будет проще использовать плагин, интегрированный в вашу CMS.

Используете JavaScript? Узнайте, как
генерировать структурированные данные с помощью JavaScript.
Следуйте рекомендациям.
Проверьте свой код с помощью
Инструмента проверки расширенных результатов
и исправьте все критические ошибки. Также рассмотрите возможность исправления любых некритических проблем, которые могут быть отмечены в инструменте, так как они могут помочь улучшить качество ваших структурированных данных (однако это не обязательно для получения права на расширенные результаты).
Разверните несколько страниц, которые включают ваши структурированные данные, и используйте инструмент проверки URL чтобы протестировать, как Google видит страницу. Убедитесь, что ваша страница доступна для Google и не заблокирована файлом robots.txt, тегом noindex или требованиями входа в систему. Если страница выглядит нормально, вы можете
попросить Google повторно просканировать ваши URL.
Примечание: Дайте время на повторное сканирование и индексацию. Помните, что после публикации страницы может пройти несколько дней, прежде чем Google найдет и просканирует ее.
Чтобы держать Google в курсе будущих изменений, мы рекомендуем вам
отправить карту сайта. Вы можете автоматизировать это с помощью
Search Console Sitemap API.

Примеры

Google Поиск использует разметку «хлебных крошек» в теле веб-страницы для классификации информации со страницы в результатах поиска. Часто, как показано в следующих примерах использования, пользователи могут попасть на страницу из очень разных типов поисковых запросов. Хотя каждый поиск может возвращать одну и ту же веб-страницу, «хлебные крошки» классифицируют контент в контексте поискового запроса Google. Страница для победителей вымышленной книжной премии может использовать следующие цепочки «хлебных крошек»:

Одиночная цепочка «хлебных крошек»

Если существует только одна цепочка «хлебных крошек», которая может привести на страницу, страница может указать следующую цепочку:

Книги ›
Научная фантастика ›
Победители премии

JSON-LD

Вот пример в JSON-LD для поддержки этой цепочки:

<html> <head> <title>Award Winners</title> <script type=”application/ld+json”> { “@context”: “https://<a href="https://alienroad.com/ru/yandex-bilgi-bankasi/konu/schema-org/" class="ar-ic-link">schema.org</a>”, “@type”: “BreadcrumbList”, “itemListElement”: [{ “@type”: “ListItem”, “position”: 1, “name”: “Books”, “item”: “https://example.com/books” },{ “@type”: “ListItem”, “position”: 2, “name”: “Science Fiction”, “item”: “https://example.com/books/sciencefiction” },{ “@type”: “ListItem”, “position”: 3, “name”: “Award Winners” }] } </script> </head> <body> </body> </html>

RDFa

Вот пример в RDFa для поддержки этой цепочки:

<html> <head> <title>Award Winners</title> </head> <body> <ol vocab=”https://<a href="https://alienroad.com/ru/google-bilgi-bankasi/etiket/schema/" class="ar-ic-link">schema</a>.org/” typeof=”BreadcrumbList”> <li property=”itemListElement” typeof=”ListItem”> <a property=”item” typeof=”WebPage” href=”https://example.com/books”> Books</a> <meta property=”position” content=”1″> </li> › <li property=”itemListElement” typeof=”ListItem”> <a property=”item” typeof=”WebPage” href=”https://example.com/books/sciencefiction”> Science Fiction</a> <meta property=”position” content=”2″> </li> › <li property=”itemListElement” typeof=”ListItem”> Award Winners <meta property=”position” content=”3″> </li> </ol> </body> </html>

Microdata

Вот пример в Microdata для поддержки этой цепочки:

HTML

Вот пример HTML-блока «хлебных крошек» на странице как часть визуального дизайна.

Множественная цепочка «хлебных крошек»

Если есть несколько способов навигации на страницу вашего сайта, вы можете указать несколько цепочек «хлебных крошек» для одной страницы. Вот одна цепочка, ведущая на страницу с книгами-победителями:

Книги ›
Научная фантастика ›
Победители премии

Вот другая цепочка, ведущая на ту же страницу:

Литература ›
Победители премии

JSON-LD

Вот пример JSON-LD, поддерживающий несколько цепочек:

<html> <head> <title>Award Winners</title> <script type=”application/ld+json”> [{ “@context”: “https://schema.org”, “@type”: “BreadcrumbList”, “itemListElement”: [{ “@type”: “ListItem”, “position”: 1, “name”: “Books”, “item”: “https://example.com/books” },{ “@type”: “ListItem”, “position”: 2, “name”: “Science Fiction”, “item”: “https://example.com/books/sciencefiction” },{ “@type”: “ListItem”, “position”: 3, “name”: “Award Winners” }] }, { “@context”: “https://schema.org”, “@type”: “BreadcrumbList”, “itemListElement”: [{ “@type”: “ListItem”, “position”: 1, “name”: “Literature”, “item”: “https://example.com/literature” },{ “@type”: “ListItem”, “position”: 2, “name”: “Award Winners” }] }] </script> </head> <body> </body> </html>

RDFa

Вот пример RDFa, поддерживающий несколько цепочек:

<html> <head> <title>Award Winners</title> </head> <body> <ol vocab=”https://schema.org/” typeof=”BreadcrumbList”> <li property=”itemListElement” typeof=”ListItem”> <a property=”item” typeof=”WebPage” href=”https://example.com/books”> Books</a> <meta property=”position” content=”1″> </li> › <li property=”itemListElement” typeof=”ListItem”> <a property=”item” typeof=”WebPage” href=”https://example.com/books/sciencefiction”> Science Fiction</a> <meta property=”position” content=”2″> </li> › <li property=”itemListElement” typeof=”ListItem”> <a property=”item” typeof=”WebPage” href=”https://example.com/books/sciencefiction/awardwinners”> Award Winners</a> <meta property=”position” content=”3″> </li> </ol> <ol vocab=”https://schema.org/” typeof=”BreadcrumbList”> <li property=”itemListElement” typeof=”ListItem”> <a property=”item” typeof=”WebPage” href=”https://example.com/literature”> Literature</a> <meta property=”position” content=”1″> </li> › <li property=”itemListElement” typeof=”ListItem”> Award Winners <meta property=”position” content=”2″> </li> </ol> </body> </html>

Microdata

Вот пример Microdata, поддерживающий несколько цепочек:

<html> <head> <title>Award Winners</title> </head> <body> <ol itemscope itemtype=”https://schema.org/BreadcrumbList”> <li itemprop=”itemListElement” itemscope itemtype=”https://schema.org/ListItem”> <a itemprop=”item” href=”https://example.com/books”> Books</a> <meta itemprop=”position” content=”1″ /> </li> › <li itemprop=”itemListElement” itemscope itemtype=”https://schema.org/ListItem”> <a itemscope itemtype=”https://schema.org/WebPage” itemprop=”item” itemid=”https://example.com/books/sciencefiction” href=”https://example.com/books/sciencefiction”> Science Fiction</a> <meta itemprop=”position” content=”2″ /> </li> › <li itemprop=”itemListElement” itemscope itemtype=”https://schema.org/ListItem”> <a itemprop=”item” href=”https://example.com/books/sciencefiction/awardwinners”> Award Winners</a> <meta itemprop=”position” content=”3″ /> </li> </ol> <ol itemscope itemtype=”https://schema.org/BreadcrumbList”> <li itemprop=”itemListElement” itemscope itemtype=”https://schema.org/ListItem”> <a itemprop=”item” href=”https://example.com/literature”> Literature</a> <meta itemprop=”position” content=”1″ /> </li> › <li itemprop=”itemListElement” itemscope itemtype=”https://schema.org/ListItem”> Award Winners <meta itemprop=”position” content=”2″ /> </li> </ol> </body> </html>

HTML

Вот пример HTML-блока «хлебных крошек» на странице как часть визуального дизайна.

Определения типов структурированных данных

Чтобы указать цепочку навигации (breadcrumbs), определите BreadcrumbList содержащий как минимум два
ListItems. Вы должны включить обязательные свойства, чтобы ваш контент мог отображаться с цепочкой навигации.

`BreadcrumbList`

BreadcrumbList это контейнерный элемент, содержащий все элементы списка. Полное определение BreadcrumbList доступно по адресу
schema.org/BreadcrumbList. Поддерживаемые Google свойства следующие:

Обязательные свойства

Обязательные свойства
`itemListElement`	`ListItem` Массив элементов навигации, перечисленных в определенном порядке. Укажите каждый элемент навигации с помощью `ListItem`. Например:

itemListElement

ListItem

Массив элементов навигации, перечисленных в определенном порядке. Укажите каждый элемент навигации с помощью
ListItem. Например:

`ListItem`

ListItem содержит подробную информацию об отдельном элементе списка. Полное определение ListItem доступно по адресу
schema.org/ListItem. Поддерживаемые Google свойства следующие:

Обязательные свойства

Обязательные свойства
`item`	`URL` или `Thing` подтип `URL веб-страницы, представляющей элемент навигации. Есть два способа указать`: `item`URL `: Укажите URL страницы. Например:`Thing : Используйте id для указания URL на основе используемого формата разметки:JSON-LD `: Используйте` @id для указания URL.Microdata `: Вы можете использовать` href `или` itemid для указания URL.RDFa `: Вы можете использовать`, `about`href `или` resource для указания URL. `Если элемент навигации является последним в цепочке,` item `не требуется. Если` item
`не включен для последнего элемента, Google использует URL содержащей страницы.`	`name` Text `Заголовок элемента навигации, отображаемый пользователю. Если вы используете` Thing `с` name `вместо` URL `для указания`item `, то` name
`не требуется.`	`position` Integer

item

URL или Thing

подтип
URL веб-страницы, представляющей элемент навигации. Есть два способа указать:

itemURL
: Укажите URL страницы. Например:Thing
- : Используйте id для указания URL на основе используемого формата разметки:JSON-LD : Используйте @id
- для указания URL.Microdata : Вы можете использовать href или
  itemid
- для указания URL.RDFa : Вы можете использовать, abouthref или resource

для указания URL. Если элемент навигации является последним в цепочке, item не требуется. Если item

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

name

Text
Заголовок элемента навигации, отображаемый пользователю. Если вы используете Thing с name вместо URL для указанияitem , то name

не требуется.

position

Integer

Позиция элемента в цепочке навигации. Позиция 1 означает начало цепочки. Отслеживайте расширенные результаты с помощью Search Console

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

После первого внедрения структурированных данных
После выпуска новых шаблонов или обновления кода
При периодическом анализе трафика

После первого внедрения структурированных данных

После того как Google проиндексирует ваши страницы, проверьте наличие проблем с помощью соответствующего
Отчета о статусе расширенных результатов. В идеале количество допустимых элементов должно увеличиваться, а количество недопустимых — нет. Если вы обнаружили проблемы в своих структурированных данных:

Исправьте недопустимые элементы.
Проверьте активный URL чтобы узнать, сохраняется ли проблема.
Запросите проверку используя отчет о статусе.

После выпуска новых шаблонов или обновления кода

Когда вы вносите значительные изменения на свой сайт, следите за увеличением количества недопустимых элементов структурированных данных.

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

При периодическом анализе трафика

Анализируйте свой трафик из поиска Google с помощью Отчета об эффективности. Данные покажут вам, как часто ваша страница появляется в поиске в виде расширенного результата, как часто пользователи нажимают на нее и какова ваша средняя позиция в результатах поиска. Вы также можете автоматически получать эти результаты с помощью API Search Console.

Устранение неполадок

Если у вас возникли проблемы с внедрением или отладкой структурированных данных, вот несколько ресурсов, которые могут вам помочь.

Если вы используете систему управления контентом (CMS) или кто-то другой занимается вашим сайтом, попросите их о помощи. Обязательно перешлите им любое сообщение из Search Console, в котором подробно описана проблема.
Google не гарантирует, что функции, использующие структурированные данные, будут отображаться в результатах поиска. Список распространенных причин, по которым Google может не показывать ваш контент в виде расширенного результата, см. в
Общих рекомендациях по структурированным данным.
Возможно, в ваших структурированных данных есть ошибка. Проверьте
список ошибок структурированных данных
и Отчет о нераспознаваемых структурированных данных.
Если вы получили предупреждение о мерах, принятых вручную в отношении структурированных данных на вашей странице, структурированные данные на странице будут игнорироваться (хотя страница все равно может появляться в результатах поиска Google). Чтобы исправить
проблемы со структурированными данными, используйте Отчет о мерах, принятых вручную.
Пересмотрите рекомендации еще раз, чтобы определить, не соответствует ли ваш контент правилам. Проблема может быть вызвана спам-контентом или использованием спам-разметки. Однако проблема может заключаться не в синтаксисе, поэтому тест расширенных результатов не сможет ее выявить.
Устранение неполадок с отсутствующими расширенными результатами / падением общего количества расширенных результатов.
Дайте время на повторное сканирование и индексацию. Помните, что после публикации страницы может пройти несколько дней, прежде чем Google найдет и просканирует ее. По общим вопросам сканирования и индексации см.
Часто задаваемые вопросы о сканировании и индексации в поиске Google.
Задайте вопрос на форуме Google Search Central.

Alien Road

Как мы это применяем

Breadcrumb markup replaces the raw URL in results with a readable path. It is one of the cheapest visual improvements available and we add it to every client site with real hierarchy.

Связанные услуги

Компания

Вклад

Компании-партнёры

Поиск и видимость

Реклама и эффективность

Дизайн и разработка

Контент и коммуникации

По отраслям

Пакеты услуг

Последние статьи

Büyükçekmece Office

Ataköy Office

Tivat Office

JSON-LD

RDFa

Microdata

HTML

JSON-LD

RDFa

Microdata

HTML

Как мы это применяем

Давайте спланируем ваш проект

Структурированные данные Breadcrumb (BreadcrumbList)

Доступность функции

Как добавить структурированные данные

Примеры

Одиночная цепочка «хлебных крошек»

JSON-LD

RDFa

Microdata

HTML

Множественная цепочка «хлебных крошек»

JSON-LD

RDFa

Microdata

HTML

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

Определения типов структурированных данных

BreadcrumbList

ListItem

Позиция элемента в цепочке навигации. Позиция 1 означает начало цепочки. Отслеживайте расширенные результаты с помощью Search Console

После первого внедрения структурированных данных

После выпуска новых шаблонов или обновления кода

При периодическом анализе трафика

Устранение неполадок

Как мы это применяем

`BreadcrumbList`

`ListItem`