Статья · Рич-контент

Как создать рич-контент на Ozon в конструкторе: пошаговая инструкция

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

Мужчина в светло-сером свитшоте у кирпичной стены
Кадры на модели оживляют рич-контент. Работа FOTOOTZIV.

Что такое рич-контент на Ozon

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

Что важно знать до начала работы:

  • Рич-контент показывается вместо описания. Если заполнены и рич-контент, и аннотация, покупатель увидит только рич-контент.
  • Аннотацию всё равно заполните: даже невидимое описание влияет на позицию товара в поиске.
  • Не делайте блоки из одних картинок без текста. Иначе внешние поисковики не смогут проиндексировать карточку.
  • Не перечисляйте в тексте все ключевые слова подряд. По справке Ozon, это портит впечатление покупателей и может снизить позицию товара.

Если вы выбираете между Ozon и Wildberries или делаете рич-контент для обеих площадок, начните с обзорной статьи про рич-контент на Ozon и WB. Здесь — подробно и только про Ozon.

Где найти конструктор рич-контента Ozon

Конструктор открывается в двух местах:

  • В личном кабинете — внутри карточки товара. Удобно, когда делаете рич-контент для одного-двух товаров: код сам попадёт в нужное поле.
  • На отдельном сайте rich-content.ozon.ru. Удобно, когда готовите макет заранее или отдаёте работу дизайнеру без доступа к кабинету. Готовый код нужно будет скачать и вставить в карточку вручную.

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

Черновики сохраняются автоматически. В личном кабинете — для каждого товара отдельно, на внешнем сайте — только одна последняя версия. Если делаете рич-контент для нескольких товаров на сайте, скачивайте код каждого перед тем, как начать следующий.

Как создать рич-контент на Ozon: пошагово

  1. Откройте раздел Товары → Список товаров.
  2. В строке с товаром нажмите ⋮ и выберите Редактировать товар.
  3. Перейдите на вкладку Медиа и в блоке Rich-контент нажмите Открыть визуальный редактор.
  4. Нажмите Создать — конструктор откроется в панели справа.
  5. Перетащите нужный виджет из панели слева в рабочую область. Блоков можно добавить несколько.
  6. Нажмите на виджет, чтобы наполнить его: загрузите картинку или видео, напишите текст. Там же виджет можно удалить или переместить выше и ниже.
  7. Нажмите Предпросмотр и проверьте, как блоки выглядят на компьютере и на телефоне.
  8. Заполните обе вкладки в блоке Отображение — для компьютера и для мобильных устройств. Пока одна из них пустая, кнопка Применить не работает.
  9. Нажмите Применить в правом верхнем углу — код автоматически появится в поле Rich-контент. Затем нажмите Далее и сохраните товар.

Если собирали рич-контент на отдельном сайте, вместо «Применить» нажмите Скачать. Откройте файл любым текстовым редактором, скопируйте код и вставьте его в поле Rich-контент на вкладке «Медиа» в карточке товара. Потом — «Далее» и сохранение.

Что поставить в рич-контент: план блоков

Прежде чем открывать конструктор, набросайте план на бумаге. Рич-контент читают сверху вниз, как короткий лендинг, поэтому порядок важен. Рабочая схема на 5–7 блоков:

  1. Главный блок. Товар крупно и одна фраза о том, для чего он.
  2. Три-четыре преимущества. Каждое — картинка и короткая подпись с фактом.
  3. Детали. Материал, фурнитура, швы, разъёмы — крупным планом.
  4. Товар в использовании. На модели, в интерьере, в руках.
  5. Размеры и комплект. Схема или фото всего, что лежит в коробке.
  6. Видео. Короткий ролик, если товар лучше понятен в движении.
  7. Варианты. Другие цвета или модели линейки со ссылками на их карточки Ozon.

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

Картинки для рич-контента Ozon: формат, вес и ссылки

ПараметрТребование Ozon
ФорматJPG, JPEG, PNG
Вес файладо 10 МБ
GIFне использовать — карточка будет долго загружаться
Версиидве: для компьютера и для мобильных
Как добавитьзагрузить с компьютера или указать прямую ссылку
Прямая ссылказаканчивается на .jpe, .jpeg, .jpg или .png; Яндекс.Диск и wampi.ru не подходят
Ссылка в картинкетолько на другую карточку Ozon, внешние сайты нельзя

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

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

