Product Variants (Варианты товара)
Как управлять вариантами товара (размер, цвет) без дублирования страниц. Стратегия одного URL и правильная разметка Product Schema для вариантов.
Варианты товара — это разные SKU одного продукта (размер, цвет, объём). Правильная техническая стратегия (один URL с JS-переключением или отдельные страницы) и разметка предотвращают каннибализацию и улучшают индексацию.
Типы вариантов
Товар может варьироваться по нескольким характеристикам. Самые распространённые:
- Размер — S, M, L, XL.
- Цвет — красный, синий, чёрный.
- Объём — 50 мл, 100 мл, 200 мл.
- Материал — кожа, текстиль.
Стратегия URL для вариантов
Выбор между одним URL или отдельными страницами зависит от различий между вариантами.
Один URL с JS-переключением подходит, когда варианты отличаются только атрибутами (цвет, размер), но суть товара одна. Страница имеет неизменный URL, а переключение меняет цену, наличие, изображение через JavaScript без перезагрузки. Это предотвращает дублирование контента.
Отдельные URL нужны, когда варианты являются фактически разными товарами: iPhone 15 Pro 128GB vs 256GB (разные SKU, цены). Каждая страница получает свою Product Schema и уникальный канонический URL.
Разметка Product Schema для вариантов
Для страниц с одним URL варианты перечисляются в массиве offers. Пример для футболки с размерами:
{
"@type": "Product",
"name": "Футболка Nike",
"offers": [
{
"@type": "Offer",
"sku": "NIKE-S-RED",
"price": "1990",
"size": "S",
"color": "Красный"
},
{
"@type": "Offer",
"sku": "NIKE-M-RED",
"price": "1990",
"size": "M",
"color": "Красный"
}
]
}Частые вопросы
Обсудим ваш проект?
Расскажите о целях и сайте — предложу формат работы и следующий шаг.