Без лишних слов, сразу к делу: разметка товара позволит улучшить представление страницы товара в результатах поиска. Как правило, на страницах товара ключевой для пользователей информацией является стоимость и оценки других покупателей – именно на основе этих данных будет приниматься решение о совершении заказа и поэтому важно показать ее как можно раньше, например, в сниппете сайта.
Готовый пример настройки микроразметки товара
Разметка стоимости, отзывов и рейтинга может быть расположена в разных местах кода страницы, но важно, чтобы все эти блоки были в рамках одного «главного» тега <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).
Блок разметки отзывов на товар
<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 оформляется сам текст отзыва.
Блок разметки суммарного рейтинга товара
<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 прописывается количество отзывов, оставленное пользователями.
Что нужно для использования всех трех блоков микроразметки товара?
В простом варианте будет возможно использовать только микроразметку стоимости, но чтобы использовать стандарты разметки отзывов и рейтинга товара необходимо, чтобы была возможность:
- Поставить оценку-рейтинг на странице продукта (такая возможность должна быть и при отправке отзыва и отдельно, без написания отзывов);
- Суммарное значение рейтинга должно рассчитываться на основе среднего от всех оставленных отзывов с поставленной «звездочкой» оценки. Если рейтинг не был поставлен при отправке отзыва, то его не учитывать.
Читайте также нашу большую статью о различных форматах и видах микроразметки по ссылке.
Оригинал статьи: https://ics-media.ru/blog/mikrorazmetka-kartochki-tovara/.