Строгая микроразметка — Каталоги
Чтобы данные из семантической разметки страницы при обходе роботом имели максимальный приоритет по сравнению с данными из других источников, размечайте списки товаров по схеме OfferCatalog с вложенными объектами, соответствующими схеме Offer.
Поддерживаемые поля схемы
Все поддерживаемые поля схемы являются обязательными.
Свойства OfferCatalog:
name(Text) — название каталога;description(Text) — описание каталога;image(URL) — общая картинка каталога. Не является объектом типа ImageObject.
На странице должен быть только один список товаров, размеченный по схеме OfferCatalog, без вложенных списков.
Свойства Offer:
url(URL) — ссылка на страницу товара;name(Text) — название товара;description(Text) — описание каталога;image(URL) — картинка товара. Не является объектом типа ImageObject.availability(URL) — доступность товара для заказа;price(Text или Number) — цена товара;priceCurrency(Text) — валюта.
Пример корректной разметки
<ul itemscope itemtype="https://schema.org/OfferCatalog">
<!--В поле name указывается название каталога.-->
<span itemprop="name">Каталог</span>
<!--В поле description указывается описание каталога.-->
<span itemprop="description">Описание каталога</span>
<!--В поле image указывается ссылка на картинку каталога.-->
<img src="http://www.example.com/image.jpg" itemprop="image">
<!--Указывается схема Offer.-->
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/Offer">
<div>
<!--В поле name указывается наименование товара.-->
<span itemprop="name">Товар</span>
<!--В поле description указывается описание товара.-->
<span itemprop="description">Описание товара</span>
<!--В поле url указывается ссылка на страницу товара.-->
<link itemprop="url" href="www.example.com/product/1">
<!--В поле image указывается ссылка на картинку товара.-->
<img src="http://www.example.com/image1.jpg" itemprop="image">
<!--В поле price указывается цена товара.-->
<meta itemprop="price" content="7150.00">
<!--В поле priceCurrency указывается валюта.-->
<meta itemprop="priceCurrency" content="RUB">
<!--В поле availability указывается информация о доступности товара для заказа.-->
<link itemprop="availability" href="http://schema.org/InStock">
</div>
</li>
<!--Указывается схема Offer.-->
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/Offer">
<div>
<span itemprop="name">Другой товар</span>
<!--В поле description указывается описание товара.-->
<span itemprop="description">Описание другого товара</span>
<link itemprop="url" href="www.example.com/product/2">
<img src="http://www.example.com/image2.jpg" itemprop="image">
<meta itemprop="price" content="750.00">
<meta itemprop="priceCurrency" content="RUB">
<link itemprop="availability" href="http://schema.org/InStock">
</div>
</li>
</ul>
Проверить правильность разметки можно с помощью валидатора.
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "OfferCatalog",
"name": "Название каталога",
"image": "http://www.example.com/image.jpg",
"description": "Описание каталога",
"itemListElement": [
{
"@type": "Offer",
"name": "Товар",
"description": "Описание товара",
"url": "www.example.com/product/1",
"price": "7150.00",
"priceCurrency": "RUB",
"image": "http://www.example.com/image1.jpg",
"availability": "https://schema.org/InStock"
},
{
"@type": "Offer",
"name": "Другой товар",
"description": "Описание другого товара",
"url": "www.example.com/product/2",
"price": "750.00",
"priceCurrency": "RUB",
"image": "http://www.example.com/image2.jpg",
"availability": "https://schema.org/InStock"
}
]
}
</script>
Внимание
Обработка данных в формате JSON-LD не гарантируется.
Внимание
Яндекс не гарантирует, что полученные данные появятся в результатах поиска. Яндекс может использовать информацию, которая размечена в формате Schema.org, полностью или частично, отдельно или вместе с информацией, полученной из других источников. Информация может быть использована на любом сервисе Яндекса.