Яндекс Метрика

Инфографика для карточек товара: гайд

Инфографика для карточек товара: три первых слайда с раскладкой комплекта, замерами по точкам и подписью характеристики

Работающая инфографика для карточек — это 5–8 слайдов, где первый остаётся чистым фото товара, а каждый следующий закрывает один вопрос покупателя: что это, подойдёт ли мне, что в коробке.

Куда попадёт надпись, зависит от площадки. Wildberries на главном фото текст запрещает: там только товар на нейтральном фоне. Ozon и Яндекс Маркет инфографику на первом слайде разрешают. Исключения есть у Ozon — витрина «Селект» и категория Ozon Fresh, где фото должно быть без надписей.

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

Из чего состоит рабочая карточка
1–2сек
на решение покупателя
миниатюра первого слайда против десятков соседних карточек
5–8
рабочих слайдов
при лимите площадок до 30 изображений
2/3площади
минимум под товар
требование Яндекс Маркета к главному фото
Требования Ozon и Wildberries; Яндекс Маркет; vc.ru о первом экране

Почему карточка теряет клики за первые три секунды?

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

Исследование 4000 покупателей на Wildberries (MPSTATS) уточняет картину. Галерею листают 60% покупателей в одежде, обуви и аксессуарах и 45% — в остальных нишах. На смену масштаба и динамику между кадрами реагируют 80%. Большое количество текста на втором и третьем слайде на CTR не влияет: в режиме превью он не виден.

Доля покупателей, которые листают галерею карточки
Одежда, обувь, аксессуары
60%
Остальные категории
45%
Исследование 4000 покупателей Wildberries, MPSTATS

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

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

Что площадка разрешает показать на первом экране?

Сначала читаем требования площадки, потом рисуем слайд. У Wildberries главное фото — только товар на белом или нейтральном фоне: текст, логотипы, рамки и коллажи запрещены. Ozon и Яндекс Маркет инфографику на главном фото разрешают. Исключения есть у Ozon: витрина «Селект» и категория Ozon Fresh — там фото должно быть без надписей.

Площадка Минимум Рабочий размер Инфографика на главном фото
Wildberries 700×900 px 900×1200 px, 3:4 Запрещена: только товар на нейтральном фоне, без текста, логотипов, рамок и коллажей
Ozon 200×200 px 900×1200 px, 3:4 Разрешена, кроме витрины «Селект» и Ozon Fresh
Яндекс Маркет 300×300 px Пропорции 3:4 Разрешена, в том числе на главном фото
Минимум площадки и рабочий размер кадра, px
Минимум
700 × 900
ниже этого Wildberries фото не примет
→
Рабочий размер
900 × 1200
рекомендация Wildberries и Ozon
3:4
Справка Wildberries; требования к изображениям Ozon

Набор форматов у площадок почти одинаковый — JPG, PNG и WEBP, файл до 10 МБ. Ozon принимает ещё и HEIC. Изображений в карточку можно загрузить до 30, однако рабочий комплект обычно заметно короче.

Что запрещено на всех трёх площадках

  • Цена, скидка, акционная плашка и любой ценник на изображении
  • Контакты, ссылки на соцсети и сайт, призывы позвонить или написать
  • Сведения о доставке и возврате: сроки, стоимость, география
  • Оценочные слова: «хит продаж», «лучший», «лидер», «топ», «№1», «аналог»
  • Логотип магазина или маркетплейса, водяной знак, коллаж из нескольких фото
  • Иероглифы в качестве подписей — Ozon отклоняет такие изображения на модерации

Отдельный вопрос — сколько текста помещается на кадре. Wildberries советует отводить под надпись не больше 20–25% площади кадра. Ориентир по размеру текста простой: подпись обязана читаться на превью размером с миниатюру в выдаче. Контраст подписи к фону держите высоким.

Отдельно про кадрирование. Ozon и Яндекс Маркет показывают фото в пропорции 3:4 и обрезают квадрат или горизонталь автоматически. Текст, прижатый к краям, на телефоне уходит за границу кадра. Разбор требований площадок к оформлению карточки целиком — в статье про карточку товара на маркетплейсе.

Как устроена иерархия внутри одного слайда?

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

Путь взгляда покупателя по карточке
Миниатюра в выдаче
1–2 секунды на решение
→
Первый слайд
что за товар и для кого
→
Слайды 2–3
снятие возражений: размер, состав, комплект
→
Описание
подробности для тех, кто готов покупать
Механика первого экрана: vc.ru; исследование MPSTATS

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

