Хлебные крошки

Три задачи

Разметка

<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BreadcrumbList",
 "itemListElement":[
  {"@type":"ListItem","position":1,"name":"Главная","item":"https://example.com/"},
  {"@type":"ListItem","position":2,"name":"Котлы","item":"https://example.com/kotly/"},
  {"@type":"ListItem","position":3,"name":"Настенные","item":"https://example.com/kotly/nastennye/"}
 ]}
</script>

Последний элемент — текущая страница; для неё адрес можно не указывать. Общий разбор разметки — в уроке о Schema.org.

Требования

• Отражают структуру, а не историю переходов пользователя.
• Ссылками на все уровни, кроме текущего.
• Текущая страница без ссылки — она уже открыта.
• Названия совпадают с названиями разделов.
• Видны на телефоне — при нехватке места сворачиваются, а не исчезают.
• Не дублируют H1 как последний элемент, если он длинный.

Итог

Крошки полезны с трёх уровней вложенности: они ориентируют человека, дают ссылки на разделы и заменяют адрес в сниппете. Размечайте BreadcrumbList и следите, чтобы разметка совпадала с видимым. Дальше — выбор доменной зоны.