SEO-оптимизация карточки товара в интернет-магазине: гайд

SEO-оптимизация карточки товара в интернет-магазине — это настройка страницы товара под запросы с моделью, брендом и характеристиками. Цель — чтобы Яндекс и Google показывали карточку в выдаче, а покупатель находил на ней всё для решения. Короткий ответ: правильная семантика, шаблоны title и H1, полные характеристики, микроразметка Product, корректная работа с наличием, дублями и закончившимися товарами. Статья для владельцев магазинов, маркетологов и SEO-специалистов, у которых в каталоге сотни и тысячи товаров.

Большинство материалов по теме пишут про маркетплейсы. Здесь — про карточки на собственном сайте: где у вас есть контроль над адресами, шаблонами, разметкой и перелинковкой, а значит, и ответственность за них.

Чем SEO карточки на сайте отличается от маркетплейса

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

Карточку в собственном магазине оценивают Яндекс и Google. Им важны релевантность страницы запросу, качество всего сайта, техническое состояние, ссылки и поведение посетителей. Зато вы управляете всем: адресом, заголовками, разметкой, внутренними ссылками, скоростью и тем, что происходит со страницей, когда товар закончился.

Общее у двух миров одно: карточка должна точно называть товар и полно описывать его. Ключевые слова, полные характеристики и хорошие фото работают и там, и там.

Семантика для карточек товара

Карточка собирает узкие запросы. Общие запросы вроде «купить беговые кроссовки» относятся к категории: человек ещё выбирает и хочет видеть список. На карточку ведут запросы, в которых товар уже назван.

Какие запросы ведут на карточку

Спрос на одну карточку обычно маленький: десятки показов в месяц, часто меньше. Но карточек тысячи, и вместе они дают заметную долю трафика магазина. Поэтому работают не с отдельными запросами, а с шаблонами, которые закрывают типовые формулировки сразу для всего каталога.

Где брать запросы

• Вордстат — по 20–30 самым популярным моделям каждой категории. Видно, как люди называют товар: с брендом или без, на латинице или кириллице, с какими уточнениями.
• Поисковые подсказки Яндекса и Google — дают реальные хвосты: «отзывы», «размерная сетка», «чем отличается от…», «инструкция».
• Отчёты по запросам в Яндекс Вебмастере и отчёт «Эффективность» в Google Search Console — по каким запросам карточки уже показываются, но получают мало кликов.
• Внутренний поиск магазина, если его запросы сохраняются. Покупатели пишут так же, как в Яндексе, и подсказывают синонимы.
• Товарный фид и база — артикулы, коды производителя, названия коллекций и линеек.
• Выдача по запросу с моделью — какие страницы в ТОПе, какие блоки и характеристики у них есть.

Как распределять запросы

Правило простое: один товар — одна страница под запросы с его названием. Если на запрос «модель + цвет» в выдаче стоят страницы конкретных цветов, а спрос есть, — варианту нужен свой URL. Если в выдаче общие карточки модели, цвета можно оставить переключателем на одной странице. Об этом подробнее в разделе про модификации.

Шаблоны title, description и H1 для тысяч товаров

Руками заполнить метатеги для каталога в 5 000 товаров нереально. Метатеги собирают по шаблону из полей товара: тип, бренд, модель, ключевая характеристика, цена, наличие. Для топовых товаров шаблон потом правят вручную.

Google прямо пишет, что для больших каталогов программная генерация description уместна и поощряется — см. справку о сниппетах. Важно, чтобы итог был разным для разных страниц и точно описывал конкретный товар.

Примеры шаблонов

Числа и обещания в примерах — условные. Подставляйте только то, что есть у вас: срок гарантии, условия доставки, регион.

Правила для шаблонов