Один слайд — один ответ. Если на кадре пять мыслей, покупатель не прочитает ни одной: он не разбирает композицию, он скользит по ней.

Подписи пишите фактом: «5 слотов, кабель до 8 мм» вместо «премиум качество». Оценку площадка может не пропустить, и вопрос покупателя она не закрывает.

Задача 1: товар сложно понять по одному фото

Если устройство или состав товара по одному кадру не считываются, карточку собирают разбором. Так показывают технику, наборы, косметику, БАД, цифровые товары. Логика простая: каждый слайд отвечает за один элемент товара, а вместе они заменяют консультацию продавца в зале. Яндекс Маркет допускает инфографику и на главном фото карточки.

Разбор

Задача. Набор инструментов. По одному кадру непонятно, что внутри и для чего каждый предмет.

Что показываем. Слайд 2 — раскладка всех предметов с подписями. Слайд 3 — схема применения на одном примере. Слайд 4 — материалы и размеры.

Инструмент. SUPA или Pixso: шаблон под 3:4, обрезка фото, подписи.

Что получается. Покупатель понимает состав до того, как открыл описание, а часть вопросов в чат просто не доходит.

Логика такая же для косметики и БАД: состав, объём, порядок применения. Для цифровых товаров — что входит в подписку и как выглядит интерфейс.

Слайды нужны всему ассортименту, и обновлять их приходится каждый месяц. Контент-завод на ИИ собирает комплекты визуала и публикации потоком: от 119 ₽ за публикацию.

Посмотреть, как устроен завод

Задача 2: одежда и обувь — посадка и размер

В одежде и обуви главный вопрос покупателя — сядет ли вещь. Отвечают на него замеры по точкам и кадр на модели. Общее фото на вешалке этот вопрос не закрывает: по нему нельзя понять ни объём, ни длину изделия. У Ozon для одежды, обуви и аксессуаров минимальное разрешение поднято до 900×1200 px.

Разбор

Задача. Куртка, много возвратов с причиной «не подошёл размер».

Что показываем. Слайд 2 — замеры по точкам: обхват груди, длина рукава, длина изделия. Слайд 3 — та же вещь на модели разного роста. Слайд 4 — состав и уход.

Инструмент. Размерную сетку собирают в SUPA. Кадр на виртуальной модели делает «Фотостудия» Wildberries по подписке «Джем».

Что получается. Вопрос «сядет ли» снимается ещё до оформления заказа — и возвратов по размеру становится меньше.

Задача 3: комплектация и товар в работе

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

Разбор

Задача. Косметический набор. Покупатель подозревает, что половину придётся докупать отдельно.

Что показываем. Слайд 2 — весь комплект в одной раскладке. Слайд 3 — «до и после» на одном участке. Слайд 4 — порядок применения из трёх шагов.

Инструмент. Раскладку собирают в SUPA, подписи и шаги — в GigaChat.

Что получается. Сомнение «хватит ли» уходит до заказа, а вместе с ним — часть возвратов.

Чем собирать слайды: инструменты и доступ из РФ

Для комплекта слайдов хватает браузерного редактора и генератора изображений. Начать можно бесплатно: у Wildberries инструменты встроены прямо в кабинет продавца, российские редакторы дают бесплатный тариф, а генераторы открываются по Сбер ID и Яндекс ID. Ниже — четырнадцать инструментов с ценой, русским интерфейсом и доступом из РФ.

