Как подбирать картинки для ПромоСтраниц

Обновления в дизайне, которые помогают вовлекать пользователей в просмотр

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

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

Текст с обложкой выглядит для большинства пользователей более привлекательно, чем большой объем сплошного текста

Обложка в начале ПромоСтраницы

Раньше большинство ПромоСтраниц начиналось с абзаца-двух текста, который готовы читать не все пользователи. Сейчас перед заголовком и первыми абзацами располагается изображение, обложка Страницы. Такое обновление дизайна по результатам тестирования повысило вовлечение в среднем на +3%, а переходы на сайт до 30%.

Как использовать обложку

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

Обложка формируется из того изображения, который пользователь увидел на объявлении в РСЯ, и по которому кликнул и перешел на ПромоСтраницу. Чтобы обложка выглядела привлекательно, важно соблюдать базовые правила подбора изображений на обложку:

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

В окне настройки обложек можно выбрать один из трех дизайнов с наиболее гармоничным сочетанием изображения и заголовка. Для удобства сделали предпросмотр в блоке «Примеры обложек».

Эффект приближения изображения

Когда пользователь листает ПромоСтраницы, изображения на ПромоСтранице немного увеличиваются, будто приближаются к взгляду пользователя. Это привлекает внимание к ним дополнительное внимание. Ведь часто читатель, увлеченный статьей, может пропускать картинки. Новая функция позволяет показать товар и подсветить мелкие детали. Это обновление дало +3% внешних переходов ПромоСтраницам, где оно было включено, в среднем на тестовых запусках.

Что важно учесть:

• Эффект приближения работает только для одиночных изображений, вне галереи.
• Лучше не использовать его для графиков и скриншотов.
• Отключать или включать функцию приближения можно на каждой фотографии отдельно.

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

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

Кроме базовых инструментов, доступно брендирование статьи в рамках спецпакета Black: возможность задавать более широкую картинку в «шапке», менять цвет фона текста ссылок. Это позволит максимально использовать площадь ПромоСтраницы под фирменный стиль бренда и при желании размещать дополнительные акцентные рекламные сообщения в «шапке».

Листая дальше, вы перейдёте на promopages.yandex.ru