• В начале — то, что различает товары. Модель и вариант должны поместиться в видимую часть заголовка. Яндекс отмечает, что длина заголовка в выдаче ограничена шириной экрана, длинные заголовки обрезаются.
• Только то, что есть на странице. В справке Яндекса о заголовках есть пример как раз про магазины: не стоит писать «описание, цены, характеристики, фото, отзывы», если отзывов на странице нет.
• Без повторов и перечислений ключей. Google в рекомендациях по title приводит пример: одинаковый заголовок «Cheap products for sale» на всех страницах магазина не помогает различить товары.
• Пустые поля не ломают текст. Если у товара нет цвета, шаблон не должен выдать «Кроссовки Asics , ,». Нужны условия: поле пустое — фрагмент пропускается.
• Регистр и единицы. «256 ГБ», а не «256gb»; «Санкт-Петербурге», а не «Санкт-Петербург» после «в».
• H1 и title похожи, но не обязаны совпадать. H1 называет товар для человека на странице, title — для выдачи, там уместны «купить», «цена», город.

Description на позиции почти не влияет, но влияет на клик. По справке Яндекса описание в сниппете может формироваться и из текста страницы, поэтому важен и сам текст карточки, а не только метатег.

Уникальные описания: для каких товаров их писать

Текст производителя стоит на десятках сайтов. Санкций за это нет, но и причины ставить вашу страницу выше остальных тоже нет. Уникальное описание — способ добавить то, чего нет у конкурентов: опыт применения, сравнение с соседними моделями, ответы на частые вопросы. Писать его для всех 5 000 товаров невыгодно, поэтому расставьте приоритеты.

Что делает описание полезным:

• Первым абзацем — что это и для кого: «Беговые кроссовки для людей с гиперпронацией, для длинных дистанций».
• Отличие от соседних моделей и предыдущей версии — по таким запросам часто ищут.
• Практика: как подобрать размер, как ухаживать, с чем совместим, что входит в комплект.
• Ответы на вопросы, которые задают менеджерам и в отзывах.
• Ключ — естественно, 1–2 раза в тексте. Отдельный «SEO-текст» для робота внизу страницы не нужен.

Нейросети ускоряют подготовку описаний для тысяч товаров. Но каждый факт — размеры, материалы, совместимость — сверяйте с данными поставщика. Ошибка в характеристике оборачивается возвратом и плохим отзывом.

Характеристики — таблицей, а не абзацем

Запросы с характеристиками — «холодильник 185 см no frost», «ламинат 8 мм 33 класс» — попадают на карточку, только если эти значения есть на странице текстом. Поэтому характеристики выводят полностью и в виде таблицы «свойство — значение».

• Таблица в HTML, а не картинка: текст на изображении поисковики индексируют плохо.
• Единые названия свойств и единицы по всему каталогу: «Вес, кг», а не то «Вес», то «Масса (г)».
• Главные 5–7 свойств — рядом с ценой, полный список — ниже или во вкладке. Вкладка должна быть в HTML страницы, а не подгружаться по клику.
• Те же свойства — основа фильтров каталога. Если свойство заполнено у половины товаров, фильтр по нему бесполезен.
• Артикул, код производителя, штрихкод — тоже текстом: по ним ищут профессиональные покупатели.

Фото, видео и атрибут alt

Фото продают товар, а для поиска дают трафик из картинок и элементы сниппета. Минимальный набор — несколько ракурсов, деталь, товар в использовании, масштаб относительно человека или предмета.

• Alt описывает, что на фото. Google использует alt вместе с компьютерным зрением и текстом страницы, чтобы понять изображение, и предупреждает, что набивка alt ключевыми словами выглядит как спам — см. рекомендации по изображениям.
• Разный alt для разных фото: «вид сбоку», «подошва», «на ноге», а не пять одинаковых.
• Имя файла — короткое и понятное: asics-gel-kayano-30-blue-side.jpg вместо IMG_0023.jpg.
• Изображения тегом img, а не фоном CSS: Google не индексирует картинки, заданные через CSS.
• Свои фото там, где это возможно. Фото производителя есть у всех конкурентов.
• Видео — обзор или распаковка на самой странице. Хорошо работает в нишах, где товар трудно понять по фото.

