Посетитель открыл карточку товара — значит, половину пути он уже прошёл: нашёл вас через поиск или каталог и заинтересовался предложением. Дальше всё решают считанные секунды: найдёт ли он ответы на вопросы о товаре, цене и доставке, не столкнётся ли с мелкими раздражителями, которые заставят его вернуться в выдачу к конкурентам. В этой статье разбираем, из чего состоит карточка, которая продаёт, и какие ошибки чаще всего её убивают.
Базовая структура: за что отвечает каждый элемент
Продающая карточка — не красивая обёртка, а система, где каждый блок закрывает конкретное возражение покупателя.- Медиагалерея — отвечает на вопрос «как это выглядит в жизни» и снимает сомнения в качестве.
- Название и цена — дают мгновенную идентификацию товара и главный аргумент «за» или «против».
- Блок покупки — наличие, срок и стоимость доставки, кнопка: закрывают вопрос «когда я это получу».
- Характеристики — позволяют сравнить товар с аналогами и убедиться, что он подходит под задачу.
- Отзывы и рейтинг — социальное доказательство: «другие уже купили и довольны».
- Перекрёстные блоки — «похожие товары» и «с этим покупают»: не дают пути покупателя оборваться в тупик.
Фотографии и видео: визуальный ответ на все вопросы
Минимальный набор — 8–10 изображений: первое фото на нейтральном фоне, дальше ракурсы, крупные планы материалов, товар в интерьере или на модели, комплектация. Для зума делайте изображения от 1000–1200 пикселей по меньшей стороне — покупатель должен рассмотреть текстуру ткани или разъёмы без «мыла». Подписывайте кадры («Вид сзади», «Комплектация», «Размерная сетка»): так галерея превращается из набора картинок в мини-инструкцию. Добавьте видео на 15–30 секунд или 360°-обзор — для техники, мебели и одежды это заметно снижает количество возвратов. И показывайте габариты наглядно, рядом с понятным ориентиром (дверной проём, рука, ноутбук): цифры «200 × 60 × 65 см» большинство людей не умеет переводить в пространство.Характеристики: таблица вместо простыни текста
Характеристики оформляйте таблицей «параметр — значение», а не сплошным текстом и не картинкой: таблица индексируется поиском, легко сканируется глазами и сравнивается. Три–пять ключевых параметров, по которым выбирают в вашей категории, дублируйте сверху рядом с ценой — не заставляйте листать до середины страницы. Убедитесь, что характеристики заведены в поля и попадают в фильтры каталога: если человек ищет «ноутбук с 16 ГБ оперативной памяти», а объём памяти не размечен, товар он просто не найдёт. Название стройте по формуле «категория + бренд + модель + ключевая особенность»: «Смартфон Samsung Galaxy A55 128 ГБ, синий». Наконец, подключите микроразметку Schema.org (Product, Offer, AggregateRating): она выводит цену и звёзды прямо в сниппет поисковой выдачи и приводит трафик по запросам вида «модель + характеристика».Цена и блок покупки: ноль сюрпризов до корзины
Цена — самый просматриваемый элемент карточки. Покажите её крупно, рядом — зачёркнутую старую цену и размер экономии в рублях или процентах, а для фасованных товаров укажите цену за единицу веса или объёма. Если предлагаете рассрочку или оплату частями, выводите расчёт платежа прямо в карточке: «от 2 490 ₽/мес» воспринимается легче, чем полная сумма. Обязательно укажите наличие, срок и стоимость доставки с учётом города покупателя и доступные способы оплаты. Главное правило — никаких сюрпризов на следующем шаге: каждое условие, которое «всплывает» в корзине (платная доставка, товар под заказ три недели), с высокой вероятностью обернётся брошенной корзиной.Кнопка покупки: одна главная, остальные — вторичные
На карточке должна быть одна заметная главная кнопка — «В корзину» или «Купить». Дайте ей контрастный цвет, крупную область клика и не разбавляйте внимание несколькими равнозначными призывами. Вторичные действия выстраивайте иерархией: «Купить в 1 клик» (особенно важно на мобильных), «Сравнить», «В избранное», а для отсутствующих позиций — «Уведомить о поступлении» вместо неактивной кнопки. Разрешайте оформление заказа без регистрации: обязательная регистрация отсеивает заметную часть покупателей, которые не хотят придумывать пароль. На смартфонах добавьте липкую панель внизу экрана с ценой и кнопкой — ключевые действия должны оставаться в зоне большого пальца при любой прокрутке.Отзывы, рейтинг и вопросы: доверие на автопилоте
Рейтинг и отзывы — самый дешёвый способ снять недоверие. Выведите среднюю оценку и количество отзывов рядом с названием и ценой, а через микроразметку получите звёзды в поисковой выдаче. Собирайте отзывы системно: автоматические письма или push через 7–14 дней после получения заказа, бонус за отзыв с фото. Обязательно отвечайте на отзывы, включая негативные, в течение суток — спокойно и по делу: будущие покупатели читают именно ответы магазина. Добавьте блок «Вопросы и ответы» — он закрывает возражения, которые не поместились в характеристики. Бонус: живые отзывы с упоминанием модели и сценариев использования — это дополнительный контент, который приводит из поиска людей с тёплым спросом.Семь ошибок, которые убивают конверсию карточки
Эти проблемы мы видим в большинстве аудитов интернет-магазинов, и почти каждая исправляется без переделки всего сайта.- Одна фотография низкого качества или «фото от поставщика», которое используют ещё пять конкурентов.
- Характеристики сплошным текстом или картинкой — их нельзя быстро просканировать, а поисковик не индексирует.
- Неизвестные стоимость и срок доставки до шага оформления заказа.
- Кнопка покупки, которая сливается с дизайном или требует обязательной регистрации.
- Ноль отзывов и ответов на вопросы — покупатель идёт проверять вас на сторонних сайтах и там же уходит к конкурентам.
- Вёрстка без адаптива, хотя большинство трафика в e-commerce приходит со смартфонов.
- Тупик без блока «похожие товары» и «с этим покупают»: кому товар не подошёл, тому не за что зацепиться, — и он просто закрывает сайт.
Экспресс-аудит карточки за 15 минут
Пройдите по своему магазину глазами покупателя — этого достаточно, чтобы найти основные утечки.- Откройте 10 самых посещаемых карточек на смартфоне: всё ли читается, куда «уезжает» кнопка покупки при прокрутке?
- Задайте пять вопросов покупателя: что это, чем лучше аналогов, сколько стоит, когда доставят, что делать, если не подойдёт. Где карточка не отвечает — там утечка.
- Проверьте зум фотографий, наличие видео и подписей к кадрам.
- Пройдите путь до корзины как гость, без регистрации, и посмотрите, не изменились ли цена и условия доставки.
- Убедитесь, что ключевые характеристики заведены в поля и фильтры каталога по ним работают.
- Замерьте скорость загрузки на мобильном интернете: основной контент карточки должен появляться быстрее 2,5 секунды. Каждый пункт с ответом «нет» — конкретная задача для доработки с измеримым эффектом.