Семантическая разметка страниц с товарами

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

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

Мы рекомендуем использовать разметку Schema.org. Это один из словарей семантической разметки данных, которые совместно анонсировали Google, Bing и Yahoo еще в 2011 году.

В частности товарные страницы мы рекомендуем размечать по схеме Product со значением свойства offers, соответствующим схеме Offer или AggregateOffer.

Синтаксис микроразметки

Помимо самого словаря важно учитывать формат кода разметки. Это способ передать данные из словаря. Мы рекомендуем использовать:

Для корректной микроразметки товаров важно:

  • соблюдать структуру схемы (Product со значением свойства offers, соответствующим схеме Offer или AggregateOffer);

  • обеспечивать наличие обязательных полей:

    Поле

    Описание

    Обязательное поле

    Свойства Product

    name (Text)

    Название товара

    Да

    description (Text)

    Описание товара

    Нет

    brand (Text)

    Информация о продавце/производителе

    Да

    image (URL)

    Картинка товара. Не является объектом типа ImageObject.

    Да

    Свойства Offer или AggregateOffer

    availability (URL)

    Доступность товара для заказа

    Да

    price (Text или Number) или lowPrice (Text или Number)

    Цена товара

    Да

    priceCurrency (Text)

    Валюта

    Да

Пример корректной микроразметки:

<div itemscope itemtype="https://schema.org/Product">
  <!--В поле name указывается наименование товара.-->
  <span itemprop="name">Товар</span>
  <!--В поле description указывается описание товара.-->
  <span itemprop="description">Описание товара</span>
  <!--В поле image указывается ссылка на картинку товара.-->
  <img src="http://www.example.com/image.jpg" itemprop="image">
  <!--В поле brand указывается информация о продавце/производителе.-->
  <span itemprop="brand">Бренд товара</span>
  <!--Указывается схема Offer.-->
  <div itemprop="offers" itemscope itemtype="https://schema.org/Offer">
     <!--В поле price указывается цена товара.-->
     <meta itemprop="price" content="7150.00">
     <!--В поле priceCurrency указывается валюта.-->
     <meta itemprop="priceCurrency" content="RUB">
     <!--В поле availability указывается информация о доступности товара для заказа.-->
     <link itemprop="availability" href="http://schema.org/InStock">
  </div>
</div>

JSON-LD — это формат описания контента с помощью объектов словаря связанных данных (Linked Data, LD).

Подробнее о формате

Данные в формате JSON-LD описываются набором разделенных запятыми пар «ключ-значение». Формат предусматривает зарезервированные ключи, с помощью которых можно определять контекст описания или связывать объекты различным образом. Например, @context определяет словарь объектов, а @type — тип описываемой сущности. Полный список зарезервированных ключей приведен в официальной документации JSON-LD.

Все ключи и значения в формате JSON-LD чувствительны к регистру.

Основные понятия:

  • Объект JSON — набор пар «ключ-значение» (0 или больше), разделенных запятыми. Сущность описывается в фигурных скобках {} в теге script с атрибутом type="application/ld+json" или type="ld+json". В объектах JSON-LD имена ключей в одном и том же объекте не должны повторяться.

  • Массив — набор значений, разделенных запятыми. Описывается в квадратных скобках. Массив не считается упорядоченным, если это не указано специально.

  • Строка — набор символов Unicode, заключенных в двойные кавычки. При необходимости символы можно указывать с помощью обратных слэшей ().

  • Число — используется как и в большинстве языков программирования. Но при этом не поддерживаются восьмеричное и шестнадцатеричное представления. Также запрещены нули в начале числа.

  • true и false — бинарные значения, которые можно использовать для ключей только с двумя вариантами значений (например, поддерживается ли какая-то функция в товаре или нет).

  • null — отсутствующее значение. Обычно используется для очистки данных. Если null указан как значение ключа @value, @list или @set внутри JSON-объекта, этот объект полностью игнорируется.

Пример микроразметки Product в формате JSON-LD:

{
  <!--Для разметки используется словарь Schema.org-->
  "@context": "http://schema.org/",
  <!--Описывается сущность типа Product-->      
  "@type": "Product",                         
  "name": "Название товара",
  "image": "https://example.com/photo.jpg",
  "description": "Описание товара",
  "sku": "SKU",
  "brand": {
    "@type": "Brand",
    "name": "Бренд товара"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "RUB",
    "price": "1000.00",
    "availability": "http://schema.org/InStock"
  }
}

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

Если требуется доработка плагина, обратитесь к его разработчику или другому специалисту с навыками разработки.

Вы можете проверить качество микроразметки в личном кабинете Яндекс Товаров.

Как внедрить

Для популярных CMS могут быть разработаны плагины для внедрения микроразметки. Проверить, есть ли плагин для вашего сайта, можно в CMS или в описании платформы, на которой разработан сайт.


Написать в службу поддержки
Предыдущая
Микроразметка
Следующая
Разметка каталогов