Карточка товара, которая продаёт

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

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

Разберём, из каких элементов состоит карточка, которая действительно помогает продавать, и в каком порядке их стоит улучшать, если ресурсы ограничены.

Что покупатель хочет понять за первые пять секунд

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

Поэтому верхняя часть карточки — без прокрутки, и на десктопе, и на телефоне — должна содержать:

• понятное название с ключевыми параметрами (модель, объём, цвет);
• главную фотографию крупно, с возможностью листать остальные;
• цену, а при наличии скидки — старую цену рядом;
• статус наличия: «в наличии», «под заказ, 5–7 дней», «осталось 2 шт.»;
• кнопку покупки, заметную и контрастную;
• краткую информацию о доставке: ближайший срок и стоимость или порог бесплатной доставки.

Мы часто видим карточки, где на мобильном первый экран целиком занят шапкой, хлебными крошками и баннером акции, а фото и цена начинаются только после прокрутки. Простая перестановка блоков в одном из проектов дала прирост добавлений в корзину на 18% за месяц без каких-либо других изменений.

Фотографии: главный аргумент онлайн-продажи

В интернете покупатель не может взять товар в руки. Фотографии заменяют ему и осмотр, и примерку, и консультацию продавца. Экономить на них — значит терять продажи там, где они почти состоялись.

Какие снимки нужны

1. Основное фото на светлом однородном фоне — для каталога и превью.
2. Ракурсы: сбоку, сзади, сверху, если это имеет значение.
3. Детали: фактура ткани, застёжка, разъёмы, маркировка.
4. Масштаб: товар в руке, рядом с привычным предметом или на человеке.
5. В использовании: интерьер, процесс, результат.
6. Комплектация: всё, что лежит в коробке.

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

Технические требования

Фото должны быть достаточно крупными для увеличения (от 1200 пикселей по длинной стороне), но при этом быстро загружаться. Используйте современные форматы вроде WebP, ленивую загрузку для всех изображений кроме первого и обязательно заполняйте атрибут alt — это помогает и доступности, и поиску по картинкам.

Название и описание: писать для человека, а не для робота

Название товара выполняет две задачи: помогает покупателю понять, что перед ним, и попасть в поисковую выдачу. Хорошая формула: тип товара + бренд + модель + ключевой параметр. Например, «Термокружка Stanley Classic 470 мл, зелёная» лучше, чем просто «Stanley Classic» или «Кружка зелёная».

С описанием сложнее. Текст поставщика, растиражированный на сотне сайтов, не даёт преимуществ ни в поиске, ни в глазах покупателя. Но и переписывать тысячу описаний «художественно» небольшому магазину не по силам. Компромисс — уникальные описания для 50–100 самых продаваемых и маржинальных позиций и аккуратный шаблон для остальных.

Хорошее описание отвечает на вопросы, которые покупатель задал бы консультанту:

• для кого и для каких задач подходит товар;
• чем отличается от похожих моделей в вашем же каталоге;
• какие есть ограничения — честно указанный минус повышает доверие;
• как ухаживать, хранить, использовать;
• что входит в комплект и что нужно докупить отдельно.

Характеристики в виде таблицы

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

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

Блок доверия: снять сомнения до звонка

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

Что работает лучше всего

• Отзывы покупателей с оценкой, датой публикации относительно текущего момента («2 недели назад») и, по возможности, фотографиями. Даже 3–5 настоящих отзывов лучше пустого блока.
• Условия возврата в одну строку: «Вернём деньги в течение 14 дней, если товар не подошёл».
• Способы оплаты с иконками, включая оплату при получении, если она есть.
• Гарантия и сертификаты — для техники, детских товаров, косметики.
• Контакт для вопросов: чат или мессенджер, а не только форма обратной связи.

Обратите внимание: отзывы нельзя выдумывать. Помимо репутационных рисков, это нарушение правил площадок и рекламного законодательства. Лучше настроить автоматическое письмо через 7–10 дней после доставки с просьбой оценить покупку. Отклик на такие письма обычно составляет 3–8%, и за пару месяцев отзывы появляются у ходовых товаров.

Кнопка покупки и выбор вариантов

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

Частые ошибки, которые мы исправляем в чужих магазинах:

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

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

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

Дополнительные продажи без навязчивости

Карточка — удобное место, чтобы увеличить средний чек. Но блоки рекомендаций должны помогать покупателю, а не отвлекать его от основной покупки.

Работают три типа подборок:

1. Аксессуары и расходники. К фотоаппарату — карта памяти и чехол, к кофемашине — фильтры и средство от накипи. Это то, что покупатель всё равно купит, и лучше у вас.
2. Альтернативы. Похожие товары дешевле или дороже — для тех, кого не устроила цена или параметр.
3. Комплекты. Набор из нескольких товаров со скидкой 5–10% — понятная выгода и рост чека.

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

SEO-составляющая карточки

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

Чтобы карточки хорошо индексировались, проверьте базовые вещи:

• уникальный title и description для каждой карточки, собранные по шаблону с подстановкой названия и ключевых параметров;
• человекопонятный адрес страницы, а не набор цифр;
• микроразметка Product с ценой, наличием и рейтингом — она даёт расширенный сниппет в выдаче;
• канонический адрес для товаров с вариантами, чтобы не плодить дубли;
• корректная обработка снятых с продажи товаров: не удалять страницу с ошибкой 404, а показывать статус «нет в наличии» и альтернативы.

Последний пункт особенно важен для сезонного ассортимента. Страница, которая накопила позиции в поиске за сезон, может снова пригодиться через полгода. Удалив её, вы теряете эти позиции навсегда.

С чего начать и что в итоге

Как улучшать карточки, если времени мало

Переработать сразу весь каталог небольшой команде не под силу. Правильнее идти от данных. Откройте Яндекс Метрику, найдите 20 карточек с наибольшим количеством посещений и посмотрите, какой процент посетителей добавляет товар в корзину. Карточки с высоким трафиком и низкой конверсией — первые кандидаты на доработку.

Для каждой из них пройдите короткий чек-лист: есть ли на первом экране цена, наличие и срок доставки, хватает ли фото, понятны ли характеристики, есть ли отзывы. Внесите изменения и подождите 2–3 недели, чтобы накопить статистику. По нашему опыту, доработка двадцати самых посещаемых карточек даёт больше эффекта, чем косметическое улучшение всех остальных вместе взятых.

Главное

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

Что стоит сделать в первую очередь:

• вынести цену, наличие, срок доставки и кнопку на первый экран мобильной версии;
• добавить минимум 4–5 фото к ходовым товарам, включая снимок для понимания масштаба;
• привести характеристики к единому формату по всему каталогу;
• настроить автоматический сбор отзывов после доставки;
• закрепить кнопку покупки внизу экрана на телефоне;
• начать доработку с карточек, у которых много посещений и мало добавлений в корзину.

Каждое такое улучшение кажется мелочью, но вместе они меняют конверсию магазина ощутимо — без увеличения рекламного бюджета.