Микроразметка для сайта интернет-магазина: как настроить разметку товаров и категорий

Это влияет на поведенческие факторы и косвенно на ранжирование.

Товары с разметкой и без разметки в выдаче Яндекса

Товары без разметки и с разметкой в выдаче Google

Микроразметка влияет на поведенческие факторы

Сниппеты с разметкой в выдаче выглядят лучше, к тому же с ней у страницы выше шанс получить расширенный сниппет. У них выше кликабельность, а значит лучше поведенческие факторы, которые влияют на ранжирование.

В мобильной выдаче товары с разметкой выглядят привлекательнее и уже дают часть информации, которая может заинтересовать пользователя и мотивировать перейти по ссылке.

Товары с разметкой в мобильной выдаче Google

Микроразметка влияет на восприятие поисковиками

Структурная разметка помогает поисковикам идентифицировать контент. Само по себе ее наличие — не фактор ранжирования, но правильная разметка подсказывает, по каким запросам ранжировать ссылки. К примеру, для стоматологии можно установить не только разметку Schema.org "Organization", но и спецаильную " Dentist", так поисковик поймет, что нужно ранжировать организацию по стоматологическим запросам.

Установка разметки не гарантирует, что она будет отображаться в выдаче. Поисковики активируют показывают ее в результатах по своему усмотрению и в зависимости от запросов пользователей, но установить микроразметку стоит.

Как настроить микроразметку товаров

Разметку можно установить для страницы с описанием одного товара или для страницы агрегатора, где размещен товар с несколькими ценами для сравнения и ссылками на продавцов. С разметкой в мобильной выдаче появляется значок, дополнительно привлекающий внимание.

В сниппет можно вывести название товара, цену в нужной валюте, его наличие, фотографию, отзывы пользователей и рейтинг.

Используйте для микроразметки Schema.org. Для формирования сниппета товара Яндекс советует заполнять две схемы: Product и Offer для одного предложения или Product и AggregateOffer для списка предложений. Google тоже поддерживает Product, Offer и "AggregateOffer. Google предупреждает, что нельзя размечать товары, которые предназначены только для взрослых.

Google рекомендует использовать код JSON-LD, микроданные или RDFa. В Яндексе данные, размеченные JSON-LD, использует Яндекс.Почта, в результатах поиска они не отображаются.

Настраиваем разметку для товаров

Для товара достаточно заполнить поля name, description, price и priceCurrency. Если есть отзывы, добавьте поле AggregateRating, чтобы вывести их в сниппет.

Пример заполнения микроразметки:

<div itemscope> <div><h1>Наименование товара</h1></div> <a href="/ссылка-на-изображение.jpg"> <img src="/products_pictures/ссылка-на-изображение.jpg" title="Наименование товара"> </a> <div itemscope> <meta content="690"> <meta content="RUB"> <div>В наличии</div> <link href="http://schema.org/InStock"> </div> <div>Описание товара</div> </div> 

Название и описание товара указывают как свойство разметки Product. "Price" — статическая цена, относится к свойству Offer.

"lowPrice" относится к AggregateOffer, ее указывают как «от N руб» в случае, если цена динамическая.

Валюту указывают в графу "PriceCurrency", для обозначения используют коды валют в соответствии с ISO 4217.

Свойство "availability" показывает, что товар в наличии. Если указано, что его в наличии нет, цена в сниппете не отображается.

Отзывы и рейтинг в микроразметке товара

В разметке можно указать подробности, вывести в сниппет рейтинг и отзывы пользователей. Автором отзыва может быть только реальный человек или команда — «Антон Иванов», «Обозреватели CNET».

Пример подробной настройки микроразметки для товара:

<div itemscope>
<span>Наименование товара</span>
<span img src="/ссылка-на-изображение.jpg" />
<div itemscope>
<span>4</span>
<span>9</span> #рейтинг 4 основан на 9 оценках
</div>
<div itemscope>
<span content="RUB">руб.</span>
<span content="699">699</span>
<link href="http://schema.org/InStock" />
 <span>Описание товара</span>
<div>Производитель: <span>Название бренда</span></div>
<div>Модель: <span>Номер модели</span></div>
<div itemscope>
<span>Заголовок отзыва</span>
от <span>Имя пользователя</span>,
<meta content="2018-15-02">
<div itemscope>
<meta content = "1"> #Минимальная оценка
<span>4</span>/ #Оценка пользователя
<span>5</span>звезд. /#Максимальная оценка
</div>
<span>Текст отзыва</span>
</div>
</div>

Информация о товаре появится в Google Картинках, если разметка отвечает требованиям:

• Пользователи видят нужные сведения в обозревателе изображений с расширенными функциями. Для этого добавьте свойства "name", "image", "price" и "priceCurrency".
• Пользователи видят нужные сведения в разделе «Сопутствующие товары». Для этого укажите свойства "name", "image", "price", "priceCurrency" и "availability".

«Хлебные крошки»

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

«Хлебные крошки» в выдаче Google

Для этой цели используют « BreadcrumbList» — разновидность «ItemList».

Пример разметки:

<div itemscope>
<div itemscope>
<a href="https://сайт/">
<span>Главная</span></a>
<met a content="1">
</div>
<div itemscope>
<a href="https://главная/ссылка-на-категорию/">
<span>Название категории</span></a>
<met a content="2">
</div>
<div itemscope>
<a href="https://главная/ссылка-на-категорию/ссылка-на-страницу">
<span>Название страницы</span></a>
<met a content="3">

Некоторые веб-мастеры не останавливаются на товарах и размечают категории.

Как настроить микроразметку категорий

Специальной разметки для категорий нет. В правилах Яндекса и Google указано, что запрещено использовать Product и AggregateOffer для категорий товаров.

Во многих статьях советуют AggregateOffer как разметку для категории, но не стоит путать категорию и страницу агрегатора.

Страница агрегатора в выдаче Google

Страница агрегатора с предложениями

Product используют для разметки страницы одного товара, AggregateOffer используют для агрегаторов, где можно сравнивать цены на один и тот же товар у разных продавцов. Во всех других случаях поисковики посчитают внедрение микроразметки спамом, за это последуют ручные санкции.

Если поисковик обнаружит такую разметку, то уберет ее из сниппета и пришлет предупреждение. Нужно будет убрать код разметки и отправить заявку на пересмотр санкций. На ранжирование это не повлияет.

Предупреждение от поисковика

Веб-мастера используют такую разметку для категории на свой риск. В ней можно указать название категории, количество товаров, диапазон цен и валюту.

Поместить код можно в любом месте внутри "body":

<div itemscope>
<p>Название категории</p>
<div>
<meta content="5138"> 
<meta content="10657">
<meta content="25">
<meta content="RUB">
</div>
</div>
 >

"offerCount" — позиции товара, "highPrice" и "lowPrice" высшая и низшая цены соответственно, "priceCurrency" — наименование валюты.

Как проверить микроразметку на сайте

Проверить правильность разметки можно с помощью валидатора от Яндекса или инструмента проверки структурированных данных от Google. Данные можно смотреть также в Отчете о статусе расширенных результатов.

Чтобы боты поисковиков добрались до разметки, не блокируйте им доступ к странице с помощью robots.txt, метатега noindex или других способов.

Советуем установить микроразметку для страниц с товарами, чтобы поисковики лучше воспринимали контент, сниппет выглядел привлекательнее и улучшались поведенческие факторы. Разметку для категорий лучше не делать, чтобы не попасть под санкции поисковиков.