Содержание |
![]() Об авторе: Валерий Рыков В интернет-маркетинге с 2014 года |
Без лишних слов, сразу к делу: разметка товара позволит улучшить представление страницы товара в результатах поиска. Как правило, на страницах товара ключевой для пользователей информацией является стоимость и оценки других покупателей – именно на основе этих данных будет приниматься решение о совершении заказа и поэтому важно показать ее как можно раньше, например, в сниппете сайта.
Разметка стоимости, отзывов и рейтинга может быть расположена в разных местах кода страницы, но важно, чтобы все эти блоки были в рамках одного «главного» тега <div>:
Блок разметки стоимости товара
<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>
В данном примере:
Блок разметки отзывов на товар
Важно: Яндекс, в настоящий момент, принимает только отзывы про автомобили или организации, в остальных случаях валидатор будет выдавать предупреждение, 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>
В данном примере:
Блок разметки суммарного рейтинга товара
Важно: Яндекс, в настоящий момент, принимает только отзывы про автомобили или организации, в остальных случаях валидатор будет выдавать предупреждение, 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>
В данном примере:
Все указанные варианты должны быть составляющей частью разметки http://schema.org/Product.
В простом варианте будет возможно использовать только микроразметку стоимости, но чтобы использовать стандарты разметки отзывов и рейтинга товара необходимо, чтобы была возможность:
Пример разметки товара со стоимостью, отзывом, рейтингом:
<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>
Читайте также нашу большую статью о различных форматах и видах микроразметки по ссылке.