Обзор для владельцев e-commerce: как разметить карточки товара, рейтинг, хлебные крошки и данные об организации, чтобы улучшить видимость и кликабельность сниппетов в поиске.
Что такое микроразметка и зачем она нужна
Микроразметка (семантическая разметка) — это структурированные данные (чаще всего schema.org), которые вы добавляете на страницы, чтобы поисковые системы точнее понимали содержимое: где у вас товар, его цена, наличие, рейтинг, хлебные крошки и т.д. Поисковики используют эти данные для формирования расширенных сниппетов (rich results) — более заметных и информативных карточек в выдаче.
Основные виды микроразметки для интернет-магазина
Словарь Schema.org – наиболее популярный стандарт семантической разметки, поддерживаемый Google и Яндекс (и другими поисковиками). В этом словаре определены сотни типов сущностей (товар, организация, отзыв и т.д.) и их свойств (например, у товара есть свойства цена, бренд, наличие; у организации – адрес, телефон и т.п.). В коде HTML такие сущности обозначаются специальными атрибутами: itemscope (обозначает, что фрагмент HTML содержит микроразметку), itemtype (задает тип сущности из словаря Schema.org) и itemprop (определяет конкретное свойство этой сущности).
Product + Offer
Разметка карточки товара и торгового предложения: название, описание, изображения, бренд, цена (price), валюта (priceCurrency), наличие (availability), оплата и доставка.
AggregateRating / Review
Агрегированный рейтинг и отзывы покупателей — источник «звёзд» в Google. В Яндексе звёзды в сниппете формируются из данных экосистемы (Маркет/Справочник), а не с вашей разметки.
BreadcrumbList
Хлебные крошки для отображения пути: Главная → Категория → Товар. Улучшают навигацию и сниппет.
Organization
Данные о компании: название, логотип, контакты, адрес, время работы. Полезно для понимания бренда и карточек организации.
Примеры
1. Товар (Product + Offer), JSON-LD
Разметка товара (Product + Offer) - Страница с карточкой товара – ключевой кандидат для внедрения микроразметки. С помощью схемы Product можно обозначить на странице название товара, его описание, изображения и бренд. Внутри нее вкладывается схема Offer (или AggregateOffer), содержащая цену товара, валюту, наличие и другие параметры торгового предложения.
При внедрении Product-разметки важно указать обязательные свойства, без которых поисковики не смогут сформировать расширенный сниппет. Яндекс, например, требует: название (name), информацию о продавце/бренде (brand), изображение (image), цену (price или диапазон lowPrice), валюту (priceCurrency) и доступность товара (availability). В Google похожие требования – нужны как минимум название, цена, валюта, наличие и т.д. для отображения результата в виде Product-snippet.
Ниже приведен пример микроразметки карточки товара в формате JSON-LD (скрипт с данными Schema.org). Здесь описан товар с основными свойствами, включая вложенный объект предложения и агрегированный рейтинг на основе отзывов:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Смарт-часы WS24 Pro Watch",
"image": [
"https://example.com/images/ws24-watch-front.jpg",
"https://example.com/images/ws24-watch-side.jpg"
],
"description": "Лёгкие смарт-часы с пульсометром и NFC.",
"sku": "WS24W-001",
"brand": { "@type": "Brand", "name": "WS24" },
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.7",
"reviewCount": "132"
},
"offers": {
"@type": "Offer",
"url": "https://example.com/product/ws24-watch",
"priceCurrency": "RUB",
"price": "12990",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition"
}
}
</script>В этом JSON-LD блоке мы указали все ключевые данные: название товара, изображение, описание, бренд, рейтинг 4,8 из 5 на основе 15 отзывов, а также блок offers с ценой (24990 RUB) и статусом наличия. Такой код можно разместить в конце HTML-страницы. Он не отображается на самой странице для пользователей, но считывается поисковыми ботами.
