03.03.2022
Микроразметка Schema.org применяется для «хлебных крошек» очень часто. Это простой и удобный способ показать структуру Вашего поисковым системам Яндекс и Google. Если, конечно, всё сделано правильно.
Мы рекомендуем проверять корректность микроразметки при помощи специальных сервисов онлайн-валидации. Лучше всего для этих целей подходит валидатор Google. Это позволит обнаружить допущенные ошибки сразу же.
Ниже приведён готовый пример HTML кода строки навигации. В этом примере микроразметка «хлебных крошек» Schema.org сделана на 100% правильно.
<ul itemscope="" itemtype="http://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/">
<span itemprop="name">Главная</span>
<i class="fas fa-angle-right"></i>
<meta itemprop="position" content="1">
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/uslugi/">
<span itemprop="name">Услуги</span>
<i class="fas fa-angle-right"></i>
<meta itemprop="position" content="2">
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/uslugi/katalog/">
<span itemprop="name">Каталог услуг</span>
<i class="fas fa-angle-right"></i>
<meta itemprop="position" content="3">
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/uslugi/katalog/specialisty/">
<span itemprop="name">Услуги специалистов</span>
<i class="fas fa-angle-right"></i>
<meta itemprop="position" content="4">
</a>
</li>
<li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="/uslugi/katalog/specialisty/programmist/" class="no-action-link">
<span itemprop="name">Оказание услуг программиста</span>
<meta itemprop="position" content="5">
</a>
</li>
</ul>
Вы можете прямо сейчас скопировать этот HTML код и вставить в онлайн-валидатор Google для проверки.