Инструмент Для чего Цена Русский Доступ из РФ
«Фоторедактор» (Wildberries)Генерация композиции по фото товара на нейтральном фонеПо подписке «Джем»ДаВстроен в кабинет WB
«Фотостудия» (Wildberries)Кадр на виртуальной модели, замена фона50, 100 или 65 генераций в месяц по тарифу; дополнительная — 50 ₽ДаВстроен в кабинет WB
«Анализ внимания» (Wildberries)Тепловая карта слайда и доля заметности элементовПо подписке «Джем»ДаВстроен в кабинет WB
SUPAШаблоны слайдов под WB, Ozon и Яндекс Маркет, удаление фонаБесплатный тариф; платный — по подпискеДаДоступен напрямую, оплата картой РФ
Kandinsky (Сбер)Генерация фонов и сцен по описаниюБесплатный тарифДаДоступен напрямую
Шедеврум (Яндекс)Генерация изображений и фоновБесплатный тарифДаДоступен напрямую
GigaChat (Сбер)Генерация изображений и текст подписей к слайдамБазовый тариф бесплатныйДаДоступен напрямую
PixsoМакеты и библиотека шаблонов для серии слайдовБесплатный тарифДаДоступен напрямую
FigmaКомандные макеты и библиотеки компонентовОплата российской картой недоступнаЧастичноДоступ из РФ нестабилен
PenpotОткрытый редактор макетов, ставится на свой серверБесплатноНетДоступен напрямую
RecraftВекторные иконки и схемы: выдаёт SVG, удобно для подписей и таблиц размеровБесплатный тарифНетДоступен напрямую; оплата российской картой недоступна
CanvaШаблоны слайдов и раскладокБесплатный тариф был; сервис официально прекратил работу в РФБыл русскийДоступ из РФ прекращён сервисом
Stable DiffusionГенерация фонов и сцен на своём компьютереБесплатно (нужна своя видеокарта)НетДоступен напрямую, лимитов нет
AIPackaСборка карточек по одной фотографии товараНе раскрытаДаДоступен напрямую
Цифры, с которыми придётся считаться
~15 сек
анализ внимания одной фотографии у Wildberries
50–100
генераций в месяц в «Фотостудии» по тарифу
0 ₽
бесплатный тариф SUPA: шаблоны под 3:4
30
изображений максимум в карточке — рабочий комплект короче
CNews о сервисах Wildberries; SUPA; Коммерсантъ о сервисах для карточек

Что выбрать под задачу. Для быстрого теста хватит встроенных инструментов Wildberries и бесплатного тарифа SUPA. Если слайдов много и нужен единый стиль, ставьте один шаблон в Pixso или Figma и подставляйте кадры. Генераторы нужны там, где нет подходящего фона или модели. Иконки и схемы удобнее рисовать вектором: Recraft отдаёт готовый SVG, который потом правится в том же макете. Предметную съёмку по-прежнему не заменить: главное фото линейки задаёт эталон, по которому покупатель сверяет товар при получении.

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

Как собрать комплект за шесть шагов?

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

  1. Выпишите требования своей площадки. Размер, пропорции и главное — разрешена ли инфографика на главном фото. Для Wildberries сразу планируйте текст только на дополнительных слайдах.
  2. Соберите факты. Три–пять характеристик, которые покупатель спрашивает в вопросах и отзывах. Формулируйте цифрами: «вес 1,2 кг», «три насадки».
  3. Разложите факты по слайдам. Одна характеристика — один слайд. Порядок от главного вопроса к второстепенным.
  4. Подготовьте кадры. Главное фото на нейтральном фоне. Для одежды добавьте замеры по точкам и кадр на модели.
  5. Соберите макет в пропорции 3:4. Текст — не больше 20–25% площади. Единый шрифт и палитра на всех слайдах.
  6. Проверьте на телефоне. Уменьшите макет до размера превью в выдаче. Если подпись не читается, сокращайте текст, а не добавляйте слайды.

Чек-лист перед публикацией

  • Главное фото чистое: товар виден целиком, фон нейтральный
  • На слайдах 3–5 характеристик, каждая — отдельным кадром
  • Подпись читается на превью размером с миниатюру в выдаче
  • Нет цены, контактов, ссылок, оценочных слов и иероглифов
  • Пропорции 3:4, целевой размер 900×1200 px (у Wildberries и Ozon)
  • Текст не прижат к краям: площадка обрежет кадр

Какие ошибки убивают инфографику?

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

  • Перегруз. Пять–семь иконок с подписями на одном кадре. Убирайте до одной мысли на слайд: по исследованию MPSTATS, лишние подписи на превью всё равно не читаются.
  • Мелкий текст. Проверяйте не по номиналу кегля, а по факту: уменьшите макет до ширины телефона и посмотрите, читается ли подпись.
  • Разнобой стилей. Один шрифт, одна палитра, одинаковые отступы на всех слайдах. Иначе карточка выглядит собранной из разных источников.
  • Нет размеров. Покупатель не угадывает габариты. Габариты показывают в сантиметрах и на фоне понятного предмета.
  • Сгенерированный товар. Нейросеть домысливает форму, цвет и детали. Расхождение с реальным товаром даёт возвраты с причиной «не соответствует описанию».

Полезно сразу разделить работу: часть слайдов реально собрать своими силами, часть — нет.

Что собирается своими силами, а что отдают на сторону

Своими силами

  • Раскладка комплекта на однотонном фоне
  • Подписи, цифры и характеристики
  • Размерная сетка по замерам
  • Обрезка и приведение к 3:4
  • Простые фоны через генератор
и

