# Инфографика для маркетплейсов: как сделать самостоятельно Зачем карточке инфографика и как её собрать: инструменты, принципы композиции, типичные ошибки и разборы примеров. - Автор: Команда ESEO, Редакция - Опубликовано: 2026-02-24 - Обновлено: 2026-10-21 - Источник: https://eseo.su/blog/infografika-marketplejs --- ## TL;DR — коротко о главном Инфографика помогает покупателю быстро понять, что за товар и чем он полезен, — если слайды собраны аккуратно и не нарушают правила площадки. Собрать её можно в любом онлайн-редакторе, который работает в России. Требования площадок различаются: Wildberries задаёт минимальный размер фото, а пропорцию не нормирует, Ozon просит 3:4 и рекомендует 900×1200. Холст 900×1200 подходит обеим площадкам. Ozon допускает инфографику и на главном фото, и на дополнительных; исключение — платформа Ozon Селект, там главное фото идёт без неё. ## Зачем инфографика в карточке товара Покупатель просматривает карточку бегло, и решение часто складывается по фотографиям раньше, чем он дойдёт до описания. Инфографика передаёт характеристики, преимущества и инструкцию визуально, без необходимости прокручивать страницу. Универсального «процента прироста» от инфографики нет: эффект зависит от товара, ниши и качества самих слайдов. Проверяйте его на своём товаре — как сравнить показатели до и после, сказано в FAQ ниже. Инфографика особенно эффективна для товаров с несколькими техническими характеристиками, продуктов с неочевидным принципом работы, категорий с высокой конкуренцией и товаров с частыми возвратами из-за несоответствия ожиданиям. ## Виды инфографики для карточки маркетплейса | Тип | Содержание | Лучшие категории | |---|---|---| | Характеристики | Цифры и иконки: размер, вес, мощность, объём | Электроника, бытовая техника | | Преимущества | Три-пять тезисов почему этот товар лучше аналогов | Косметика, одежда, товары для дома | | Состав | Ингредиенты или материалы с выделением ключевых | Косметика, еда, одежда | | Инструкция | Пошаговое применение: шаг первый, второй, третий | Косметика, стройматериалы, гаджеты | | Размерная сетка | Таблица с реальными замерами в сантиметрах | Одежда, обувь, мебель | | Сравнение | Ваш товар против аналога или против стандарта | Техника, продукты питания | | Комплектация | Полный список содержимого упаковки | Конструкторы, наборы, комплекты | Для одной карточки оптимально два-три разных типа: например, «характеристики плюс инструкция плюс состав» для крема или «размеры плюс преимущества плюс комплектация» для мебели. ## Технические требования к инфографике WB и Ozon | Параметр | Wildberries | Ozon | |---|---|---| | Размер изображения | не меньше 700×900 | рекомендуемые 900×1200 | | Соотношение сторон | справка не нормирует | 3:4 (Ozon Fresh — 1:1) | | Форматы файла | JPG, PNG, WEBP | JPEG, JPG, PNG, HEIC, WEBP | | Вес файла | до 10 МБ | до 10 МБ | | Инфографика на главном фото | смыслы надписей влияют на рейтинг | разрешена, кроме платформы Селект | | Контраст текста | 4,5:1 для мелкого шрифта, 3:1 для крупного | — | Таблица собрана по справкам площадок: у Wildberries — [как улучшить фото и видео в карточке](https://seller.wildberries.ru/instructions/ru/ru/material/how-to-improve-photos-and-videos-in-a-card?categoryId=how-to-improve-item-card&goBackOption=prevRoute), у Ozon — [требования к фото, видео и видеообложкам](https://seller-edu.ozon.ru/libra/work-with-goods/trebovaniya-k-kartochkam-tovarov/media/foto-i-video-tovara). Wildberries оценивает текст на фото: надписи о скидках, сроках, сезонности, гарантии и возврате снижают рейтинг при любом размере, прочие тексты — тем сильнее, чем они крупнее. Ozon инфографику на главном допускает и запрещает только на платформе Ozon Селект. Безопасный для обеих площадок порядок: главный кадр — товар, инфографика в следующих позициях галереи. О требованиях к главному фото подробнее — в материале [фото для Wildberries: требования и лайфхаки](/blog/wb-foto-lajfhaki). ## Пошаговый гайд: инфографика в онлайн-редакторе **Шаг 1: Создайте документ с правильными размерами.** Создайте холст пользовательского размера 900×1200 пикселей: он больше минимума Wildberries и совпадает с рекомендацией Ozon, пропорция 3:4. Фон — белый или нейтральный. **Шаг 2: Выберите шаблон.** В библиотеке шаблонов поищите «инфографика товара» или «карточка маркетплейса». Выберите структуру под задачу: характеристики, преимущества или инструкция. Для первых слайдов обычно хватает бесплатных возможностей редактора. **Шаг 3: Добавьте фото товара без фона.** Загрузите фото товара. Если фон нужно убрать — воспользуйтесь инструментом удаления фона в редакторе или отдельным сервисом, а после обработки проверьте края товара: мех, волосы и прозрачные детали страдают первыми. **Шаг 4: Заполните данные товара.** Замените текст-заглушку реальными характеристиками. Короткая фраза читается быстрее длинной. Значения характеристик выделяйте цветом или начертанием — так их легче найти взглядом. **Шаг 5: Добавьте иконки.** В большинстве редакторов есть библиотека иконок. Иконка рядом с характеристикой помогает понять её без чтения подписи. **Шаг 6: Проверьте читаемость на мобильном.** Уменьшите предпросмотр до размера экрана телефона. Весь текст должен читаться без приближения. Если что-то нечитаемо — сократите надпись или уберите лишние элементы. **Шаг 7: Сохраните в нужном формате.** Скачайте результат в PNG или JPG с максимальным качеством — эти форматы принимают обе площадки. PNG лучше сохраняет чёткость текста на тёмном фоне. ## Как выбрать редактор для инфографики | Критерий | Что проверить | |---|---| | Доступ из России | сервис работает без обхода блокировок, условия не ограничивают российских пользователей | | Оплата | платный тариф оплачивается российской картой, без посредников | | Холст | пользовательский размер, пропорция 3:4 | | Экспорт | PNG, JPG или WEBP без водяного знака редактора | | Работа с макетом | слои, сетка, направляющие, сохранение своего шаблона | | Шаблоны | есть заготовки под карточки маркетплейсов | Проверьте условия сервиса до того, как собирать в нём галерею: часть популярных зарубежных редакторов официально ограничила работу в России, и доступ к проектам может пропасть вместе с аккаунтом. Выбирайте инструмент, в котором сможете открыть свои макеты и через год. ## Шесть ошибок при создании инфографики **1. Слишком много текста.** Инфографика — не описание товара. Оставьте на слайде только то, что покупатель должен понять сразу, иначе получается постер, а не инфографика. **2. Запрещённые смыслы в надписях.** Wildberries снижает рейтинг за надписи о скидках и акциях, сроках, сезонности, гарантии и возврате при любом размере шрифта. Ozon запрещает на фото цены и скидки, призывы к действию и надписи о превосходстве товара. Проверьте каждый слайд на такие слова до загрузки. **3. Слабый контраст.** Серый текст на белом фоне нечитаем. Используйте тёмный текст на светлом фоне или белый текст на тёмном. **4. Хаотичная компоновка.** Взгляд не знает, куда смотреть. Располагайте элементы по Z-образному пути: сверху слева — сверху справа — снизу слева — снизу справа. **5. Разный стиль в каждой инфографике.** Задайте корпоративные цвета и шрифт один раз и используйте во всех изображениях карточки. **6. Правила главного фото не проверены.** Ozon инфографику на главном фото допускает, но платформа Ozon Селект требует главное фото без неё. У Wildberries при модельной съёмке товар на главном фото должен быть виден целиком, а несоответствие требованиям ведёт к блокировке карточки. Сверьте галерею со справкой площадки до загрузки, а не после модерации. О том, как инфографика вписывается в стратегию rich-контента, читайте в материале [rich-контент на Ozon и WB: когда окупается](/blog/rich-kontent-ozon-wb-stoit-li). Про ключевые слова для текста карточки — в [руководстве по семантике Wildberries](/blog/klyuchevye-slova-wb). ## Цвет и типографика в инфографике Непоследовательное использование цветов и шрифтов — частая причина того, что инфографика выглядит любительски даже при правильном содержании. Несколько простых правил типографики и цвета выравнивают результат без дизайнерского образования. **Правило трёх цветов.** Выберите основной цвет бренда или товара, нейтральный цвет для фона и акцентный цвет для цифр и ключевых элементов. Больше трёх цветов — визуальный хаос. Меньше трёх — скучно. Гармоничное сочетание подскажет любой генератор цветовых палитр: введите основной цвет и получите готовые варианты. **Контраст как требование читаемости.** Светлый текст на светлом фоне нечитаем. Wildberries в [справке о фото и видео](https://seller.wildberries.ru/instructions/ru/ru/material/how-to-improve-photos-and-videos-in-a-card?categoryId=how-to-improve-item-card&goBackOption=prevRoute) задаёт контраст текста не ниже 4,5:1 для мелкого шрифта и 3:1 для крупного — это те же пороги, что в стандарте доступности WCAG. Проверить пару цветов можно любым калькулятором контраста WCAG. | Текст на фоне | Контраст | Мелкий шрифт, от 4,5:1 | Крупный шрифт, от 3:1 | |---|---|---|---| | Чёрный #000000 на белом #FFFFFF | 21:1 | проходит | проходит | | Тёмно-синий #000080 на белом | 16:1 | проходит | проходит | | Серый #767676 на белом | 4,54:1 | проходит на грани | проходит | | Серый #888888 на белом | 3,54:1 | не проходит | проходит | | Белый на красном #FF0000 | 4:1 | не проходит | проходит | | Жёлтый #FFFF00 на белом | 1,07:1 | не проходит | не проходит | **Иерархия шрифтов.** Используйте максимум два шрифта: жирный для заголовков и обычный для основного текста. Три шрифта и больше создают визуальный шум. Для русскоязычной аудитории выбирайте гарнитуры с полной кириллицей — например, Montserrat, PT Sans или Inter; все три распространяются под свободной лицензией. **Выравнивание по сетке.** Элементы, расположенные по единой сетке, воспринимаются как профессиональный дизайн. Включите линейки и направляющие в редакторе и выравнивайте все блоки по одной оси. Хаотичное расположение элементов выдаёт отсутствие опыта даже при качественном содержании. ## Инфографика по категориям: что работает Универсального шаблона не существует — покупатели разных категорий ищут разную информацию. Адаптируйте тип и содержание инфографики под свою нишу. **Одежда и обувь.** Приоритет — размерная сетка с реальными замерами в сантиметрах и соответствием стандартным размерам S/M/L и российской линейке. Второй по важности тип — состав ткани и инструкция по уходу. Точные замеры на слайде помогают покупателю выбрать размер до заказа, а не после примерки. **Электроника.** Характеристики цифрами — главный элемент. Мощность в ваттах, объём в литрах, время работы в часах. Покупатель электроники принимает решение рационально: ему нужны точные числа, а не общие описания. Эффективно работает сравнение с предыдущей моделью или с аналогом в той же ценовой категории. **Косметика и уход.** Состав с выделенными активными компонентами, пошаговая инструкция нанесения (шаг 1, шаг 2, шаг 3). Для категории БАД — таблица состава с дозировками и процентом от суточной нормы. В этой категории особенно важно, чтобы данные на слайде совпадали с упаковкой и документами. **Товары для дома.** Габаритные размеры с чертежом или схемой, материал и покрытие, совместимость с другими товарами. Для мебели обязательно указание на простоту сборки или краткая схема. Габаритная инфографика снижает количество возвратов по причине несоответствия ожиданиям. **Продукты питания.** КБЖУ на 100 г и на порцию, состав с выделением аллергенов, срок годности и условия хранения. Для сегментов спортивного питания и ЗОЖ — сравнение с аналогами по содержанию белка или другого ключевого параметра. | Категория | Главный тип инфографики | Ключевые данные | |---|---|---| | Одежда и обувь | Размерная сетка | Замеры в см, соответствие стандартам | | Электроника | Технические характеристики | Мощность, объём, время работы | | Косметика и уход | Состав и инструкция | Активные компоненты, шаги нанесения | | Товары для дома | Размеры и схема | Габариты, материал, совместимость | | Продукты питания | КБЖУ и состав | На 100 г, аллергены, условия хранения | Для глубокой проработки карточки текст дополняет инфографику через SEO-оптимизированное описание. [ESEO.su](https://eseo.su) генерирует заголовок, bullets и описание для WB, Ozon и Яндекс.Маркет за пару минут. ## FAQ **Нужна ли инфографика для каждого товара?** Не обязательно. Начните с товаров, которые дают основную часть оборота, и с ниш, где карточки конкурентов уже оформлены плотно: там без инфографики карточка теряется среди соседей. **Можно ли использовать инфографику от производителя?** Можно, если производитель дал разрешение. Но если тот же материал используют десятки конкурентов, уникальность потеряна. Лучше адаптировать под свой стиль. **Сколько стоит заказать инфографику у фрилансера?** Цена зависит от числа слайдов, сложности стиля и опыта исполнителя — сравните несколько откликов на бирже фриланса и посмотрите портфолио под маркетплейсы. Для начального ассортимента выгоднее освоить редактор самому. **Влияет ли инфографика на позиции в поиске маркетплейса?** На прямое влияние рассчитывать не стоит, а Wildberries за часть надписей на фото рейтинг снижает. Косвенно — да: инфографика повышает конверсию, конверсия улучшает поведенческие сигналы, сигналы влияют на ранжирование. **Как понять, что инфографика работает?** Сравните CTR и конверсию за две недели до добавления и две недели после, при прочих равных — без смены цены и рекламы. Если показатели выросли и держатся, а не подскочили на пару дней, — есть эффект. Используйте аналитику в ЛК WB или Ozon. **Как часто обновлять инфографику?** При изменении характеристик товара, смене упаковки или появлении конкурентов с более сильными карточками. Плановую ревизию галереи удобно совмещать с обновлением ассортимента. --- Правильная инфографика усиливает карточку визуально, а SEO-текст — в поисковой выдаче. Автоматизируйте создание описаний с помощью [ESEO.su](https://eseo.su) — AI-сервис генерирует заголовки, bullets и описания для WB, Ozon и Яндекс.Маркет за пару минут. ## Обновление 21 октября 2026 г. На 21 октября 2026 г. [источник](https://seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes) сверять слайды перед загрузкой стоит по справке Wildberries о правилах, рекомендациях и частых ошибках в фотографиях товара. Она подтверждает параметры, на которые опирается гайд выше: минимальный размер изображения — 700×900 пикселей [источник](https://seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes), вес файла — до 10 МБ [источник](https://seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes), допустимые форматы — JPG, PNG и WEBP [источник](https://seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes). Холст 900×1200 [источник](https://seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes), предложенный в статье, выше минимального порога, поэтому уже собранные макеты пересобирать не нужно. Правило про текст на фото действует в прежней формулировке: надписи о скидках, сроках, сезонности, гарантии и возврате снижают рейтинг карточки при любом размере [источник](https://seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes). Даты изменения этой формулировки в справке нет, поэтому речь о действующей редакции требований, а не о новом правиле: при расхождении с пересказами в сторонних блогах ориентируйтесь на страницу первоисточника [источник](https://seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes).