Микроразметка Schema.org (Товары)


Schema.org - это семантическая разметка, которая помогает поисковым роботам обработать контент находящийся на вашем сайте и отобразить улучшенный вариант сниппета в результатах поиска для него.
Вся разметка schema.org располагается в HTML-коде страницы, на объектах со специальным атрибутами.
Пример разметки «Товары и цены»:
<div itemscope itemtype="http://schema.org/Product">

  <h1 itemprop="
name">Смартфон Apple iPhone X</h1>

  <span itemprop="
description">Текст с описанием iPhone X</span>

  <img src="images/
apple-iphone-x.jpg" itemprop="image">

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

  <meta itemprop="
price" content="91990.99">

   <meta itemprop="
priceCurrency" content="RUB">

    <div>В наличии</div>
    <link itemprop="
availability" href="http://schema.org/InStock">

  </div>
</div>
Здесь прописывается схема «Product»:
<div itemscope itemtype="http://schema.org/Product">
В строке "name" прописывается название товара:
<h1 itemprop="name">Смартфон Apple iPhone X</h1>
В строке "description" прописывается описание товара:
<span itemprop="description">Текст с описанием iPhone X</span>
Здесь прописывается ссылка на изображение товара:
<img src="images/apple-iphone-x.jpg" itemprop="image">
Здесь прописывается схема «Offer» (для указания цены):
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
Здесь прописывается цена товара:
<meta itemprop="price" content="91990.99">
<!-данное поле с ценой отображаются только в html коде->
Здесь прописывается валюта, в которой продается товар:
<meta itemprop="priceCurrency" content="RUB">
<!-данное поле с валютой отображаются только в html коде->
В разметки стоимость товара необходимо указывать в формате: 9999.99 - без пробелов и указания валюты, (копейки обязательно отделять точкой). Поэтому был использован тег <meta> с атрибутом content для скрытия данных.
В строке "availability" прописывается наличие/отсутствие товара:
<div>В наличии</div>
<link itemprop="availability" href="http://schema.org/InStock">
PreOrder -- на заказ (товар под заказ).
InStock -- в наличии (товар есть в продаже).
OutOfStock -- отсутствует (товара нет в продаже).
Пример "availability" в скрытом виде:
<meta itemprop="availability" content="InStock">
Не стоит злоупотреблять атрибутом content, используйте его для информации, которую нельзя разместить обычным способом. Информация в скрытых полям должна обязательно совпадать с видимым контентом на сайте.