Обновления в дизайне, которые помогают вовлекать пользователей в просмотр
В ПромоСтраницах гибкие возможности для коммуникации с пользователями. Рассказывать о продукте или услуге можно не только с помощью текста, но и визуальных инструментов: обложек, изображений с эффектом приближения, видеороликов, и гифок. На весенней ПромоСреде команда анонсировала обновления дизайна Страницы, которые позволяют усилить вовлеченность и результаты размещений.
Собрали рекомендации, как оптимально использовать изображения в ПромоСтраницах, чтобы получить еще больше эффекта от контента.
Текст с обложкой выглядит для большинства пользователей более привлекательно, чем большой объем сплошного текста
Обложка в начале ПромоСтраницы
Раньше большинство ПромоСтраниц начиналось с абзаца-двух текста, который готовы читать не все пользователи. Сейчас перед заголовком и первыми абзацами располагается изображение, обложка Страницы. Такое обновление дизайна по результатам тестирования повысило вовлечение в среднем на +3%, а переходы на сайт до 30%.
Как использовать обложку
- создать атмосферу, — например, в статье о находках для дома показать уютную гостиную;
- показать товар лицом — добавить фото, на котором крупно изображен продукт;
- показать контекст проблемы потребителя, — например, в статье о выборе телевизора прикрепить фото, где покупатель находится в магазине техники;
- показать образ мечты — то, чего покупатель сможет достичь с помощью вашего товара, например красивый интерьер, поездку на дорогой машине или путешествие.
Обложка формируется из того изображения, который пользователь увидел на объявлении в РСЯ, и по которому кликнул и перешел на ПромоСтраницу. Чтобы обложка выглядела привлекательно, важно соблюдать базовые правила подбора изображений на обложку:
- Соотношение сторон от 1:1 до 4:3/3:4, допустимо широкоформатное — 16:9. Важно учитывать, что картинка кадрируется. В мобильных устройствах будет виден кадр примерно 1:1 от центра изображения. В десктопе — будет виден кадр 2:1 от центра изображения.
- Максимальный объем загружаемого изображения — не более 10 МБ.
- Формат файла должен: JPG или PNG.
- Ширина для изображений — не менее 1600px, тогда они будут хорошо смотреться на большинстве устройств.
- Рекомендуем не использовать обложки с текстом. Но если без них никак, старайтесь располагать текст в центре.
- Лучше использовать фотографии, а не отрисованные картинки.
- Желательно не ставить изображение на первый экран (после первого-второго абзаца). Картинка на обложке страницы будет визуально с ним конфликтовать.
- При выборе между предметным изображением и сюжетным, отдавайте предпочтение сюжетному. Сюжет должен быть узнаваемым и понятным, чтобы пользователь быстро и без дополнительных пояснений мог понять, кто или что изображено и/или какое действие демонстрируется. Например, для ПромоСтраницы банка о кредитах, лучше выбрать фотографию человека, снимающего деньги в банкомате, а не крупноплановую фотографию купюр.
В окне настройки обложек можно выбрать один из трех дизайнов с наиболее гармоничным сочетанием изображения и заголовка. Для удобства сделали предпросмотр в блоке «Примеры обложек».
Эффект приближения изображения
Когда пользователь листает ПромоСтраницы, изображения на ПромоСтранице немного увеличиваются, будто приближаются к взгляду пользователя. Это привлекает внимание к ним дополнительное внимание. Ведь часто читатель, увлеченный статьей, может пропускать картинки. Новая функция позволяет показать товар и подсветить мелкие детали. Это обновление дало +3% внешних переходов ПромоСтраницам, где оно было включено, в среднем на тестовых запусках.
Что важно учесть:
- Эффект приближения работает только для одиночных изображений, вне галереи.
- Лучше не использовать его для графиков и скриншотов.
- Отключать или включать функцию приближения можно на каждой фотографии отдельно.
При включенном эффекте приближения особенно важным становится качество изображения, его информативность и уместность. Вот базовые советы по подбору иллюстраций для ПромоСтраниц от нашей контентной команды:
Чтобы точно не ошибиться, рекомендуем прочитать о 5 частых ошибках при оформлении ПромоСтраниц и как их можно избежать на примерах удачных приемов наших рекламодателей. На случай, если решите использовать фотографии с фотостоков, собрали инструкцию, как искать действительно хорошие и небанальные
Кроме базовых инструментов, доступно брендирование статьи в рамках спецпакета Black: возможность задавать более широкую картинку в «шапке», менять цвет фона текста ссылок. Это позволит максимально использовать площадь ПромоСтраницы под фирменный стиль бренда и при желании размещать дополнительные акцентные рекламные сообщения в «шапке».