Микроразметка для интернет магазина

Семантическая-микрозаметка[1]Для того, чтобы поисковики более детально понимали о чём рассказывает каждая страница на вашем сайте, была придумана микроразметка. Она позволяет выделить отдельные элементы в коде сайта для того, чтобы представить более подробную информацию об информации на ней как в поисковиках так и в соцсетях. Микроразметка сайта может задаваться несколькими языками синтаксической разметки, который разрабатывались различными инициативными группами в разное время. Среди наиболее популярных словарей микроразметки можно выделить: 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/ . В нём вам необходимо выбрать необходимый тип разметки (персона, продукт, событие и т.д.) и заполнить необходимые поля. Результат генератор микроразметки предоставит вам автоматически. Вам стоит будет только проверить его в валидаторе микроразметки Яндекса или .

  • Exploits

    Ребят, вот неплохой сайт по микроразметке microdata.pro

Запись навигация

Top