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

Иерархию страниц можно показать пользователю с помощью хлебных крошек:

Главная > Каталог > Смартфоны > iPhone 15

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

Связь со структурой сайта

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

Главная > Каталог > Смартфоны > iPhone 15

Промежуточные элементы делают ссылками. Последний элемент обозначает текущую страницу, поэтому обычно остается обычным текстом.

Базовая верстка

Для крошек подходит элемент nav с понятной подписью:

<nav>
	<a href="/">Главная</a>
	<span>›</span>
	<a href="/catalog/">Каталог</a>
	<span>›</span>
	<a href="/catalog/phones/">Смартфоны</a>
	<span>›</span>
	<span>iPhone 15</span>
</nav>

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

При необходимости к ним добавляют structured data типа BreadcrumbList. Это отдельный технический слой: сначала цепочка должна быть правильной и удобной в самой странице.

Крошки связывают соседние уровни иерархии, а внутренние ссылки создают дополнительные переходы между связанными страницами.

Практические задачи

Составьте хлебные крошки для страницы /blog/seo/internal-links.

Исправьте цепочку «Главная > iPhone 15 > Каталог > Смартфоны», чтобы она отражала иерархию сайта.

Сверстайте крошки «Главная > Услуги > SEO-аудит»: первые два элемента сделайте ссылками, а текущую страницу - текстом.