Карточка товара в интернет-магазине: что реально влияет на конверсию

Покупатель не читает карточку — он ищет в ней ответы

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

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

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

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

<offer id="123" available="true">
  <url>https://example.ru/catalog/item-123/</url>
  <price>45900</price>
  <currencyId>RUR</currencyId>
  <categoryId>12</categoryId>
  <name>Название товара и ключевой параметр</name>
</offer>

Фотографии дают больше, чем любое описание

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

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

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

Техническая сторона тут не менее важна. Тяжёлая галерея убивает скорость на мобильном интернете, а вместе с ней и часть заказов. Что стоит сделать всегда: отдавать современные форматы вроде webp или avif, резать изображения под реальный размер контейнера, включать отложенную загрузку для всех кадров кроме первого, первому явно задавать приоритет и фиксировать пропорции контейнера, чтобы вёрстка не прыгала, пока картинки подгружаются.

Зум и видео добавляют пользу выборочно. Увеличение оправдано там, где решают фактура и мелкие детали. Видео помогает показать сборку, габариты или работу устройства, но его место — после галереи, без автозапуска со звуком и без замены статичных фото. И отдельная просьба к контент-менеджерам: осмысленные подписи и alt у изображений — это и доступность, и трафик из поиска по картинкам, который в товарных нишах бывает заметным.

Наличие и доставка: цифры нужны до корзины

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

Стоимость доставки должна быть видна до того, как человек начал оформлять заказ. Схема «узнаете в корзине после ввода адреса» стабильно теряет часть покупателей: люди достаточно на этом обжигались, чтобы не рисковать. Даже когда логистика сложная и точная сумма считается по адресу, в карточке можно показать вилку и условия — от какой суммы бесплатно, сколько стоит подъём на этаж, есть ли самовывоз. Диапазон честнее и работает лучше, чем молчание.

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

И главное: данные о наличии должны подтягиваться из учётной системы автоматически, а не обновляться руками раз в неделю. Выглядит как техническая задача, но она напрямую конверсионная. Расхождение остатков даёт отмены, звонки «извините, закончилось» и потерю доверия, которая дороже одной сделки. Если товара нет, честнее написать срок поставки и дать кнопку «сообщить о поступлении», чем прятать позицию или оставлять её кликабельной без единого пояснения.

Отзывы и характеристики: что ищут, а что просто занимает место

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

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

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

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

Формулировки тоже стоит перевести на человеческий язык. Не «класс энергоэффективности», а строка с расшифровкой, что это значит по счетам за месяц. Не «глубина 600», а «глубина 60 см — встаёт в стандартную нишу». Единицы измерения, поясняющие подписи, короткое сравнение с соседними моделями — это те мелочи, которые снимают сомнение прямо на месте, вместо того чтобы отправлять человека искать ответ на стороне, откуда он вернётся не всегда.

Что убрать с карточки и почему «купить в один клик» помогает не всем

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

К этому же списку относится избыток скриптов. В обычном магазине на карточке живут чат, обратный звонок, отзывы, рекомендации, пара счётчиков и несколько маркетинговых пикселей — и каждый тянет свои файлы. На быстром интернете это незаметно, на мобильном страница ощутимо тормозит, а тормоза съедают часть заказов ещё до того, как человек увидел первое фото. Ревизия виджетов раз в полгода — скучная процедура, но одна из самых окупаемых.

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

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