Текст и видео в виджетах

Текст. Нажмите на стандартный текст в виджете и замените его своим. Заголовки обрезаются после двух строк — пишите их коротко. В разделе «Работа с текстом» на панели слева настраиваются размер, цвет и выравнивание заголовка и основного текста. Эти настройки общие для компьютера и телефона.

Видео. Видео добавляется по ссылке:

  1. Добавьте виджет Видео из панели слева.
  2. Нажмите на блок и в поле Тип выберите Прямая ссылка.
  3. Выберите тип ресурса и вставьте ссылку на ролик.
  4. Нажмите Предпросмотр.

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

JSON: песочница и готовый код

Рич-контент на Ozon хранится в виде кода JSON. Визуальный редактор пишет его за вас, но с кодом удобнее, когда нужно быстро поменять ссылки и тексты или сделать рич-контент для похожих товаров.

  1. Откройте конструктор и выберите вкладку Песочница — появится макет с фото, подписями и видео.
  2. Нажмите Открыть редактор и внесите изменения. Результат сразу отображается над кодом.
  3. Переключайте режимы Десктоп и Мобильный, чтобы проверить обе версии.
  4. Скопируйте весь код и вставьте в поле Rich-контент на вкладке «Медиа».

Для картинки с подписью Ozon перечисляет такие параметры: src и srcMobile — прямые ссылки на картинку для сайта и для мобильной версии; width, height, widthMobile, heightMobile — ширина и высота в обеих версиях; title и content — заголовок и текст подписи. Если в коде ошибка, в правом нижнем углу появится надпись «Некорректный JSON».

Используйте только виджеты, которые есть в редакторе. Параметры каждого описаны в документации к рич-контенту. Например, в виджете «шахматка» (chess) должно быть от 2 до 6 блоков.

Как добавить рич-контент на Ozon сразу на много товаров

  • Через XLS-шаблон — вставьте код в столбец «Rich-контент JSON».
  • Через API — запросом POST /v3/product/import (в Базе знаний для продавцов ещё упоминается v2, в актуальной документации API — v3).
  • В приложении для продавцов — готовый JSON можно вставить в карточку и с телефона.

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

Модерация и частые ошибки

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

Частые ошибки:

  • не заполнена мобильная вкладка — кнопки «Применить» и «Скачать» неактивны;
  • вместо прямой ссылки на картинку вставлена ссылка на Яндекс.Диск;
  • картинки в формате GIF;
  • блоки из одних картинок без текста;
  • длинные заголовки, которые обрезаются после двух строк;
  • ссылки из картинок ведут на сторонние сайты;
  • не заполнена аннотация, потому что «её всё равно не видно».

Картинки для рич-контента делают из тех же фото, что и галерею, — правила к ним собраны в статье про фото для Ozon.

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

Как добавить рич-контент на Ozon в карточку товара?

Откройте Товары → Список товаров, нажмите ⋮ у товара и выберите «Редактировать товар». На вкладке «Медиа» в блоке Rich-контент откройте визуальный редактор или вставьте готовый JSON, затем нажмите «Далее» и сохраните товар.

Сколько стоит рич-контент на Ozon?

Сам инструмент бесплатный: Ozon не берёт плату за конструктор и размещение рич-контента. Платить придётся только за фото, видео и дизайн, если вы их заказываете.

Где находится конструктор рич-контента Ozon?

В личном кабинете — в карточке товара на вкладке «Медиа», блок Rich-контент. Есть и отдельный сайт rich-content.ozon.ru, откуда готовый код скачивают и вставляют в карточку.

Какие картинки подходят для рич-контента на Ozon?

JPG, JPEG или PNG до 10 МБ, в двух версиях — для компьютера и для телефона. GIF не подходит. Ссылка на картинку должна быть прямой и заканчиваться на .jpg, .jpeg, .jpe или .png.

Почему не активна кнопка «Применить» в конструкторе?

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

Снимем фото и видео для рич-контента Ozon

Кадры с запасом по краям — для широких и вертикальных блоков. Модели в разных городах России, съёмка на последние iPhone.

Рич-контент: цены и примеры →

Источники: Ozon — «Rich-контент», Ozon — «Требования к фото, видео и видеообложкам», Ozon — «Отображение товаров на Ozon».

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