Качество микроразметки теперь влияет на видимость товаров в Яндексе

Привет! Хочу поделиться важной новостью от Яндекса. В личном кабинете merchants.yandex.ru появился новый раздел — «Микроразметка». Зачем это нужно? Всё просто: от корректной разметки теперь зависит, попадут ли ваши товары в поиск с ценой и наличием или будут болтаться где-то внизу без шансов.

Как это было раньше

Раньше всё держалось на рекомендациях Schema.org. Кто-то делал микроразметку, кто-то забивал — и, честно говоря, результат был 50 на 50. Не было прозрачности: у одного сайта работает, у другого — нет, и никто толком не понимал почему. Иногда вводишь в поиск название товара, а там — ни цены, ни рейтинга. Чаще всего проблема оказывалась в фиде или в том, что разметка была сделана абы как.

Что изменилось сейчас

Теперь у Яндекса появился отдельный инструмент. В разделе «Товары» выбираем пункт «Микроразметка» (там пока стоит пометка бета), и видим три полезных блока:

• Узнать требования — ссылка на документацию, где расписано, что именно должно быть на странице;
• Проверить страницу — вставляешь ссылку на карточку товара и сразу видишь, есть ли ошибки. Можно даже проверить конкурентов;
• Скачать отчёт — Яндекс отдаёт файл с разбором страниц: где всё ок, а где нужны доработки.

На мой взгляд, это переход от «по желанию» к обязательному стандарту. Для SEO-шников это новый KPI: теперь мало просто держать позиции, нужно ещё следить за процентом страниц с правильной разметкой. Для владельцев магазинов — это больше контроля и прозрачности. А для Яндекса — чище выдача и больше доверия к товарам в поиске.

Что проверить на Bitrix

Если у вас сайт на 1С-Битрикс, первым делом посмотрите на шаблон карточки товара. В разметке должны быть такие поля:

• Название товара;
• Картинка;
• Цена;
• Наличие;
• Бренд.

Форматы поддерживаются два — Microdata и JSON-LD. Лично я чаще использую JSON-LD: он проще для настройки и меньше «цепляется» за верстку. В конце статьи я добавил универсальный пример кода для Bitrix, который можно вставить в шаблон и подставить свои значения.

Пример универсальной микроразметки для Bitrix

Ниже пример JSON-LD, который можно встроить в шаблон карточки товара (template.php). Достаточно подставить свои значения из массива $arResult:

<script type="application/ld+json">
{
  "@context": "http://schema.org/",
  "@type": "Product",
  "name": "<?= htmlspecialchars($arResult['NAME']) ?>",
  "image": "<?= CFile::GetPath($arResult['DETAIL_PICTURE']['ID']) ?>",
  "description": "<?= htmlspecialchars(strip_tags($arResult['DETAIL_TEXT'])) ?>",
  "sku": "<?= $arResult['ID'] ?>",
  "brand": {
    "@type": "Brand",
    "name": "<?= $arResult['PROPERTIES']['ATT_BRAND']['VALUE'] ?>"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "RUB",
    "price": "<?= $arResult['MIN_PRICE']['VALUE'] ?>",
    "availability": "http://schema.org/InStock",
    "url": "<?= $arResult['DETAIL_PAGE_URL'] ?>"
  }
}
</script>

Пример Microdata

Ниже пример использования Microdata для карточки товара на Bitrix. Такой вариант Яндекс часто «ест» лучше, чем JSON-LD, так как разметка встроена прямо в HTML. Вставляется код в шаблон template.php, достаточно подставить свои данные из массива $arResult:

<div itemscope itemtype="http://schema.org/Product">
    <h1 itemprop="name"><?= htmlspecialchars($arResult['NAME']) ?></h1>

    <div class="product-image">
        <img src="<?= CFile::GetPath($arResult['DETAIL_PICTURE']['ID']) ?>" 
             alt="<?= htmlspecialchars($arResult['NAME']) ?>" 
             itemprop="image">
    </div>

    <div class="product-description" itemprop="description">
        <?= $arResult['DETAIL_TEXT'] ?>
    </div>

    <meta itemprop="sku" content="<?= $arResult['ID'] ?>">

    <div itemprop="brand" itemscope itemtype="http://schema.org/Brand">
        <meta itemprop="name" content="<?= $arResult['PROPERTIES']['ATT_BRAND']['VALUE'] ?>">
    </div>

    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <meta itemprop="priceCurrency" content="RUB">
        <span itemprop="price"><?= $arResult['MIN_PRICE']['VALUE'] ?></span>
        <link itemprop="availability" href="http://schema.org/InStock">
        <link itemprop="url" href="<?= $arResult['DETAIL_PAGE_URL'] ?>">
    </div>
</div>

Итоги

Яндекс явно двигается в сторону «чистого» поиска и хочет убрать мусорные сайты из выдачи. Так что внедрение микроразметки — это уже не вопрос «нужно или нет», а вопрос «когда именно вы это сделаете». Чем раньше настроите, тем быстрее получите нормальное отображение товаров и трафик.