Строка навигации

В строке навигации показано положение страницы в иерархии сайта. Пользователи могут переходить по ссылкам от нижнего уровня сайта к верхнему (справа налево), вплоть до главной страницы.

Примеры

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

Вариант строки навигации для поискового запроса с названием книги "Слуги правосудия":

Книги › Авторы › Энн Леки › Слуги правосудия

Нажмите кнопку ниже, чтобы увидеть пример кода JSON-LD для этой строки навигации.

Вариант строки навигации для поискового запроса "Премия "Небьюла" за лучший роман 2014 года":

Книги › Научная фантастика › Лауреаты премий

RDFa

Нажмите кнопку ниже, чтобы увидеть пример кода RDFa для этой строки навигации.

Микроданные

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

Пример сразу с несколькими строками навигации:

Книги › Научная фантастика › Лауреаты премий
Литература › Фантастика

RDFa

Нажмите кнопку ниже, чтобы увидеть пример кода RDFa для этой строки навигации.

<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">
 Speculative Fiction
 <meta property="position" content="2">
 </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/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">
 Speculative Fiction
 <meta itemprop="position" content="2" />
 </li>
</ol>

Пример для HTML

Ниже приведен пример HTML-блока для строки навигации, используемого в дизайне страницы.

<ol>
  <li>
    <a href="http://www.example.com/books">Books</a>
  </li>
  <li>
    <a href="http://www.example.com/sciencefiction">Science Fiction</a>
  </li>
  <li>
    Award Winners
  </li>
</ol>

Правила

Чтобы ваша строка навигации появлялась в Google Поиске, следуйте правилам, указанным ниже.

Типы структурированных данных

Для создания своей строки навигации вам необходимо использовать контейнер BreadcrumbList как минимум с двумя элементами ListItems. Чтобы ваш контент мог показываться в качестве строки навигации, требуется задать все обязательные свойства.

BreadcrumbList – контейнер, в котором содержатся все элементы списка. Полное описание типа BreadcrumbList приведено на странице schema.org/BreadcrumbList.

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

Обязательные свойства
`itemListElement`	`BreadcrumbList` Массив звеньев строки навигации, перечисленных в определенном порядке. Каждое звено следует указывать с типом `ListItem`. Пример: { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Books", "item": "https://example.com/books" },{ "@type": "ListItem", "position": 2, "name": "Authors", "item": "https://example.com/books/authors" },{ "@type": "ListItem", "position": 3, "name": "Ann Leckie", "item": "https://example.com/books/authors/annleckie" }] }

itemListElement

BreadcrumbList

Массив звеньев строки навигации, перечисленных в определенном порядке. Каждое звено следует указывать с типом ListItem. Пример:


{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Books",
    "item": "https://example.com/books"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Authors",
    "item": "https://example.com/books/authors"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "Ann Leckie",
    "item": "https://example.com/books/authors/annleckie"
  }]
}

ListItem

ListItem содержит сведения об отдельном элементе списка. Полное описание типа ListItem приведено на странице schema.org/ListItem.

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

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

item

URL или подтип, относящийся к Thing

URL веб-страницы, указанной в строке навигации. Задать свойство item можно двумя описанными ниже способами.

URL. Укажите URL страницы. Пример:
```
"item": "https://example.com/books"
```
Thing. Задайте идентификатор, чтобы указать URL с учетом используемого вами формата разметки:
- JSON-LD. Вы можете указать URL с помощью свойства @id.
- Микроданные. Вы можете указать URL с помощью атрибута href или itemid.
- RDFa. Вы можете указать URL с помощью атрибута about, href или resource.

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

name

Text

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

position

Integer

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