Структура карточки товара — фиксированный порядок блоков на странице: фото и видео, заголовок с артикулом, цена и наличие, характеристики, описание, кнопка «Купить», отзывы. От порядка и содержания каждого блока зависит, останется покупатель на странице или закроет вкладку в первые секунды: карточка отвечает на вопросы «что это», «сколько стоит» и «есть ли в наличии» без прокрутки.
Что входит в карточку товара: обязательные элементы
Карточка держится на семи блоках: фото и видео, заголовок с артикулом, цена и статус наличия, характеристики, описание, кнопка «Купить» с условиями доставки, отзывы и вопросы покупателей. Каждый блок закрывает свой вопрос покупателя, и порядок на странице повторяет порядок его мыслей — сначала смотрят, потом читают цену, потом ищут причины поверить продавцу.
Логика одна для любой платформы: сначала визуальный ряд, потом факты — цена, наличие, характеристики, потом текст, который снимает сомнения, и в конце — социальное доказательство. Уберите любой блок из середины цепочки — и читатель застревает: без цены не поймёт, стоит ли листать дальше, без характеристик — не сравнит с аналогом на соседней вкладке, без отзывов — не убедится, что товар вообще покупают. В разборе типичных ошибок интернет-магазина урезанная карточка — в числе причин, по которым посетитель уходит, не оформив заказ.
Карточка товара — это не список фактов о товаре, а ответ на вопросы, которые покупатель задаёт в конкретном порядке.
| Блок карточки | Что показывает | Где размещать |
|---|---|---|
| Фото и видео | внешний вид, детали, использование | верх страницы |
| Заголовок и артикул | что за товар, как найти его повторно | над фото или сразу под ним |
| Цена и наличие | сколько стоит, есть ли на складе | рядом с кнопкой «Купить» |
| Характеристики | размер, материал, вес, срок службы | таблица под описанием |
| Описание | зачем нужен товар, чем отличается от аналогов | под характеристиками |
| Кнопка «Купить» и доставка | как оформить заказ, сколько ждать | закреплена у цены |
| Отзывы и вопросы | подтверждение от других покупателей | нижняя часть страницы |
Заголовок и артикул: как назвать товар, чтобы его находили
Заголовок решает две задачи сразу: по нему находят товар через поиск на сайте и в Яндексе, и по нему покупатель за секунду понимает, тот ли это товар. Рабочая формула — тип товара, модель или ключевая характеристика, бренд: «Кроссовки беговые Nike Air Zoom, размер 42». Общие слова вроде «стильные» или «удобные» место в заголовке не занимают — их не вводят в поисковую строку.
Артикул рядом с заголовком не для покупателя, который забудет его через секунду, а для связи с учётной системой: по нему кладовщик найдёт товар на складе, а поддержка — историю заказа, если покупатель напишет «у меня не работает вот эта штука, артикул 4521». В магазине с сотнями позиций артикул на карточке экономит время на каждое обращение — но выносить его крупным шрифтом не нужно: мелкая подпись под заголовком или у цены полностью выполняет свою роль. Дублирующиеся заголовки у разных товаров путают и покупателя, и поиск: каждая карточка должна отличаться названием хотя бы по модели или размеру.
Фото товара: сколько снимков и в каких ракурсах
Минимум для карточки — четыре-шесть фотографий: товар анфас на нейтральном фоне, товар под углом, деталь крупным планом и товар в использовании — на человеке, на столе, в интерьере. Для одежды и обуви добавляют ракурсы с разных сторон и фото на модели: без этого чаще возвращают заказ — просто не сошёлся размер или цвет с тем, что представлял покупатель на экране.
Фон и свет у всех фото карточки держат одинаковыми — вперемешку студийная съёмка и снимок с телефона на складе выглядят как две разные карточки, и это подрывает доверие быстрее, чем невысокое разрешение одного кадра. Похожую проблему мы разбирали в статье про ошибки веб-дизайна, которые убивают продажи: визуальный разнобой считывается на уровне ощущения, даже если покупатель не может объяснить, что именно не так. Пример последовательной съёмки каталога — в портфолио интернет-магазина «Дом обуви»: один ракурс, один фон, один свет на сотнях карточек подряд.
Фото на карточке товара — это не иллюстрация к тексту, а единственный способ «потрогать» товар до покупки.
Видео товара: когда оно нужно, а когда без него можно обойтись
Видео оправдано там, где фото не передаёт главное: как складывается механизм, как сидит одежда в движении, какой звук у прибора, какой масштаб у крупногабаритного товара. Для простых позиций — канцелярия, расходники, товар в стандартной упаковке — видео не добавляет решающей информации, и время разумнее потратить на текст и характеристики.
Ролик на 15–40 секунд закрывает задачу лучше, чем пятиминутный обзор: покупатель на карточке товара не смотрит рекламу, он ищет ответ на конкретный вопрос — как это выглядит в движении. Формат под мобильный экран (вертикальный или квадратный кадр), автозапуск без звука и субтитры для ключевых фраз — три условия, при которых видео действительно досматривают, а не пролистывают за секунду. Профессиональная студия для такой съёмки не обязательна: телефон на штативе и ровный свет дают результат, достаточный для карточки товара, если кадр стабилен и товар в фокусе от начала до конца.
Описание товара: как писать текст, который продаёт
Рабочее описание отвечает на вопрос «зачем мне это», а не пересказывает то, что уже видно на фото и в характеристиках. Структура из трёх абзацев подходит почти любой категории: для какой задачи и кому подходит товар, чем он отличается от похожих моделей на витрине, что входит в комплект и на что обратить внимание при выборе.
Одинаковый текст под товарами, которые отличаются только цветом или размером, поисковик читает как дубли и понижает в выдаче обе страницы сразу. Решение — общий блок, который держит суть товара, и отдельная строка под конкретный вариант: «размер 42 — ростовка на 0,5 больше стандартной». Объём в 600–1200 знаков закрывает большинство категорий: короче — читателю нечем подтвердить выбор, длиннее — до конца текста долистывают единицы. Более широкий разбор того, из каких страниц и текстов складывается работающий магазин, — в статье «Продажа из топора»: строим идеальный интернет-магазин.
Характеристики и таблица параметров
Характеристики закрывают рациональную часть решения: покупатель сверяет размер, материал, мощность, срок годности с тем, что ему нужно, и делает это глазами, построчно — поэтому характеристики оформляют таблицей, а не абзацем. Абзац с перечислением цифр читатель пролистывает, не сравнив ни одной пары значений между товарами.
Набор полей задаёт категория: для одежды — размер, состав ткани, посадка; для техники — мощность, габариты, гарантия; для мебели — материал, размеры в собранном виде, максимальная нагрузка. Единицы измерения и порядок строк держат одинаковыми внутри категории — если у одного дивана ширина указана в сантиметрах, а у соседнего в тексте, покупатель не сравнит их за один взгляд и уйдёт сравнивать на другой сайт, где это уже сделали за него.
Характеристики читают не как текст, а как таблицу для сравнения — даже если визуально это не таблица, в голове покупателя она всё равно строится.
Цена, наличие и варианты: размер, цвет, комплектация
Цена и статус наличия стоят рядом с кнопкой «Купить», иначе покупатель успевает потерять интерес, пока ищет ответ на самый простой вопрос. Три статуса покрывают почти все ситуации: «в наличии» с указанием склада или срока отгрузки, «под заказ» с честным сроком поставки, «нет в наличии» с формой «сообщить о поступлении» — последнее удерживает часть спроса, который иначе ушёл бы к конкуренту.
| Статус | Что писать под ним |
|---|---|
| В наличии | склад или город, срок отгрузки сегодня-завтра |
| Под заказ | реальный срок поставки в днях, без округления «в меньшую сторону» |
| Нет в наличии | форма «сообщить о поступлении» вместо пустой карточки |
Когда у товара десятки вариантов размера и цвета, актуальность остатков на карточке держит не редактор вручную, а синхронизация с учётной системой: 1С отдаёт на сайт остаток по каждому SKU, и карточка сама переключает статус, когда склад обнуляется. У решений вроде 1С-Битрикс: Интернет-магазин + CRM эта связка настроена из коробки, и карточка не врёт покупателю про наличие товара, которого на складе уже нет.
Кнопка «Купить», доставка и элементы доверия
Кнопка «Купить» работает, когда рядом с ней покупатель видит ответы на последние сомнения: срок и стоимость доставки, способы оплаты, условия возврата. Если это приходится искать на отдельной странице через два клика, часть покупателей закроет вкладку — решение о покупке принимается в моменте, а не после похода по разделам сайта.
Для длинной карточки (с подробным описанием и характеристиками) кнопку закрепляют на экране при прокрутке — покупатель дочитал до отзывов, но кнопка всё ещё под рукой. Иконки способов оплаты и значок гарантии рядом с кнопкой работают, только если они честные: значок «оплата картой», когда на деле принимают один способ, скорее раздражает на этапе оформления заказа, чем помогает.
Рядом с кнопкой «Купить» — только то, что снимает последнее сомнение. Всё остальное отвлекает от решения, которое покупатель и так готов принять.
Отзывы и вопросы под карточкой
Отзывы работают как последнее подтверждение перед оплатой: карточка описывает товар от лица продавца, а отзыв — от лица человека, которому нечего продавать. Блок вопросов и ответов рядом закрывает то, что не поместилось в характеристики — сочетаемость с другими товарами, реальный размер против размерной сетки, нюансы использования.
Отрицательные оценки на карточке не редкость, а норма — важнее, как на них отвечает магазин: конкретно, без оправданий, с решением проблемы, если она была. Пустая карточка без единого отзыва работает хуже карточки с парой троек и понятным ответом продавца под ними.
Часто просят убрать с карточки товара низкие оценки, чтобы страница смотрелась чище. Это ошибка: карточка вообще без отрицательных отзывов читается как накрученная, и доверия к ней меньше, чем к странице с парой троек и адекватным ответом магазина под ними. Спорный отзыв с внятной реакцией продавца конвертирует лучше, чем стерильная витрина без единого минуса. — Алексей Колесников, UX-дизайнер студии «ЦЕМЕС»
Чек-лист: что подготовить перед запуском карточек товара
Прежде чем загружать карточки в каталог, стоит свести материал по каждому товару в одном месте — это экономит правки после запуска. Ниже — минимальный набор, без которого карточка выйдет неполной.
- Фото по единому стандарту — не меньше четырёх ракурсов на нейтральном фоне, снятых в одном свете, чтобы карточки не выбивались друг из друга в каталоге.
- Артикулы и остатки из учётной системы — выгрузка из 1С или CRM, а не ручной ввод: при сотнях позиций ручные цифры расходятся с реальным складом за первую же неделю.
- Единый набор характеристик по категории — одинаковые поля и единицы измерения для всех товаров одной категории, иначе их не сравнить между собой в каталоге.
- Уникальное описание на каждую модель — минимум отличий в 2–3 предложениях там, где товары повторяют друг друга по цвету или размеру.
- Правила по видео, если категория его требует — что снимать, сколько секунд, кто снимает: без правил ролики выйдут разного качества и собьют единый стиль карточек.
- Условия доставки и возврата по регионам — сроки и стоимость, чтобы не писать их вручную под каждой карточкой отдельно.
- Ответственный за карточки после запуска — штатный сотрудник, фрилансер или студия: при сотнях SKU процесс без ответственного останавливается на второй сотне товаров. Если каталог планируете собирать своими силами, разбор трёх вариантов есть в статье как создать интернет-магазин самому.
Источники
- Product — schema.org
- Structured data for Product — Google Search Central
- Google Images best practices — Google Search Central