Лучше отдать на сторону

  • Предметная съёмка товара и главное фото линейки
  • Кадры на модели для одежды и обуви
  • Сложные разборы устройства техники
  • Честное «до и после» с реальным результатом
  • Съёмка серии при обновлении ассортимента
Oborot.ru о принципах инфографики; требования площадок

Как проверить, что визуал сработал?

Проверка идёт в два этапа: до публикации — по вниманию покупателя, после — A/B-тестом. «Анализ внимания» Wildberries строит тепловую карту слайда и показывает долю заметности каждого элемента в процентах: товара, текста, инфографики. Обработка одной фотографии занимает около 15 секунд, поэтому проверить можно всю серию подряд.

Сколько занимает проверка одного кадра
~15 сек
на анализ внимания одной фотографии во встроенном сервисе Wildberries. Тепловая карта показывает, куда смотрит покупатель и какой элемент остался незамеченным.

CNews о сервисах Wildberries для продавцов

A/B-тест делают по одному элементу. Меняйте только главное фото или только второй слайд, сравнивайте CTR за одинаковый срок и не трогайте цену с рекламой в период теста. Иначе результат будет ни о чём.

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

Итоги: что запомнить

Коротко: главное

  • Первый слайд решает за 1–2 секунды, но покупатель смотрит не одну обложку: галерею листают 45–60%, а первые слайды работают в связке.
  • Требования площадки читают до рисования: Wildberries запрещает текст на главном фото, Ozon и Яндекс Маркет его допускают.
  • Минимум и рабочий размер — разные вещи: 700×900 px у Wildberries и 200×200 px у Ozon это порог, а Wildberries и Ozon рекомендуют собирать в 900×1200 px и 3:4.
  • Один слайд — одно преимущество. Текст занимает не больше 20–25% площади и читается на миниатюре.
  • Проверяют на телефоне и через «Анализ внимания», затем A/B-тестом по CTR за одинаковый срок.
  • Комплект реально собрать своими руками: бесплатных российских инструментов хватает для теста.

Что делать дальше. Возьмите товар с просевшим CTR и перерисуйте только второй и третий слайды — по чек-листу выше это вечер работы. Если карточек десятки и слайды нужны каждый месяц, дешевле поставить поток: визуал и публикации закрывает контент-завод на ИИ — от 119 ₽ за публикацию.

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

Можно ли ставить текст на главное фото карточки?

Зависит от площадки. Wildberries требует на главном фото только товар на нейтральном фоне: за текст, логотипы, рамки и коллажи кадр не опубликуют. Ozon и Яндекс Маркет инфографику на главном фото разрешают. Исключения есть у Ozon: витрина «Селект» и категория Ozon Fresh — там фото должно быть без надписей.

Сколько слайдов нужно карточке?

Рабочий комплект — 5–8 слайдов, хотя площадки принимают до 30 изображений. Основание простое: галерею листают 45–60% покупателей, поэтому дальние слайды видят единицы. Первые три слайда несут основную нагрузку, остальные отвечают на редкие вопросы.

Обязательно ли делать инфографику в дизайнерском редакторе?

Нет. Для теста хватает встроенных инструментов Wildberries и бесплатного тарифа российского редактора вроде SUPA: там уже есть шаблоны под 3:4 и требования площадок. Дизайнерский редактор нужен, когда слайдов много и важна единая библиотека компонентов на весь ассортимент.

Евгений Карасев — основатель ЗАПУСКИ
Евгений Карасев
Основатель «Запуски» — контент-завода на ИИ

Строит контент-заводы на ИИ для крупных брендов и компаний, которым нужен масштабный контент в соцсетях.

Полезные материалы

Источники: справка Wildberries о требованиях к фото и частых ошибках; требования Ozon к изображениям; справка Яндекс Маркета; исследование MPSTATS о 4000 покупателей; vc.ru о первом экране карточки; Oborot.ru о принципах инфографики; CNews о сервисах Wildberries; Коммерсантъ о сервисах для карточек товаров.

Готовы поставить поток визуала
на контент-завод на ИИ от 119 ₽ за публикацию?

Оставьте заявку — посчитаем объём кадров и публикаций под ваши площадки, покажем примеры для вашей ниши и запустим производство обычно за 5–7 дней

или напишите в Telegram

Читайте также

Фотосъёмка для маркетплейсов

Что снять до того, как собирать слайды.

Генерация изображений по фото

Сцены, цвета и ракурсы из одного кадра.

Контент-ферма для маркетплейсов

Как объёмный контент собирается в потоке.