Что такое Rich-контент на OZON: как выглядит и как его создать самостоятельно

Ecommerce-маркетолог
Стаж 8 лет

Итак, ваша карточка товара не продает. Вроде бы все сделали верно: есть хорошие фото, подробное описание и исчерпывающие характеристики. Одна беда: тысячи карточек конкурентов ничем не хуже, и ваша просто не выделяется на общем фоне. Между тем существует отличный инструмент для того, чтобы сделать карточку товара на Ozon заметнее: это rich-контент, о котором сегодня и расскажу.

Что такое рич-контент простыми словами

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

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

Часть описания в карточке с ричем — ниже еще несколько таких слайдов
Часть описания в карточке с ричем — ниже еще несколько таких слайдов

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

Ниже мы приведем пошаговую инструкцию, как сделать такую карточку, а пока расскажем, что дает инструмент.

Зачем нужен рич-контент 

Такой контент позволяет:

  • Быстрее доносить информацию до покупателя.
  • Использовать более удобную для восприятия форму подачи.
  • Выделить карточку на фоне конкурентов, которые не пользуются инструментом.
  • Повысить KPI карточки: число добавлений в корзину, конверсию в покупку, добавления в избранное и так далее.
  • Как следствие всего вышеперечисленного — применение инструмента позволяет селлерам зарабатывать и получать больше прибыли.
  • Повысить такой показатель, как контент-рейтинг. Он недавно введен маркетплейсом для оценки качества карточек товаров. Смысл в том, что карточка с ричем лучше ранжируется и чаще занимает верхние позиции в выдаче и категориях.
Если в карточке товара есть rich-контент, за описание дается максимальное количество баллов — 20. Такая карточка ранжируется лучше обычной
Если в карточке товара есть rich-контент, за описание дается максимальное количество баллов — 20. Такая карточка ранжируется лучше обычной

Типы и примеры rich-контента

Существует несколько видов описания. Они зависят от количества, расположения и ориентации слайдов презентации. Расскажем обо всех.

Изображение без отступов

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

Таких слайдов может быть несколько десятков
Таких слайдов может быть несколько десятков

Изображение с текстом

То же самое, что и в предыдущем варианте, с той разницей, что к картинке можно добавить любое описание. Тест может быть под изображением, а также справа или слева от него.

Изображение с текстом снизу
Изображение с текстом снизу

Несколько изображений с текстом

Здесь можно упаковать до 3 иллюстраций с описаниями под ними:

Два изображения с текстом
Два изображения с текстом

Видео

Как понятно из названия, в этом виде описания можно показать видеоролик о товаре:

Видеоролики в рич-контенте
Видеоролики в рич-контенте

Колонки с иконками

Тут размещается 4 изображения с кратким описанием. 

Колонки с иконками
Колонки с иконками

Другие виды rich

Также в содержимое можно упаковать списки, таблицы или обычный текст. 

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

Преимущества рич-контента

Вот как выглядит стандартная карточка товара без рича:

Стандартное описание в карточке товара: я потратил на чтение 2 минуты, это долго
Стандартное описание в карточке товара: я потратил на чтение 2 минуты, это долго

А вот как смотрится описание товара в приложении Ozon:

Описание в карточке товара на экране смартфона: тоже не очень удобно
Описание в карточке товара на экране смартфона: тоже не очень удобно

Читать все это — долго, муторно и больно. Rich-контент работает по принципу «лучше 1 раз увидеть, чем 100 раз прочитать». Вот как выглядит такое описание:

Описание в карточке с новым типом контента
Описание в карточке с новым типом контента

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

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

И самая мякотка: по заверениям представителей самого Ozon, описание из такого типа контента индексируется при ранжировании поисковыми системами. То есть покупатель может попасть в карточку прямо из «Яндекса».

Как создать Rich-контент

Существует 2 способа создания rich-контента: на конструкторе и в песочнице. Расскажу о каждом подробно.

Создание на конструкторе

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

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

Рассмотрим процедуру пошагово. Итак, сначала заходим в список карточек товаров:

Нажимаем кнопку «Товары и цены», далее выбираем карточку для редактирования
Нажимаем кнопку «Товары и цены», далее выбираем карточку для редактирования

Переходим внутрь карточки. Если нужно только добавить rich, сразу переходим к разделу «Медиа». В случае, когда необходимо редактировать другие разделы (цену, характеристики, штрихкоды, артикулы и так далее), надо пробежаться по всем разделам карточки.

Для создания презентации нам понадобится раздел «Медиа»
Для создания презентации нам понадобится раздел «Медиа»

Скролим раздел с медиа вниз до раздела с rich-контентом. Здесь нажимаем кнопку «Открыть визуальный редактор».

Чтобы перейти к конструктору, нажимаем кнопку «Открыть визуальный редактор»
Чтобы перейти к конструктору, нажимаем кнопку «Открыть визуальный редактор»

