Микроразметка карточки товара [Product]

Как сделать микроразметку schema.org карточки товара в магазине

июнь 09 , 2016

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

MicrodataPro;

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

Как добавить микроразметку в карточку товара?

Для добавления микроразметки в формате json-ld надо внести такой код:

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"url": "https://microdata.pro/demo/index.php?route=product/product&amp;product_id=28",
"category": "Телефоны и PDA",
"image": "https://microdata.pro/demo/image/catalog/demo/htc_touch_hd_1.jpg",
"brand": "HTC",
"manufacturer": "HTC",
"model": "Товар 1",
"gtin12": "upc",
"gtin8": "ean",
"productID": "isbn",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"reviewCount": "2"
},"description": "Описание товара",				  
"name": "HTC Touch HD",
"offers": {
"@type": "Offer",
"availability": "https://schema.org/InStock",
"price": "122.00",
"priceCurrency": "RUB"
},
"review": [
{
"@type": "Review",
"author": "Тест 2",
"datePublished": "2016-06-06",
"description": "Текст отзыв",
"reviewRating": {
"@type": "Rating",
"bestRating": "5",
"ratingValue": "5",
"worstRating": "1"
}
},{
"@type": "Review",
"author": "Тест имени для отзыва",
"datePublished": "2016-06-06",
"description": "Текст отзыва",
"reviewRating": {
"@type": "Rating",
"bestRating": "5",
"ratingValue": "4",
"worstRating": "1"
}
}],"isRelatedTo": [ 
{
"@type": "Product",
"image": "https://microdata.pro/demo/catalog/demo/apple_cinema_30.jpg",
"url": "https://microdata.pro/demo/index.php?route=product/product&amp;product_id=42",
"name": "Apple Cinema 30&quot;",
"description": "Описание товара",
"offers": {
"@type": "Offer",
"price": "777.00",
"priceCurrency": "RUB"
}
} 	
]
}
</script>

Эта же разметка в синтаксисе microdata:

<div itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="HTC Touch HD" />
<link itemprop="url" href="https://microdata.pro/demo/index.php?route=product/product&amp;product_id=28" />
<link itemprop="image" href="https://microdata.pro/demo/image/catalog/demo/htc_touch_hd_1.jpg" />
<meta itemprop="brand" content="HTC" />
<meta itemprop="manufacturer" content="HTC" />
<meta itemprop="model" content="Товар 1" />
<meta itemprop="gtin12" content="upc" />
<meta itemprop="gtin8" content="ean" />
<meta itemprop="productID" content="isbn" />
<meta itemprop="category" content="Телефоны и PDA" />
<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<meta itemprop="ratingValue" content="4.5">
<meta itemprop="reviewCount" content="2">
</div>
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<meta itemprop="priceCurrency" content="RUB" />
<meta itemprop="price" content="122.00" />
<link itemprop="availability" href="https://schema.org/InStock" />
</div>
<meta itemprop="description" content="Описание товара" />	  
<div itemprop="review" itemscope itemtype="https://schema.org/Review">
<meta itemprop="author" content="Тест 2" />
<meta itemprop="datePublished" content="2016-06-06" />
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="worstRating" content = "1" />
<meta itemprop="ratingValue" content="5" />
<meta itemprop="bestRating" content="5" />
</div>
<meta itemprop="description" content="Текст отзыва" />
</div>
<div itemprop="review" itemscope itemtype="https://schema.org/Review">
<meta itemprop="author" content="Тест имени для отзыва" />
<meta itemprop="datePublished" content="2016-06-06" />
<div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="worstRating" content = "1" />
<meta itemprop="ratingValue" content="4" />
<meta itemprop="bestRating" content="5" />
</div>
<meta itemprop="description" content="Текст отзыва" />
</div>
<div id="related-product-1" itemprop="isRelatedTo" itemscope itemtype="https://schema.org/Product">
<meta itemprop="name" content="HTC Touch HD" />
<meta itemprop="description" content="рус  " />
<link itemprop="url" href="https://microdata.pro/demo/index.php?route=product/product&amp;product_id=28" />
<link itemprop="image" href="https://microdata.pro/demo/catalog/demo/htc_touch_hd_1.jpg" />
<div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
<meta itemprop="priceCurrency" content="RUB" />
<meta itemprop="price" content="122.00" />
</div>	   
</div>
</div>

Как видим способ представления отличается, но данные передаются одни и те же.

Какие настройки выбирать в модуле MicrodataPro во вкладке Продукт

Размечать хлебные крошки - этот пункт лучше оставить. Хлебные крошки важный элемент навигации не только для пользователя и для поисковых роботов и их лучше размечать. [подробнее о хлебных крошках]

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

Размечать сопутствующие товары - если магазин использует функционал рекомендуемых товаров включает этот пункт. Таким образом поисковой системе мы передаем информацию какие товары похожие на представленный.

Размечать атрибуты (характеристики) - Если для описания характеристик товара вы используете стандартный функционал атрибутов, отмечайте этот пункт. Он размечает все характеристики товара. Официальной информации где используются эти данные нет. Но я думаю что в будущем это будут использовать.

Размечать дополнительные данные SKU, UPC, EAN, ISBN, MPN - настройка, которая позволяет выводить в разметку эту информацию. Если на сайте вы прописываете их - отмечайте необходимые.

Синтаксис разметки страницы - рекомендуется оставить Microdata + JSON-LD как наиболее универсальный вариант. [подробнее о синтаксисах microdata vs json-ld]

Описание товара, если у него нет описания - это текстовое поле ввода создано для того что бы в случае отсутствия описания у товара выводился этот текст. Это необходимая мера т.к. если товар без описания - валидаторы выдают ошибку микроразметки. Хоть какой-то текст должен присутствовать на странице.