Главная › Новости

Дизайн карточки товара: что на самом деле работает на маркетплейсах

Опубликовано: 04.06.2026

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

Структура карточки как воронка

Удобнее всего воспринимать карточку как последовательность этапов, через которые проходит человек. Каждый этап решает свою задачу и отсекает часть аудитории — это нормально. Цель не в том, чтобы удержать всех, а в том, чтобы довести до покупки тех, кому товар действительно подходит.

• Главное изображение — создаёт первое впечатление, отвечает на вопрос «что это?» и задаёт тон
• Дополнительные фото — раскрывают детали, масштаб, контекст использования
• Цена и рейтинг — моментально фильтруют по бюджету и социальному доказательству
• Название — подтверждает, что человек там, где нужно, и добавляет ключевые параметры
• Характеристики — закрывают технические вопросы без необходимости лезть в описание
• Описание — дорабатывает сомнения, добавляет эмоциональный слой, объясняет выгоды

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

Главное фото: семь секунд на решение

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

Что реально работает:

• Чистый фон (белый или светлый пастельный) без посторонних предметов
• Товар занимает 80–85% площади изображения — слишком мелкий объект теряется
• Угол съёмки, который сразу показывает суть: для обуви — лёгкий ракурс в три четверти, для электроники — фронтальный с лёгким наклоном
• Читаемый текст на самом фото, если он нужен: крупный, контрастный, не более двух-трёх слов

Что гарантированно мешает:

• Водяные знаки, перекрывающие товар
• Десятки иконок и бейджей по краям — визуальный шум убивает фокус
• Разные ракурсы на одном слайде (коллаж из четырёх фото вместо одного крупного)
• Фон с текстурой, узором или градиентом, сливающийся с контурами товара

Дополнительные слайды: логика порядка

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

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

Третий и четвёртый слайды — детали крупным планом: швы, текстура материала, кнопки, разъёмы, фактура поверхности. То, что доказывает качество и отличает товар от подделки или дешёвого аналога.

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

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

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

Название: между читаемостью и поиском

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

Хорошее название обычно строится по формуле: бренд + тип товара + главная характеристика + назначение или отличительная черта. Пример: «Кроссовки мужские беговые AirMax, лёгкие, с сетчатым верхом» вместо «Кроссовки мужские для бега спорта фитнеса прогулок города воздуха макс лёгкие дышащие сетка».

Перегруженное название плохо читается на мобильном экране, где оно обрезается после 60–70 символов. Если самая важная информация оказалась в хвосте, её просто не увидят.

Характеристики: заполнение без формализма

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

Практические советы по заполнению:

• Вес и габариты указывайте с точностью до десятых — для крупных товаров это критично для расчёта доставки
• Страну производства и бренд заполняйте честно — несоответствие становится причиной претензий
• Если есть сертификаты (ГОСТ, ЕАС, международные стандарты) — обязательно добавляйте, для части аудитории это фильтр доверия
• Не оставляйте пустых полей — алгоритмы интерпретируют отсутствие данных как неполную карточку, что может влиять на ранжирование

Отдельный момент — единицы измерения. Указывайте их всегда и корректно: не «вес: 300», а «вес: 300 г». Без единицы характеристика бессмысленна.

Описание: почему шаблоны не работают

Описание, скопированное у конкурента с заменой бренда, — частая история. Проблема не только в этике, но и в том, что такой текст не решает задач конкретного товара.

Описание работает, когда оно:

1. Дополняет то, чего нет в характеристиках и фото — сценарии использования, эмоции, контекст
2. Отвечает на возражения — «да, материал тонкий, но это специально для летнего использования»
3. Структурировано — абзацы по 3–4 строки, подзаголовки, списки, без сплошной стены текста
4. Написано языком целевой аудитории — для молодёжной одежды один тон, для запчастей для тракторов совсем другой

Идеальный объём описания — 1000–2000 символов. Меньше — не успеете закрыть вопросы. Больше — большинство людей не будут читать, а мобильный интерфейс сделает длинный текст неудобным.

Цветовые решения и типографика на инфографике

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

Правила, которые реально помогают:

• Минимальный размер шрифта на инфографике — 24 pt при разрешении слайда 900×1200 пикселей. Всё меньше — не читается с телефона
• Не более двух шрифтов на одном изображении, желательно из одного семейства (разные начертания)
• Контраст текста и фона — проверяйте не «на глаз», а через инструменты проверки контрастности (соотношение минимум 4.5:1 для обычного текста)
• Цвета акцентов выбирайте с учётом категории: для детской продукции — тёплые и яркие, для электроники — холодные и сдержанные, для косметики — пастельные или глубокие насыщенные

Типичные ошибки, которые повторяют из статьи в статью

Некоторые проблемы встречаются настолько часто, что стали почти нормой. Но то, что все так делают, не делает это правильным.

Фотографии из интернета вместо своих. Покупатель видит одно, получает другое. Возврат обеспечен, а репутация страдает. Даже если товар простой и «все такие», сделайте хотя бы базовую съёмку на белом фоне.

Пиксельные изображения. Растягивание маленькой картинки до формата карточки даёт мыльный результат. Маркетплейсы требуют определённое разрешение — соблюдайте его.

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

Игнорирование мобильной верстки. Более 80% трафика на маркетплейсах — мобильный. Если текст на инфографике читается только на десктопе, его не существует для большинства пользователей.

Как проверить карточку перед публикацией

Простая чек-лист-проверка занимает пять минут, но спасает от досадных ошибок:

• Откройте карточку с телефона и посмотрите, как выглядит первый экран без скролла
• Проверьте, читается ли текст на всех слайдах без увеличения
• Убедитесь, что порядок фото логичный и каждый следующий слайд продолжает историю
• Сверьте ключевые параметры в названии, характеристиках, описании и на инфографике — они должны совпадать
• Прочитайте описание вслух — если запнулись или потеряли мысль, текст нужно упростить

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