Теперь нужно выбрать: редактировать существующий лендинг (если он был в карточке до этого) или создать новый:

Можно отредактировать описание, сделанное ранее, или создать его с нуля
Можно отредактировать описание, сделанное ранее, или создать его с нуля

Мы выбрали создание новой презентации. В случае с редактированием сделанной ранее алгоритм будет таким же.

А вот как выглядит сам конструктор:

Конструктор презентации в личном кабинете
Конструктор презентации в личном кабинете

Теперь можно выбрать первый шаблон. Я остановился на трех картинках с текстом и перенес их в рабочее поле:

Теперь с шаблоном можно работать
Теперь с шаблоном можно работать

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

Фотографии загружены
Фотографии загружены

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

Добавляем описание товара
Добавляем описание товара

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

  • Размер текста.
  • Цвет и фон текста.
  • Выравнивание.
  • Размер отступов.
  • Размещение изображения.
  • И так далее.

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

После того, как работа закончена, нажимаем кнопку «Применить», которая расположена в верхнем правом углу конструктора. После проверки презентация появится в описании карточки товара.

Создание презентации в песочнице

Здесь понадобится минимальный скилл редактирования кода JSON. Работа проводится в разделе «Песочница».

Алгоритм работы — на скриншоте ниже.

Создание лендинга в песочнице
Создание лендинга в песочнице

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

  • src — ссылка на изображение, которое будет отображаться в десктопной версии.
  • srcMobile — ссылка на изображение, которое будет показано в мобильной версии или в приложении.
  • content — описание товара.
  • width — ширина изображения на сайте.
  • height — высота изображения на сайте.
  • И так далее.
Редактирование кода
Редактирование кода

После того как код отредактирован, его нужно добавить в карточку товара. Для этого нужно его скопировать, затем вставить в поле для кода раздела «Медиа»:

Поле для вставки кода
Поле для вставки кода

После вставки кода нажимаем кнопку «Далее» и переходим к предварительному просмотру карточки в презентации. 




Режим просмотра слайдов rich-контента
Режим просмотра слайдов rich-контента

Если все в порядке, нажимаем кнопку «Сохранить товар», после чего лендинг появится вместо обычного текстового описания:

Нажимаем кнопку «Сохранить товар», после чего лендинг появится вместо обычного текстового описания
Нажимаем кнопку «Сохранить товар», после чего лендинг появится вместо обычного текстового описания

Рекомендации по созданию rich-контента

Теперь перейдем к советам из практики. Расскажу о нескольких правилах, которых стоит придерживаться:

  • Не стоит делать избыточное количество блоков. Как я уже писал, оптимальное их количество — до 10 штук. Будет больше — и покупатель устанет на середине и не досмотрит презентацию до конца. Просто закроет описание вместе с карточкой товара.
  • Ключевую информацию о товаре ставим на первые слайды. Здесь не возбраняется продублировать характеристики товара: для покупателя так будет даже удобнее. А вторичные данные оставляем для последних изображений.
Первый слайд описания с важными характеристиками
Первый слайд описания с важными характеристиками
  • Не перегружайте изображения избытком информации. Если добавляете инфографику, иконки и другой визуал, следите за тем, чтобы в изображении было 3-5 таких модулей. Иначе покупатель утонет в информации. Лучше распределить такие вещи по другим слайдам.
  • Ошибка думать, что для простого и примитивного товара рич-контент не оправдан. Его можно и нужно делать даже для авторучек или медицинских масок. Ведь 2-3 слайда красочного и наглядного описания всегда лучше, чем обычный текст.
  • Делайте текст презентации SEO-оптимизированным. Как было сказано выше, такое описание индексируется поисковиками и товар можно будет найти прямо через «Яндекс» или Google.
  • Чередуйте виды блоков друг с другом. Лучше всего выглядят лендинги с разными типами слайдов: картинками, картинками с описанием и видеороликами.
  • При оформлении слайдов используйте логотипы и элементы брендинга вашего интернет-магазина: так делать можно. А еще можно упоминать другие товары бренда и всячески рекламировать ваш магазин на Ozon.

Коротко о главном

Подведем итоги статьи:

  1. Rich-контент — это описание в карточке товара в виде полноценной презентации, похожей на лендинг.
  2. Такое описание выделяет карточку на фоне похожих у конкурентов и повышает ее KPI: конверсию в продажу, число добавлений в корзину и так далее.
  3. Слайды могут быть нескольких типов: изображение с отступами или без, картинки с текстом сверху, снизу или сбоку, видео, текст или таблица.
  4. Типы слайдов можно чередовать в любых сочетаниях.
  5. Создать лендинг можно на конструкторе в личном кабинете или в песочнице путем редактирования кода.


Оценить статью
49 ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!