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

Строка навигации на веб-странице

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

Примеры

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

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

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

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

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

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

RDFa

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

Микроданные

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

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

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

RDFa

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

Микроданные

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

Пример для 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"
  }]
}

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 указывает на то, что звено находится в начале строки навигации.