Микроразметка сайта – пример для обозначения товаров

Для того, чтобы поисковики более детально понимали о чём рассказывает каждая страница на вашем сайте, была придумана микроразметка. Она позволяет выделить отдельные элементы в коде сайта для того, чтобы представить более подробную информацию об информации на ней как в поисковиках так и в соцсетях. Микроразметка сайта может задаваться несколькими языками синтаксической разметки, который разрабатывались различными инициативными группами в разное время. Среди наиболее популярных словарей микроразметки можно выделить: Open Graph, Shema.org, Микроформаты.

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

Мы сегодня опишем вариант разметки товаров сайта с помощью словаря микроразметки Shema.org. С его помощью мы разберёмся как можно сделать на сайте микроразметку товаров, чтобы поисковик считал максимальный объём информации о продукте, представленной на странице.

В конечном итоге эта микроразметка может отображаться в поисковой выдаче вот таким образом.

Ниже представлен пример кода микроразметки , на котором я объясню вам что к чему.
________________________________________________________________________
<div itemscope itemtype="http://schema.org/Product">

<span itemprop="name">Содержимое H1</span>

<span itemprop="brand">Содержимое строки «Производитель, марка и т.д.»</span>

<span itemprop="model">Номер модели (если есть)</span>

<img itemprop="image" src="Ссылка на изображение товара" />

<span itemprop="description">Текстовое описание товара, которое предоставляет продавец  </span>

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

<meta itemprop="priceCurrency" content="Валюта продажи товара (в нашем случае - UAH)" />

<span itemprop="price">Цена товара</span>

<span itemprop="seller">Продавец товара</span>

<link itemprop="itemCondition" href="http://schema.org/UsedCondition — если б/у товар и http://schema.org/NewCondition — если новый товар" />Б/У или Новый</div>

</div>
_________________________________________________________________________
Теперь давайте по порядку.

В этом примере микроразметки обозначены основные показатели товара, который продаётся на сайте.

Первой строкой <div itemscope itemtype=»http://schema.org/Product»> задаётся формат микроразметки, благодаря которому поисковая система будет понимать какие данные нужно считывать.

Все последующие обозначения (name, brand, model, image, description), я думаю, интуитивно понятны.

Очередная строка, которая задаёт формат разметки <div itemprop=»offers» itemscope itemtype=»http://schema.org/Offer»> говорит о том, что ниже представлены характеристики предложения товара: цена, валюта продажи, название продавца, состояние товара.

Стоит помнить, что обязательными элементами в микроразметке товаров, являются: название, цена и валюта продажи. Остальные элементы могут быть пропущены.

Так же не забывайте проверить микроразметку в Яндексе с помощью специальной формы, которая покажет ошибки, если они есть . Естественно, таким же образом можно проверить микроразметку и в Google, благодаря их собственной форме валидации.

Для тех из вас, кто знаком с английским языком, будет не лишним сервис-генератор микроразметки http://schema-creator.org/ . В нём вам необходимо выбрать необходимый тип разметки (персона, продукт, событие и т.д.) и заполнить необходимые поля. Результат генератор микроразметки предоставит вам автоматически. Вам стоит будет только проверить его в валидаторе микроразметки Яндекса или Google.

На этом всё, надеюсь статья была вам полезна. Если да – оцените её, пожалуйста, с помощью звёздочек.