Отзывы и вопросы покупателей

Отзывы на карточке полезны трижды. Они снимают сомнения покупателя. Они добавляют на страницу уникальный текст с естественными формулировками: «маломерят», «шумит на отжиме». И дают рейтинг для разметки.

• Выводите отзывы текстом в HTML страницы, а не только во внешнем виджете, который грузится скриптом после загрузки.
• Просите отзыв после покупки: письмо или сообщение через 1–2 недели, когда товар уже в деле.
• Не удаляйте негативные отзывы. Отвечайте на них — ответ магазина читают больше, чем сам отзыв.
• Блок «Вопросы и ответы» собирает низкочастотные запросы: «подойдёт ли для…», «есть ли в комплекте…».
• Много отзывов на одной карточке — выводите первые 10–20, остальные на подстраницах или по кнопке без смены URL.

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

Микроразметка Product и Offer

Микроразметка Schema.org сообщает поисковику, что на странице товар, какая у него цена и есть ли он в наличии. Это даёт право на расширенный сниппет с ценой, наличием и рейтингом. Показ не гарантирован: и Яндекс, и Google оставляют решение за собой.

Что требует Google

В Google два вида товарных результатов. Product snippet — для страниц, где товар обсуждают, например обзоров. Merchant listing — для страниц, где товар можно купить. Карточка магазина относится ко второму виду, и по обзору Google заполненные свойства для merchant listing делают страницу пригодной и для product snippet.

Google также советует передавать данные о товарах и разметкой, и фидом в Merchant Center: так повышается шанс на товарные форматы выдачи.

Что пишет Яндекс

В справке Вебмастера «Информация о товарах» описана разметка Product с вложенным Offer или AggregateOffer. Для товара указывают название, цену, валюту и доступность для заказа, также описаны описание, бренд и изображение. Для расширенного товарного сниппета Яндекс использует данные робота и товарные фиды в формате YML. Если у магазина уже есть фид для Директа или Яндекс Товаров, подключите его и для поиска.

Пример разметки JSON-LD

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Кроссовки Asics Gel-Kayano 30",
  "image": ["https://shop.ru/i/k30-1.jpg"],
  "sku": "K30-BLU-42",
  "brand": {
    "@type": "Brand",
    "name": "Asics"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://shop.ru/p/k30/",
    "price": "15990",
    "priceCurrency": "RUB",
    "availability":
      "https://schema.org/InStock"
  }
}

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

На карточке пригодится и разметка хлебных крошек BreadcrumbList: она показывает путь к товару в сниппете и помогает поисковику понять структуру каталога.

Цена и наличие на карточке

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

• Цена видна сразу, без входа в личный кабинет и запроса менеджеру. «Цена по запросу» уместна только в B2B и для товаров под заказ.
• Цена и наличие — в HTML страницы, а не подгружаются скриптом через пару секунд.
• Старая и новая цена при скидке — обе видны, разметка содержит актуальную.
• Наличие честное и конкретное: «В наличии в Санкт-Петербурге, 12 шт.», «Под заказ, 5–7 дней», «Нет в наличии».
• Рядом — условия доставки, оплаты, возврата и гарантии. Краткой строкой и ссылкой на подробности.
• Если цены в разных регионах разные, выбор региона не должен создавать дубли URL.

Товар закончился: что делать с URL

Это одна из главных развилок SEO карточек в своём магазине. На маркетплейсе её решает площадка, на сайте — вы. Ошибка в любую сторону стоит трафика: удалили страницу с хорошими позициями — потеряли её; оставили сотни мёртвых карточек — засорили индекс и разочаровали посетителей.

Как решать по шагам:

1. Проверьте спрос на модель в Вордстате и трафик на URL за год в Метрике.
2. Посмотрите внешние ссылки на страницу в Вебмастере и Search Console.
3. Если товар вернётся — оставляйте 200 и меняйте статус наличия.
4. Если не вернётся, но есть трафик или ссылки — 301 на ближайшую замену или 200 с пометкой и ссылкой на неё.
5. Если ничего нет — 404 или 410, удалить из sitemap.xml и из блоков «Похожие товары».

По справке Google о переадресации постоянный 301-редирект — сильный сигнал, что новый адрес нужно показывать вместо старого. Яндекс в справке об удалении страниц перечисляет 404, 403 и 410, метатег noindex и 301-редирект как способы убрать страницу из поиска.

Модификации и дубли: цвета, размеры, canonical

Одна модель в пяти цветах и десяти размерах — это до 50 потенциальных страниц с почти одинаковым текстом. Если каждая доступна по своему адресу и ни одна не главная, поисковик сам выберет, какую показывать, и выбор может не совпасть с вашим.

Три рабочие схемы

Google описывает обе схемы в документации о вариантах товара: варианты на одной странице и варианты на разных страницах. Для связки используют тип ProductGroup со свойствами productGroupID, variesBy и hasVariant. Требование для обеих схем — каждый вариант можно открыть сразу выбранным по отдельному адресу, например через параметр в URL.

Откуда ещё берутся дубли карточек

• Товар в нескольких категориях с адресом, зависящим от пути: /obuv/beg/kayano-30/ и /asics/kayano-30/. Решение — один адрес товара без категории в пути или canonical на основной.
• Параметры отслеживания и сортировки: utm-метки, ?from=, ?sort=. Для Яндекса их убирают директивой Clean-param в robots.txt, для Google — canonical.
• Версии со слешем и без, с www и без, http и https — склеиваются 301-редиректом на одну версию.
• Быстрый просмотр и печатная версия со своими URL — закрываются от индексации или ведут canonical на карточку.
• Одинаковые карточки от разных поставщиков — один товар заводят дважды. Лечится дедупликацией в базе.

Атрибут rel="canonical" оба поисковика считают подсказкой, а не приказом. Яндекс в справке о каноническом адресе прямо пишет, что может проигнорировать указание, и не учитывает canonical на другой домен или поддомен. Google в руководстве по дублям перечисляет сигналы канонизации: редирект, canonical, sitemap.xml. Поэтому canonical должен подкрепляться внутренними ссылками на тот же адрес и его присутствием в sitemap.xml.

Перелинковка с карточки и на неё

Карточка в глубине каталога получает мало внутренних ссылок. Если до неё четыре-пять кликов от главной и на неё ссылается только страница 37 листинга, робот заходит туда редко. Перелинковка решает две задачи: ведёт робота к товарам и удерживает покупателя на сайте.

• Блоки «Похожие» и «С этим покупают» должны быть обычными ссылками в HTML, а не подгружаться скриптом после действий пользователя.
• Не выводите в них товары, которых нет в наличии, и удалённые страницы.
• Подборки похожих товаров считайте по характеристикам, а не случайно: ссылки должны быть полезны.
• Карточки новых товаров дайте из категорий и из блока «Новинки» на главной, пока они не набрали собственный трафик.

Как устроить внутреннюю структуру ссылок, sitemap.xml и robots.txt для каталога, разбираем в статье о внутренней и технической оптимизации.

Скорость карточки товара

Карточка — самая тяжёлая страница магазина: галерея, видео, отзывы, виджеты доставки, чат, рекомендации. Google оценивает её по Core Web Vitals: LCP — скорость отрисовки главного элемента, INP — отклик на действия, CLS — сдвиги макета. Хорошие значения — LCP до 2,5 секунды, INP до 200 миллисекунд, CLS до 0,1.

