Инфографика для карточки товара: что принимает площадка и как не потерять загруженное

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

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

Инфографика это не отдельная сущность

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

Первый: порядок задаёте вы. Главным становится первое изображение в массиве, остальные идут в том порядке, в котором переданы. Не по дате загрузки и не по алфавиту.

Второй: правила для инфографики те же, что для фото. Отдельного, более мягкого режима для картинок с текстом нет.

Отдельно от изображений живёт рич-контент, и это уже другая механика: там не картинки, а структура блоков. Мы разбирали её в статье о рич-контенте на Ozon.

Сколько изображений принимает карточка

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

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

Ловушка, из-за которой пропадают изображения

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

Документация описывает последствия прямо. Загрузили десять картинок первым вызовом. Потом вызвали метод второй раз и передали одну, одиннадцатую. В результате на карточке останется одна: предыдущие десять сотрутся.

Это самая частая причина внезапно опустевших карточек при массовых правках. Скрипт, который «добавляет картинку», в действительности заменяет весь набор.

Правильный порядок такой:

1. запросить текущий состав изображений карточки;
2. скопировать поля с обычными изображениями, изображениями 360 и цветом;
3. изменить или дополнить нужное;
4. отправить полный набор целиком.

Шаг первый пропускают чаще всего, и именно он спасает от потери.

Откуда площадка забирает картинки

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

Отсюда требования, которых нет в списке форматов, но которые ломают загрузку не реже:

• ссылка должна открываться без авторизации: закрытый доступ означает, что скачать картинку не удастся;
• адрес должен быть постоянным, а не одноразовым: ссылки с истекающим сроком к моменту обработки могут перестать работать;
• формат по ссылке JPG или PNG. Файл с расширением JPG, внутри которого лежит другой формат, пройдёт не всегда.

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

Загрузка не означает, что картинка принята

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

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

Отдельно стоит запомнить pending. Это не «ещё обрабатывается», а именно ошибка: повторять нужно осознанно, а не ждать, что рассосётся само.

Лимиты и что делать, когда они кончились

У метода есть предел операций с товарами в минуту, и есть суточный. При превышении приходит ответ с кодом 429 и двумя полезными заголовками:

• время в минутах до обновления лимита;
• остаток операций до следующего сброса.

Суточный лимит сбрасывается в три часа ночи по московскому времени. Это важно знать до того, как вы запустите массовое обновление картинок вечером и упрётесь в потолок: ждать придётся до ночи, а не «час-другой».

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

Как оформить карточку: чем инфографика отличается от фото

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

Порядок, который работает у нас:

1. Первое изображение только товар, чисто, без подписей. Оно уходит в поиск и в подборки, и текст на нём в мелком размере превращается в шум.
2. Второе и третье отвечают на главные вопросы категории. Для автотоваров это размеры и совместимость, для одежды посадка, для техники комплектация.
3. Дальше детали: что в комплекте, как выглядит крепление, что не входит в набор.
4. Ближе к концу таблицы и схемы, которые нужны не всем, но снимают часть вопросов в отзывах.

Правило для текста на картинках простое: подпись должна читаться в ленте, а не только на полном экране. Проверять надо в том размере, в котором карточку увидят на телефоне.

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

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

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

2. Взять данные из характеристик, а не из головы. Размеры, вес, состав комплекта берутся из карточки. Если на картинке будет одно число, а в характеристиках другое, это заметят и напишут в отзыве.

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

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

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

6. Выложить в хранилище и передать ссылками. Полным набором, как разбирали выше.

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

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

Что нельзя писать на изображениях

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

Общее, что стабильно не проходит модерацию у площадок и уже приводило к отклонениям:

• чужие товарные знаки и логотипы, если у вас нет прав на их использование;
• обещания, которых нет в характеристиках товара;
• контакты, ссылки и призывы уйти с площадки;
• изображения, где товар отличается от того, что в карточке.

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

Инфографика в Figma и генератором: что выбрать

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

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

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

Что стоит автоматизировать первым, если решите идти этим путём:

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

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

Инфографика для карточек товара на Wildberries и других площадках

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

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

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

Что проверить перед загрузкой

• набор передаётся целиком, а не только новые картинки;
• текущий состав изображений запрошен до правки, а не после;
• ссылки открываются без авторизации и не истекают;
• формат по ссылке действительно JPG или PNG;
• статус проверен отдельным запросом, а не взят из ответа на загрузку;
• изображения 360 и цвет положены в свои поля, а не в общий массив;
• подписи читаются в размере ленты на телефоне;
• на картинках нет чужих логотипов и обещаний, которых нет в характеристиках.

Что запомнить

• Отдельного поля «инфографика» не существует: это обычные изображения карточки, и правила у них общие с фотографиями.
• Карточка принимает до 30 изображений, до 70 изображений 360 и один образец цвета, причём это три независимых набора.
• Повторная загрузка заменяет весь набор: передали одну картинку вместо десяти, останется одна.
• Ответ на загрузку не означает успех. Финальный статус приходит отдельным запросом, и pending там означает ошибку.
• Суточный лимит операций сбрасывается в три часа ночи по московскому времени, а не через час после превышения.
• Числа в этой статье относятся к Ozon. У других площадок свои, и их нужно выписывать отдельно.