Разметка одной карточки 900×1200: три пунктирные зоны сверху вниз с выносками — «заголовок», «2–3 пункта» и «товар крупно», под карточкой подпись про то, что текста должно быть столько, сколько читается с миниатюры

Инфографика для карточки товара: что выносить на картинку и сколько текста

9 минут чтения

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

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

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

Что идёт на картинку, а что остаётся в тексте

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

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

Как собирать текстовые поля, разобрано отдельно в статье про SEO карточки. Здесь — только то, что попадает в пиксели.

Сколько текста помещается

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

СлайдЗадачаСколько текста
Обложкавыиграть клик в ленте миниатюркрупный заголовок, подпись и три коротких чипа
Преимуществачетыре-пять выгод в формате «иконка и строка»мелкая подпись сверху, дальше короткие строки
Характеристикипоказать параметры выносками к товарумелкая подпись и подписанные значения
В использованиипоказать товар в реальной сценеодна короткая подпись или ничего
Как использоватьтри пронумерованных шагамелкая подпись и очень короткие шаги
Довериематериалы, гарантия, макро-съёмка поверхностимелкая подпись и одна строка
Размерыгабариты с мерными линиями и опорным предметоммелкая подпись, значения — из ваших строк
Роли слайдов и допустимый объём текста. Так устроена серия в студии — и так же она устроена у любого аккуратного дизайнера.

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

План серии: семь ролей вместо семи картинок

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

  1. Выпишите десять последних вопросов покупателей по этому товару — из отзывов, из переписки, из возвратов.
  2. Сгруппируйте их. Повторяющаяся тройка вопросов — это и есть ваш второй слайд.
  3. Оставьте на обложке одну самую сильную выгоду. Не три: три выгоды на обложке читаются как ноль.
  4. Для всего, что надевают, ставят или носят с собой, добавьте слайд с размерами и опорным предметом рядом.
  5. Проверьте серию в миниатюре целиком: она должна читаться как один товар в одной палитре, а не как семь разных карточек.
Рабочая доска проекта: слева панель слоёв со списком слайдов группы — «Обложка», «Преимущества», «Характеристики», «В использовании», повторяющимся несколько раз, справа готовые креативы с подписями «РСЯ 300×500, 600×1000, JPG, 150 КБ» и «РСЯ 728×90, 1456×180, JPG, 33 КБ»
Серия живёт как список ролей, а не как папка с файлами: у каждого кадра записано, какой вопрос он закрывает и в каком размере отдан. Это же и рабочий чек-лист — пустая роль в списке видна сразу.

Единство серии важнее качества отдельного слайда. Одна палитра, одна гарнитура, одинаковое положение подписи — это то, что делает семь картинок карточкой одного товара, а не подборкой. В студии за это отвечает выбор стиля: направление задаётся один раз и применяется ко всем слайдам серии. Как пройти мастер от фото до готового кадра, разобрано в уроке про карточку товара.

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

Что на картинку выносить нельзя

  • Цифры, которых вы не можете подтвердить. «Служит 10 лет», «на 40% мощнее» — это претензия к вам, а не аргумент за вас.
  • Цены и размеры скидки. Цена живёт в карточке и меняется; нарисованная на слайде, она устаревает молча.
  • Чужие логотипы и названия площадок. Логотип маркетплейса на самом изображении — не признак принадлежности, а повод к модерации.
  • Отзывы, звёзды и рейтинги, нарисованные вручную. Их рисует площадка по своим данным.
  • Мелкий текст у самого края. Он первым уходит при кропе под другой формат — и первым перестаёт читаться в миниатюре.
  • Сплошную стену текста. Слайд, на котором семь строк, не читает никто; те же семь строк в описании прочитает тот, кому они нужны.

Край кадра: почему один файл не подходит всем площадкам

Карточка Wildberries — 3:4, Ozon — 2:3, Яндекс Маркет — 3:4 в большем разрешении. Перенос между ними — это кроп, и он не знает, что у вас в кадре: он режет по краям, где обычно и стоят чипы с характеристиками. В студии для этого есть числовая граница — потеря больше 13% кадра считается не кропом, а другим макетом, и такой формат собирается отдельной генерацией. Полная таблица потерь по всем восьми размерам — в статье про размеры карточек.

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

Сколько это стоит и что делает модель

Считается по слайдам. Одна генерация — 1 кредит в черновом качестве и 3 кредита в Pro. Серия из четырёх слайдов в черновом качестве стоит четыре кредита, полная из семи — семь. Экспорт готового кадра во все восемь размеров площадок не стоит ничего: это локальный ресайз, а не второй вызов модели. На платных тарифах кредит обходится в 10,98–11,27 ₽, то есть полная серия из семи слайдов — это меньше восьмидесяти рублей на артикул при верхней границе.

Что модель делает хорошо: композицию, палитру, свет, читаемую типографику и короткие подписи из вашего текста. Что она делает плохо или не делает вовсе — список ниже, и он важнее первого.

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

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

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

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

Сколько текста можно писать на картинке?

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

Индексирует ли поиск маркетплейса текст на изображении?

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

Можно ли использовать один и тот же слайд для Wildberries и Ozon?

Пропорции разные: 3:4 против 2:3. Перенос между ними — это кроп по краям, и он режет ровно ту зону, где обычно стоят чипы с характеристиками. Если текст и элементы отступают от края примерно на десятую долю ширины, слайд переживёт перенос; если прижаты к краю, их потеряет.

Сколько стоит сделать инфографику для одной карточки?

В студии счёт идёт по слайдам: одна генерация — один кредит в черновом качестве и три в Pro. На платных тарифах кредит стоит 10,98–11,27 ₽, поэтому серия из семи слайдов укладывается примерно в восемьдесят рублей на артикул. Пересборка готовых кадров во все восемь размеров площадок кредитов не списывает.

читать дальше