Микроразметка хлебных крошек Schema.org

Микроразметка 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>