Полная микроразметка Schema.org для карточки товара: цена, отзывы, рейтинг

Содержание

Готовый пример

Разметка стоимости

Разметка отзывов

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




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

Готовый пример настройки микроразметки товара

Разметка стоимости, отзывов и рейтинга может быть расположена в разных местах кода страницы, но важно, чтобы все эти блоки были в рамках одного «главного» тега <div>:

<div itemscope itemtype="http://schema.org/Product">

Блок разметки стоимости товара

<span itemprop="brand">Название бренда товара</span>

<span itemprop="name">Название товара</span>

<img itemprop="image" src="https://site.ru/photo.jpg" />

<span itemprop="description">Текст описания товара</span>

<span itemprop="offers" itemscope itemtype="http://schema.org/Offer">

<meta itemprop="priceCurrency" content="USD" />

<span itemprop="price">1000</span>

<link itemprop="availability" href="http://schema.org/InStock"/>

</span>

В данном примере:

  • - В качестве параметра brand указывается название компании-изготовителя продукции;
  • - В name оформляется название самого товара;
  • - В image указывается ссылка на фотографию продукта;
  • - В description оформляется текстовое описание продукции;
  • - В priceCurrency указывается валюта оплаты;
  • - В price оформляется сама стоимость товара;
  • - Параметр availability указывает на наличие для покупки (если не в наличии, то нужно использовать другой формат - https://schema.org/OutOfStock).

Блок разметки отзывов на товар

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

<div itemprop="review" itemscope itemtype="http://schema.org/Review">

<span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">

<meta itemprop="worstRating" content = "0">

<meta itemprop="bestRating" content = "5">

<span itemprop="ratingValue">4</span>

</span>

<span itemprop="itemReviewed">Товар</span>

<span itemprop="author" itemscope itemtype="http://schema.org/Person">

<span itemprop="name">Иванов Иван</span>

</span>

<meta itemprop="datePublished" content="01.01.2020">

<div itemprop="reviewBody">Текст отзыва</div>

</div>

В данном примере:

  • - В качестве worstRating указывается значение самой низкой оценки, которую можно поставить;
  • - В bestRating, наоборот, проставляется величина наилучшей оценки;
  • - В ratingValue оформляется текущая оценка товара;
  • - В itemreviewed указывается название товара, о котором написан отзыв;
  • - В author используется отдельная разметка для описания человека, оставившего отзыв - http://schema.org/Person;
  • - В name оформляется имя человека, оставившего отзыв;
  • - В datePublished указывается дата, когда отзыв был оставлен;
  • - В reviewBody оформляется сам текст отзыва.

Блок разметки суммарного рейтинга товара

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

<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">

<span itemprop="ratingValue">4</span>

<meta itemprop="bestRating" content="5"/>

<meta itemprop="worstRating" content="0"/>

<span itemprop="ratingCount">10</span>

<span itemprop="reviewCount">11</span>

</div>

В данном примере:

  • - В качестве worstRating указывается значение самой низкой оценки, которую можно поставить;
  • - В bestRating, наоборот, проставляется величина наилучшей оценки;
  • - В ratingValue оформляется текущая оценка товара;
  • - В ratingCount указывается количество оценок рейтинга, которое поставили посетители;
  • - В reviewCount прописывается количество отзывов, оставленное пользователями.

Что нужно для использования всех трех блоков микроразметки товара?

Все указанные варианты должны быть составляющей частью разметки http://schema.org/Product.

В простом варианте будет возможно использовать только микроразметку стоимости, но чтобы использовать стандарты разметки отзывов и рейтинга товара необходимо, чтобы была возможность:

  • - Поставить оценку-рейтинг на странице продукта (такая возможность должна быть и при отправке отзыва и отдельно, без написания отзывов);
  • - Суммарное значение рейтинга должно рассчитываться на основе среднего от всех оставленных отзывов с поставленной «звездочкой» оценки. Если рейтинг не был поставлен при отправке отзыва, то его не учитывать;
  • - Необязательно использовать одновременно и отдельную разметку рейтинга, и отзыва по примерам выше, так как, в приведенным выше коде разметки отзыва рейтинги текстовых отзывов, добавленных посетителями, тоже включены, но общее количество проставленных "рейтингов" может отличаться от числа оставленных отзывов с рейтингом, поэтому можно использовать и оба сразу. Полный пример будет приведен ниже;
  • - Яндекс, в настоящий момент, принимает отзывы только про автомобили или организации, в остальных случаях валидатор будет выдавать предупреждение, Google принимает.

Пример разметки товара со стоимостью, отзывом, рейтингом:

<div itemscope itemtype = "https://schema.org/Product">

<img itemprop="image" src="/images/image.png" />

<meta itemprop="brand" content="Название бренда"/>

<span itemprop = "name">Название товара</span>

<meta itemprop="description" content="Описание товара"/>

<div itemprop = "offers" itemscope itemtype = "https://schema.org/Offer">

<link itemprop="url" href="https://www.site.ru/catalog/tovar" />

<meta itemprop="priceCurrency" content="USD" />

<span itemprop="price">1000</span>

<link itemprop="availability" href="https://schema.org/InStock">

</div>

<div itemprop="review" itemscope itemtype="http://schema.org/Review">

<span itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">

<meta itemprop="worstRating" content = "0">

<meta itemprop="bestRating" content = "5">

<span itemprop="ratingValue">4</span>

</span>

<span itemprop="itemReviewed">Товар</span>

<span itemprop="author" itemscope itemtype="http://schema.org/Person">

<span itemprop="name">Иванов Иван</span>

</span>

<meta itemprop="datePublished" content="01.01.2020">

<div itemprop="reviewBody">Текст отзыва</div>

</div>

<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">

<span itemprop="ratingValue">4</span&>

<meta itemprop="bestRating" content="5"/>

<meta itemprop="worstRating" content="0"/>

<span itemprop="ratingCount">10</span>

<span itemprop="reviewCount">11</span>

</div>

</div>


Читайте также нашу большую статью о различных форматах и видах микроразметки по ссылке.

руководитель seo-подразделения increase sales

Об авторе: Валерий Рыков

В интернет-маркетинге с 2014 года


Другие статьи в данном разделе:

Расскажите нам о вашем проекте
вверх