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

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

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


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


Товары без разметки и с разметкой в выдаче 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 или других способов.



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