Карточка товара, которая продаёт: разбор всех элементов

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

Задача карточки: снять сомнения

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

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

Порядок блоков на странице

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

Заголовок и артикул

Название товара

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

Артикул и код

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

Фотографии и видео

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

Что должно быть в галерее

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

Технические моменты

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

Цена, наличие и условия

Цена

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

Наличие

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

Доставка и оплата

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

Выбор параметров и кнопка покупки

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

Кнопка «Купить» или «В корзину» — главный элемент действия. Она должна быть контрастной, достаточно крупной и расположенной рядом с ценой. Не стоит делать несколько одинаково выделенных кнопок, которые конкурируют друг с другом: основное действие одно, остальные («в избранное», «сравнить», «задать вопрос») — второстепенные. Для частых покупок хорошо работает кнопка «Купить в один клик» с минимумом полей. Закрепление панели покупки при прокрутке на мобильном экране нередко повышает конверсию, потому что кнопка всегда под рукой.

Описание товара

Структура описания

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

О пользе, а не о свойствах

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

Уникальность

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

Характеристики

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

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

Отзывы и доверие

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

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

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

Рекомендации и перекрёстные продажи

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

• Аналоги. Для товаров с высоким процентом отказов или нет в наличии.
• Сопутствующие товары. Чехол к телефону, батарейки к прибору, крепёж к полке.
• Комплекты. Набор по выгодной цене, если покупают вместе.
• Просмотренные ранее. Помогают вернуться к сравнению нескольких вариантов.

Не перегружайте страницу: две-три подборки по четыре-шесть товаров достаточно. Лишнее рассеивает внимание и отвлекает от покупки текущего товара.

Мобильная версия и скорость

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

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

Поисковая оптимизация карточки

Что важно настроить

• Уникальный заголовок страницы с названием товара и ключевой особенностью
• Описание для поисковой выдачи, которое побуждает перейти на сайт
• Понятный адрес страницы без лишних символов
• Микроразметка товара: цена, наличие, оценка — для расширенного сниппета в поиске
• Тексты описания изображений
• Хлебные крошки с переходом в категорию
• Корректное поведение для товаров, снятых с продажи: перенаправление на аналог или категорию

Для вариантов товара (цвета, размеры) заранее решите, будет ли это одна карточка с выбором или несколько отдельных. Одна страница накапливает вес и проще в управлении; отдельные страницы выгодны, если по каждому варианту есть самостоятельный поисковый спрос.

Как проверить, что карточка работает

Типичные ошибки

Одна фотография и два предложения описания

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

Скрытая или спорная стоимость

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

Слишком много отвлекающих элементов

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

Разные стандарты в каталоге

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

Частые вопросы

Итог

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