• Главное фото — без ленивой загрузки и с высоким приоритетом. Обычно это и есть LCP-элемент.
• Остальные фото галереи — с ленивой загрузкой, в WebP или AVIF, с размерами под экран через srcset.
• У изображений заданы ширина и высота: место под фото резервируется, и макет не прыгает.
• Виджеты отзывов, чата, рассрочки и доставки грузятся после основного контента.
• Кнопка «В корзину» реагирует сразу, без тяжёлых скриптов пересчёта на каждый клик.
• Данные о скорости по реальным пользователям смотрите в отчёте Core Web Vitals в Search Console и в PageSpeed Insights.

Частые ошибки в SEO карточек

1. Одинаковый title у всех вариантов — страницы цветов конкурируют друг с другом.
2. Шаблон с пустыми полями — «Кроссовки , купить в » в выдаче.
3. Характеристики картинкой или во вкладке, которая грузится скриптом — поисковик их не видит.
4. Переспам — «купить кроссовки Asics Kayano недорого в СПб» пять раз в описании.
5. Массовый 301 закончившихся товаров на главную — потеря страниц с позициями.
6. Цена в разметке не совпадает с ценой на странице — разметку пишут вручную, а цену меняет учётная система.
7. Ставка на мета-тег keywords, набитый десятками фраз. Google его не использует, а для Яндекса тег необязателен, и длинный список ключей там не нужен.
8. Карточки без внутренних ссылок — товар есть в sitemap.xml, но ни одна страница сайта на него не ссылается.

Чек-лист SEO-оптимизации карточки товара

Пройдите по нему на 10–20 типовых карточках разных категорий. Ошибки шаблона повторяются на всём каталоге.

• Адрес короткий, латиницей, без категории в пути или с canonical на основной.
• H1 называет тип, бренд, модель и вариант.
• Title уникальный, модель в начале, нет повторов и пустых полей.
• Description собран из реальных свойств товара и условий магазина.
• Цена и наличие видны сразу и есть в HTML.
• Характеристики — таблицей, полностью, с едиными названиями и единицами.
• У хитов и эксклюзивов — уникальное описание с пользой для покупателя.
• Несколько фото, у каждого свой осмысленный alt, файлы с понятными именами.
• Отзывы и вопросы выводятся текстом на странице.
• Разметка Product и Offer без ошибок в валидаторах, цена совпадает с видимой.
• Разметка хлебных крошек BreadcrumbList.
• Варианты: выбрана схема, каноническая страница одна для каждого набора дублей.
• Параметры сортировки и меток закрыты Clean-param и canonical.
• Закончившийся товар отдаёт 200 со статусом или осознанный 301/404 — по правилу, а не случайно.
• Блоки «Похожие», «С этим покупают», «Другие цвета» — обычными ссылками.
• Карточка доступна из категории не глубже 3–4 кликов от главной.
• Карточка есть в sitemap.xml, удалённые товары оттуда убраны.
• Core Web Vitals в зелёной зоне на мобильных.
• Мобильная версия: цена, кнопка покупки и главное фото на первом экране.

Если карточек тысячи, эти пункты проверяют сканером сайта и выгрузкой из Вебмастера и Search Console, а не вручную. Так видно, какие ошибки массовые и какой шаблон чинить первым.

Частые вопросы

Коротко

• Карточка собирает запросы с названием товара: бренд, модель, артикул, вариант, «купить», «отзывы».
• Title, description и H1 для каталога собирают шаблоном из полей товара, хиты дорабатывают вручную.
• Характеристики — полностью и таблицей, уникальные описания — для хитов, дорогих товаров и своих марок.
• Разметка Product и Offer генерируется из тех же данных, что и страница, и проверяется валидаторами.
• Закончившийся товар — это решение по правилу: 200, 301 или 404, а не массовый редирект на главную.
• Варианты и дубли закрываются схемой URL, canonical и Clean-param, а сила карточке приходит из перелинковки.

Еллоу Медиа с 2009 года продвигает интернет-магазины на WordPress, 1С-Битрикс, OpenCart и самописных движках: настраиваем шаблоны карточек, разметку и работу с каталогом. Подробнее — на странице SEO для интернет-магазина.