Карточка товара: что влияет на конверсию

Пользователь прошёл каталог, кликнул на товар — и здесь решается, будет ли заказ. Карточка товара в интернет-магазине — не «красивая страница с фото», а интерфейс снятия возражений: цена, наличие, доставка, доверие, следующий шаг в корзину. Разберём, что влияет на конверсию карточки и какие метрики смотреть после запуска.

Контекст: интернет-магазин под ключ, этапы запуска — в статье магазин с нуля, навигация по ассортименту — каталог, фильтры и поиск.

Зачем отдельно оптимизировать карточку

В воронке e-commerce карточка — узкое место между интересом и корзиной. Типичные потери:

• непонятные варианты (размер, цвет) и цена не обновляется;
• мало фото, нет масштаба и деталей;
• нет информации о доставке и возврате;
• кнопка «В корзину» теряется на мобильном;
• «нет в наличии» без альтернативы или подписки.

Трафик на карточку из рекламы дороже каталога. Одна слабая карточка хита продаж бьёт по ROI сильнее, чем средний дизайн главной.

Первый экран карточки: галерея, цена, CTA

На десктопе слева — галерея, справа — покупка. На мобильном — галерея, затем цена и липкая кнопка «В корзину» / «Купить».

Галерея

• минимум 4–6 фото для одежды и товаров «на ощупь»;
• зум, свайп, видео обзор для дорогих позиций;
• единый стиль фона, реальный продукт, не только рендер;
• фото варианта при выборе цвета.

Цена и наличие

Текущая цена, старая при скидке, экономия в рублях или процентах. Остаток: «в наличии», «осталось 3 шт.», «под заказ 5–7 дней» — честно. Скрытые доплаты на следующем шаге убивают повторные покупки.

Кнопка действия

Один главный акцент: «В корзину» или «Купить в 1 клик» для повторяющихся клиентов. Вторично — «В избранное», «Сравнить». На мобильном — sticky CTA после скролла галереи.

Варианты товара и характеристики

Для SKU с модификациями:

• выбор размера/цвета с подсветкой недоступных комбинаций;
• мгновенное обновление цены, артикула, фото;
• размерная сетка в модалке для одежды и обуви;
• таблица характеристик: не простыня, а группы (габариты, материал, совместимость).

Описание — для людей: сценарии использования, не копипаст с оптового прайса. Для техники и B2B — PDF инструкция, сертификаты, паспорт.

Доверие на карточке

Блоки, которые снижают страх покупки:

• доставка и оплата кратко (ссылка на полные условия);
• возврат и обмен в 2–3 предложениях;
• отзывы с рейтингом, фото от покупателей;
• гарантия, сервис, контакты поддержки;
• бейджи «оригинал», «официальный дилер» — только при доказуемости.

Для дорогих товаров — чат, callback, «задать вопрос» без ухода с карточки. Для импульсных — минимум трения, гостевой checkout после корзины.

Cross-sell и внутренняя перелинковка

«С этим покупают», «похожие товары», «аксессуары» — увеличивают средний чек, но не должны затмевать основной CTA. Размещайте ниже описания, не над кнопкой покупки.

Хлебные крошки и ссылка на категорию помогают вернуться к выбору без «Назад» в браузере. Это снижает отказы на сложных каталогах — см. каталог и фильтры.

SEO и микроразметка без ущерба UX

Уникальный title и description под запрос «купить [товар]». Schema Product: цена, availability, sku, brand. Человекочитаемый URL. Дубли карточек с разными URL на один SKU — отдельная техническая задача (каноникал, склейка вариантов).

SEO-текст в подвале карточки уместен, если не выталкивает характеристики и CTA выше сгиба на мобильном.

Метрики: как понять, что карточка слабая

В Яндекс Метрике и отчётах магазина:

• добавление в корзину / просмотры карточки (cart rate);
• отказы на карточке vs каталог;
• время на странице и глубина скролла (карта);
• выход после просмотра без корзины;
• конверсия в заказ по топ-SKU.

Если cart rate низкий при нормальном трафике на карточку — смотрите фото, цену, варианты и мобильную кнопку. Если cart rate высокий, а заказов мало — проблема в корзине, доставке или оплате.

Чек-лист карточки перед рекламой

• Галерея и варианты работают на мобильном.
• Цена и остаток обновляются при выборе SKU.
• Sticky CTA, тест «в корзину» с телефона.
• Доставка, возврат, отзывы видны без 10 кликов.
• Cross-sell не перекрывает покупку.
• Цель «добавление в корзину» в Метрике.

Запускаете или перезапускаете интернет-магазин — описание услуги и этапы в статье про магазин с нуля. Нужен аудит воронки или доработка карточек — аудит сайта, вопросы — контакты.