Содержание
Краткое саммари
Микроразметка Schema.org помогает интернет-магазину передать поисковикам цену, наличие, рейтинг, изображения, доставку и «хлебные крошки».Для товарных страниц используют Product вместе с Offer или AggregateOffer, а для проверки — валидатор Яндекса, Rich Results Test Google и Schema Markup Validator.
Кому стоит прочитать эту статью:
SEO-специалистам, владельцам интернет-магазинов, разработчикам, контент-менеджерам и всем, кто настраивает микроразметку товаров для Яндекса и Google без риска получить ошибки в Search Console или Яндекс.Вебмастере.
Зачем нужна микроразметка Schema.org для интернет-магазина
Google и Яндекс советуют устанавливать микроразметку на страницы с товарами. Структурированные данные помогают ботам распознавать цену, наличие, рейтинг, изображения, бренд, доставку и другие свойства карточки, включать специальные функции и формировать расширенный сниппет. Сама разметка не гарантирует рост позиций, но заметный сниппет повышает кликабельность, а это уже влияет на поведение пользователей в выдаче.
Микроразметка влияет на поведенческие факторы
Сниппеты с правильной товарной микроразметкой выглядят информативнее: пользователь сразу видит цену, наличие, рейтинг, иногда условия доставки и возврата. У таких результатов выше шанс получить расширенный сниппет, а значит и более заметную ссылку в поиске. Это помогает улучшить кликабельность, если данные на странице совпадают с данными в разметке.
В мобильной выдаче микроразметка товаров особенно важна: экран меньше, конкуренты рядом, а цена, рейтинг и наличие помогают пользователю быстрее выбрать результат. Поэтому для интернет-магазина стоит размечать не только название и цену, но и изображения, бренд, артикул, отзывы и актуальный статус товара.
В Schema.org и документации поисковиков большое внимание уделяют коммерческим деталям: доставке, возврату, программе лояльности, вариантам товара и данным продавца. Для доставки используют свойства вроде shippingDetails и типы, связанные с условиями доставки. Чем точнее магазин передает такие данные, тем меньше расхождений между карточкой товара, фидом и сниппетом.
Микроразметка влияет на восприятие поисковиками
Структурная разметка помогает поисковикам идентифицировать контент. Само по себе ее наличие — не фактор ранжирования, но правильная разметка подсказывает, к какому типу относится страница и какие свойства у сущности есть. К примеру, для стоматологии можно установить не только разметку Schema.org "Organization", но и специальную " Dentist", так поисковик поймет, что организация относится к медицинской тематике и стоматологическим услугам.
Установка разметки не гарантирует, что она будет отображаться в выдаче. Поисковики показывают расширенные элементы по своему усмотрению: учитывают запрос, качество страницы, соответствие правилам, полноту данных и отсутствие спама. Но установить микроразметку стоит, потому что она понятна для роботов и помогает контролировать данные о товаре.
FAQ по разделу
Микроразметка напрямую поднимает позиции?
Нет, это не прямой фактор ранжирования, но она помогает поисковику понять товар и может улучшить сниппет, CTR и качество переходов.
Что чаще всего попадает в товарный сниппет?
Цена, наличие, рейтинг, отзывы, изображение, бренд, условия доставки и «хлебные крошки». Показы зависят от правил поисковика и запроса пользователя.
Нужна ли микроразметка небольшому магазину?
Да, если на сайте есть карточки товаров с ценами и наличием. Даже 20–30 товарных страниц лучше размечать одинаково и без ошибок.
Как настроить микроразметку товара Schema.org: Product, Offer и AggregateOffer
Разметку можно установить для страницы с описанием одного товара или для страницы агрегатора, где размещен товар с несколькими ценами для сравнения и ссылками на продавцов. С разметкой в мобильной выдаче появляется значок, дополнительно привлекающий внимание.
В сниппет можно вывести название товара, цену в нужной валюте, его наличие, фотографию, отзывы пользователей и рейтинг.
Используйте для микроразметки Schema.org. Для формирования сниппета товара Яндекс советует заполнять две схемы: Product и Offer для одного предложения или Product и AggregateOffer для списка предложений. Google тоже поддерживает Product, Offer и AggregateOffer. Дополнительно он проверяет соответствие разметки контенту страницы и запрещает размечать товары, предназначенные только для взрослых, если это нарушает правила расширенных результатов.
Google рекомендует JSON-LD, но также понимает микроданные и RDFa. JSON-LD удобнее для разработки: его проще обновлять шаблоном, не вмешиваясь в HTML карточки товара. Для Яндекса ориентируйтесь на его справку и обязательно прогоняйте страницу через валидатор Яндекс.Вебмастера: если сервис показывает ошибки, исправьте их до индексации.
Настраиваем разметку для товаров
Для товара достаточно заполнить поля
name, description, price и priceCurrency. Если есть отзывы, добавьте поле AggregateRating, чтобы вывести их в сниппет. Для карточек с несколькими вариантами товара можно добавить sku, brand, gtin, hasVariant, shippingDetails и данные о возврате.
Пример заполнения микроразметки:
<div itemscope="" itemtype="http://schema.org/Product">
<div itemprop="name">
<h1>Наименование товара</h1>
</div>
<a itemprop="image" href="ссылка-на-изображение.jpg">
<img src="products_pictures/ссылка-на-изображение.jpg" title="Наименование товара">
</a>
<div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
<meta itemprop="price" content="690.00">
<meta itemprop="priceCurrency" content="RUB">
<div>В наличии</div>
<link itemprop="availability" href="http://schema.org/InStock">
</div>
<div itemprop="description">Описание товара</div> </div>
Тот же пример для нового проекта можно оформить в JSON-LD. Такой код размещают в <script type="application/ld+json"> в шаблоне карточки товара:
{
"@context": "https://schema.org/",
"@type": "Product",
"name": "Наименование товара",
"image": "https://site.ru/images/product.jpg",
"description": "Краткое описание товара",
"sku": "SKU-12345",
"brand": {"@type": "Brand", "name": "Название бренда"},
"offers": {
"@type": "Offer",
"url": "https://site.ru/product/",
"priceCurrency": "RUB",
"price": "690.00",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"reviewCount": "37"
}
}
Название и описание товара указывают как свойство разметки Product. "Price" — статическая цена, относится к свойству Offer.
"lowPrice" относится к AggregateOffer, ее указывают как «от N руб» в случае, если цена динамическая.
Валюту указывают в графу "PriceCurrency", для обозначения используют коды валют в соответствии с ISO 4217.
Свойство "availability" показывает, что товар в наличии. Если указано, что его в наличии нет, цена в сниппете не отображается.
Отзывы и рейтинг в микроразметке товара
В разметке можно указать подробности, вывести в сниппет рейтинг и отзывы пользователей. Автором отзыва может быть только реальный человек или команда — «Антон Иванов», «Обозреватели CNET».
Не размечайте отзывы, которых нет на странице, и не ставьте рейтинг просто для красоты: поисковики считают такие данные спамом и могут отключить расширенный результат.
Пример подробной настройки микроразметки для товара:
<div itemscope="" itemtype="http://schema.org/Product">
<span itemprop="name">Наименование товара</span>
<span itemprop="image" img="" src="ссылка-на-изображение.jpg">
<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">4</span>
<span itemprop="reviewCount">9</span> #рейтинг 4 основан на 9 оценках
</div>
<div itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">
<span itemprop="priceCurrency" content="RUB">руб.</span>
<span itemprop="price" content="699">699</span>
<link itemprop="availability" href="http://schema.org/InStock">
<span itemprop="description">Описание товара</span>
<div>Производитель: <span itemprop="brand">Название бренда</span></div>
<div>Модель: <span itemprop="model">Номер модели</span></div>
<div itemprop="review" itemscope="" itemtype="http://schema.org/Review">
<span itemprop="name">Заголовок отзыва</span>
от <span itemprop="author">Имя пользователя</span>,
<meta itemprop="datePublished" content="2018-15-02">
<div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
#Минимальная оценка
<span itemprop="ratingValue">4</span>/ #Оценка пользователя
<span itemprop="bestRating">5</span>звезд. /#Максимальная оценка
</div>
<span itemprop="description">Текст отзыва</span>
</div>
</div>
</span></div>
Информация о товаре появится в Google Картинках, если разметка отвечает требованиям:
- Пользователи видят нужные сведения в обозревателе изображений с расширенными функциями. Для этого добавьте свойства "name", "image", "price" и "priceCurrency".
- Пользователи видят нужные сведения в разделе «Сопутствующие товары». Для этого укажите свойства "name", "image", "price", "priceCurrency" и "availability".
«Хлебные крошки»
Для страницы товара советуем разметить «хлебные крошки» — путь от главной до искомой страницы. Google возьмет эту информацию для сниппета. Яндекс тоже обращает внимание на разметку, но «хлебные крошки» формирует по своему алгоритму.
Для этой цели используют « BreadcrumbList» — разновидность «ItemList».
Пример разметки:
<div itemscope="" itemtype="http://schema.org/BreadcrumbList">
<div itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://сайт/">
<span itemprop="name">Главная</span></a>
<meta itemprop="position" content="1">
</div>
<div itemscope="" itemprop="itemListElement" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://главная/ссылка-на-категорию/">
<span itemprop="name">Название категории</span></a>
<meta itemprop="position" content="2">
</div>
<div itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
<a itemprop="item" href="https://главная/ссылка-на-категорию/ссылка-на-страницу">
<span itemprop="name">Название страницы</span></a>
<meta itemprop="position" content="3">
</div> </div>
FAQ по разделу
Когда нужен Offer, а когда AggregateOffer?
Offer — для одного предложения на странице товара. AggregateOffer — для страницы, где сравниваются предложения одного и того же товара у разных продавцов.
Можно ли размечать отзывы, если они сгенерированы магазином?
Нет, отзывы и оценки должны быть реальными, видимыми пользователю и относиться к конкретному товару.
Микроразметка категорий интернет-магазина: что можно и нельзя
Некоторые веб-мастеры не останавливаются на товарах и размечают категории. Какой-то специальной разметки для обычных категорий интернет-магазина нет. В правилах Яндекса и Google указано, что нельзя использовать Product и AggregateOffer для категорий с разными товарами: такая страница не является карточкой одного товара и не должна получать товарный сниппет по общему диапазону цен.
Во многих старых статьях до сих пор советуют AggregateOffer как разметку для категории, но это устаревшая и рискованная рекомендация. Не путайте категорию, подборку и страницу агрегатора: для расширенного товарного результата важен конкретный товар или набор предложений по одному и тому же товару.
Product используют для разметки страницы одного товара, AggregateOffer — для агрегаторов, где можно сравнивать цены на один и тот же товар у разных продавцов. Во всех других случаях поисковики могут посчитать внедрение микроразметки спамом: расширенный сниппет не покажут, а в панели для веб-мастеров появятся ошибки или предупреждения.
Если поисковик обнаружит такую разметку, он может убрать ее из сниппета и прислать предупреждение. Нужно будет удалить некорректный код, дождаться переобхода страниц или отправить их на проверку в панели веб-мастера. Обычно проблема затрагивает расширенные результаты, а не базовую индексацию страницы.
Веб-мастера используют такую разметку для категории на свой риск.
FAQ по разделу
Можно ли ставить Product на страницу категории?
Нет, если это обычная категория с разными товарами. Product нужен для конкретного товара, а не для витрины.
Что безопасно размечать на категории?
«Хлебные крошки», данные организации, список элементов и контент, который реально видит пользователь. Товарные цены лучше размечать на карточках товаров.
Чем категория отличается от агрегатора?
Агрегатор сравнивает предложения одного и того же товара у разных продавцов. Категория показывает разные товары внутри раздела магазина.
Как проверить микроразметку сайта: валидаторы Schema.org, Яндекса и Google
Проверить правильность разметки можно с помощью валидатора микроразметки Яндекса, Rich Results Test от Google и Schema Markup Validator. Ошибки и предупреждения по расширенным результатам смотрите в Google Search Console и Яндекс.Вебмастере.
Чтобы боты поисковиков добрались до разметки, не блокируйте им доступ к странице с помощью
robots.txt, метатега noindex или других способов.
Советуем установить микроразметку для страниц с товарами, чтобы поисковики лучше воспринимали контент, сниппет выглядел привлекательнее и улучшались поведенческие факторы. Разметку для категорий лучше не делать, чтобы не попасть под санкции поисковиков.
