Главная / СайтыСайты

Карточка товара: что показать, чтобы покупатель смог выбрать

Цена и фотография — только начало. Разбираем варианты, наличие, доставку и вопросы перед покупкой.

Коротко

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

Бумажный светильник на подставке рядом с карточкой вариантов и кнопкой покупки.
Редакционная иллюстрация OBSION.

Опишите решение, которое принимает покупатель

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

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

Покажите предмет в понятном масштабе

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

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

Четыре решения в карточке товара. Подходит ли? — Размер, совместимость, комплект; Какой вариант? — Цвет, материал, фото и наличие; Во сколько обойдётся? — Цена, доставка и дополнительные условия; Как получить? — Способ заказа и подтверждение.
Четыре решения в карточке товара. Практическая схема OBSION.

Варианты должны менять связанные данные

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

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

Условия покупки не прячьте за корзиной

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

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

Проверка выбранного варианта. Карточка — Фото, цена, размер и доступность; Корзина — Полное название выбранного варианта; Оформление — Количество, доставка и итог; Заказ менеджера — Те же характеристики и комплект.
Проверка выбранного варианта. Практическая схема OBSION.

Доверие строится на конкретике

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

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

Проверьте карточку как рабочий инструмент

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

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

Сделайте для контент-менеджера образец заполненной карточки со всеми обязательными полями. В нём должны быть не идеальные короткие данные, а обычное длинное название, несколько вариантов и реальное условие доставки. Приложите правило проверки перед публикацией. Тогда новые товары будут сохранять качество информации, а редактор не станет каждый раз угадывать, какая характеристика важна. Этот образец полезно согласовать с человеком, который отвечает на вопросы покупателей.

Что проверить в своей задаче

  1. Показаны размер, комплект и ограничения использования товара.
  2. Для каждого варианта согласованы фото, цена и наличие.
  3. Понятны доставка, действие кнопки и следующий шаг.
  4. Корзина и заказ сохраняют выбранные характеристики.
  5. У данных каталога есть ответственный и порядок обновления.

Источники и документация

Проверены при подготовке материала 27 сентября 2026. Примеры в статье условные, если не указано другое.

Редакция OBSION

Практические материалы студии о сайтах, ботах и развитии цифровых продуктов.

Разборы на YouTube

Разобрать вашу ситуацию

Пришлите сайт или опишите идею. Начнём с бесплатного разбора.

Написать в OBSION ↗
← Все статьи блога
Начнём с разговора

Расскажите задачу.
Разберём по делу.

Не нужно готовить подробное ТЗ. Достаточно описать идею, проблему или прислать ссылку на текущий сайт.

Можно сразу в Telegram ↗Без менеджера между нами

Первый разбор бесплатный и ни к чему не обязывает.