Как добавить хлебные крошки в навигацию сайта?

Как добавить хлебные крошки в навигацию сайта?

Для добавления хлебных крошек в навигацию нужно использовать HTML-разметку. Вставьте элемент <nav> с классом breadcrumbs внутри которого разместите список (<ul>) со ссылками на родительские страницы и текущую позицию пользователя.

Пример кода:

html
<nav class="breadcrumbs">
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/catalog/">Каталог</a></li>
<li class="active">Товары</li>
</ul>
</nav>

Важно указать атрибут rel="crumb" для каждой ссылки, чтобы поисковые системы корректно распознали структуру сайта:

html
<li><a href="/catalog/" rel="crumb">Каталог</a></li>

Мини-чек-лист:

1. Создайте контейнер <nav class="breadcrumbs">.
2. Добавьте список ссылок <ul>, каждая ссылка должна иметь тег <a>.
3. Укажите атрибут rel="crumb".