Как сделать баннер для рекламы

Сегодня я хочу рассмотреть популярные форматы баннеров в сети и объяснить, почему пользователи не замечают их на самом видном месте.

Что такое баннер

Баннер – это реклама в интернете, которую размещают на сайтах в виде прямоугольных изображений, привлекающих внимание. К такой рекламе относятся картинки, анимации, интерактив или слайды. Пользователь кликает на баннер и попадает на сайт рекламодателя, где находится товар, услуга или продукт.

На сайте для баннера отводится пространство – специальный блок, в рамках которого и показывается баннерная реклама. Администратор сайта может вставить баннер вручную или подгружать рекламу с внешнего источника, после чего получать деньги от рекламодателей, которые захотят арендовать это место под свой баннер.

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

Комьюнити теперь в Телеграм
Подпишитесь и будьте в курсе последних IT-новостей

Зачем нужен баннер

Баннеры – это основной и универсальный тип рекламы в сети. Это первый контакт компании с потенциальным клиентом в интернете.

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

Типы баннеров

Чтобы не запутаться в разнообразии рекламных баннеров, разобьем их по следующим критериям:

• площадка,
• размер,
• формат,
• цель рекламной кампании.

Эти критерии определяют, как выглядит баннер на сайте.

По площадке

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

По размеру

Перед созданием баннера важно определить его размер.

Рекомендованные размеры баннеров установлены «Бюро интерактивной рекламы» и указываются в пикселях.

Несмотря на различные виды баннеров, основной массив рекламы в интернете приходится на три формы:

• 300×250 – 40%,
• 728×90 – 25%,
• 160×600 – 25%.

По формату

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

• Текстовые – блок информации из текста не так сильно бросается в глаза. Как правило, сочетается с дизайном сайта, на котором он находится, поэтому не вызывает раздражения пользователей, но и не перетягивает на себя внимание.
• Статичные – это картинки в формате jpg или png. Простые изображения, которые легко разработать. При нажатии переводят посетителя на сайт рекламодателя.
• Анимированные – это анимации в формате gif. По сути, нарезка статичных изображений со скоростью 3-5 кадров в секунду.
• Интерактивные, flash-баннеры – разрабатываются с помощью JavaScript и HTML5. Подразумевают более активное взаимодействие с пользователем. Могут содержать в себе несколько медиаформатов одновременно: аудио, видео, изображение, анимацию. Поэтому иногда их называют rich-media.

Простые баннеры можно создать в графических десктопных редакторах (Photoshop, CorelDRAW) или онлайн-сервисах (Canva, Гифовина).

Баннеры посложнее можно создать с помощью Google Web Designer. Для работы в данной программе навыков программирования не требуется.

По цели рекламной кампании

• Брендовый – это баннеры с логотипом компании. Повышают узнаваемость и доверие к бренду. Их используют, чтобы сделать фирму популярнее.
• Целевой баннер используют, чтобы привлечь внимание целевой аудитории. Как правило, он рекламирует сайт целиком, а не конкретную услугу или товар. На баннере размещается общая информация, а его цель – чтобы пользователь перешел на сайт рекламодателя и ознакомился с продуктом.
• Информационный баннер используют для рекламы конкретных товаров или услуг. Сообщает о новинках, акциях, скидках или специальных событиях. Задача – заинтересовать покупателя и побудить к покупке товара.

Что такое баннерная слепота

Баннерная слепота – это склонность пользователей интернета не замечать в сети рекламу и все, что на нее похоже. Из-за переизбытка информации у людей появился рефлекс игнорировать ненужные элементы. Даже та реклама, которая нападает на посетителя сайта и не дает ознакомиться с его содержимым, без промедления закрывается.

Средний CTR баннерной рекламы – 0.05%. Это значит, что по баннеру кликают только 5 из 10 000 пользователей, которым показывают рекламу. Это наименьший показатель среди всех форматов рекламы.

Средний CTR различных видов баннерной рекламы

Причины баннерной слепоты

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

Как справиться с баннерной слепотой и заставить пользователя обратить внимание на свою рекламу

Не заставлять и не рекламировать громко

Хорошо, когда баннер выполнен в стилистике сайта и работает по его законам. Поэтому все всплывающие, пестрящие и навязчивые окна лучше убрать и заменить на аккуратные блоки, которые не будут «перекрикивать» сайт. Эти блоки нужно размещать в «тело» страницы. Когда пользователь доберется до них – у него появится повод изучить предложение, а не машинально закрыть его.

Работать на целевую аудиторию

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

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

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

Тестировать

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

Не стоит верить в волшебство

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

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

Иными словами, нужно иметь рабочую «воронку продаж». Если какая-то часть воронки не работает, даже самый хороший баннер вам не поможет.

Источник: timeweb.com

Как сделать баннер для письма: практические советы

Баннер – первое, что видит читатель, открывая рассылку. Поэтому важно оформить его так, чтобы письмо прочитали полностью. Кроме того, хороший баннер для email:

• сообщает важную информацию
• задает тональность и настроение электронного письма
• повышает узнаваемость бренда через фирменные элементы

Письма с изображениями выглядят понятнее и нагляднее текстовых

Чтобы сделать хороший баннер, нужно учесть несколько важных моментов в дизайне, о которых расскажем далее.

Правильный размер

Стандартная ширина письма – 600 пикселей и ширина баннера не должна превышать это значение. Иначе картинка может обрезаться при просмотре со смартфона или планшета.

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

Пример отображения письма на разных устройствах

Также не рекомендуется делать баннеры для email рассылки весом более 200 Кб или помещать много картинок в одно письмо – это замедляет загрузку.

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

Подробнее о размере баннера для рассылки по почте и общих требованиях к электронному письму мы писали в статье « Каким должен быть размер письма ».

Контрастные цвета

Яркие и контрастные баннеры привлекают внимание, но нельзя забывать о правилах цветовых сочетаний, чтобы картинка не вызывала желание поскорее ее перелистнуть.

Проще всего подбирать сочетания по цветовому кругу с помощью сервиса Color Scheme . Если у бренда есть корпоративные цвета, то в email-маркетинге лучше придерживаться указанной палитры в дизайне.

Пример яркого и контрастного баннера в корпоративных цветах компании

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

Пример яркой графики к тематической распродаже в магазине техники

Тематические изображения

Старайтесь подбирать картинки, которые будут ассоциироваться с тематикой письма. Вот несколько примеров:

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

Пример тематической картинки для анонса скидки на курсы по рисованию

Если у вас нет корпоративного фотобанка, используйте бесплатные стоки, например:

• Pixabay – бесплатный ресурс медиа файлов, разрешенных для использования в коммерческих целях
• Unsplash – бесплатный фотосток с атмосферными фотографиями
• Picjumbo – англоязычный сток, материалы с сайта можно использовать без лицензии

Важная информация

Если у вас скидка или акция, постарайтесь, чтобы информация считывалась мгновенно. Укажите главное в нескольких словах, а подробности распишите в теле письма, чтобы рекламный баннер был информативным и лаконичным.

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

Сравните яркость и лаконичность двух баннеров

Еще больше советов по созданию акционных рассылок вы найдете в статье « Как писать email-рассылки об акциях ».

Графические элементы

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

Примеры акцентных графических элементов впочтовойрассылке сервиса для SMM-специалистов

Если в шапке письма нет логотипа компании, то разместите его на баннере, чтобы при беглом просмотре почты сразу было понятно, от кого письмо.

Примеры баннеров с логотипами компании

Кнопка действия

Добавьте СТА в виде кнопки, если от пользователя требуется действие: перейти, купить, забронировать. Если на баннере для письма есть промокод, продублируйте его ниже, чтобы текст можно было скопировать. Также можно прикрепить к рекламному баннеру ссылку, при нажатии на которую промокод применится автоматически.

Примеры ярких баннеров для рассылки с СТА-кнопкой

Подробнее о трендах оформления СТА-кнопки читайте в статье « Дизайн email-рассылок: правила и тренды 2022 ».

Ссылка и alt-текст

Добавьте ссылку и alt (альтернативный) текст, который нужен, если картинка не загрузится. Обычно в поле alt-текста дублируют текст с баннера или описывают изображение, например: солнце на закате или девушка на тренировке.Обычно альтернативный текст и ссылка прописываются в меню редактирования картинки. Покажем, как их добавить на примере редактора сервиса для email-рассылок Sendsay. В разделе «Рассылки» нужно нажать кнопку «Создать выпуск» и перейти в блочный редактор.

Создание нового письма в сервисе Sendsay

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

Предпросмотр письма, собранного в блочном конструкторе: слева вид с версткой для десктопа, справа вид с версткой для смартфона

Чтобы написать альтернативный текст, в редакторе нужно добавить новую секцию с картинкой. Затем загрузить изображение и кликнуть по нему мышкой – появится дополнительное меню с возможностью заменить картинку, выбрать способ выравнивания, добавить ссылку и альтернативный текст.

Добавление alt-текста и ссылки в блочном редакторе Sendsay

Анимация

Используйте вместо статичного изображения анимацию в формате GIF или APNG. Не делайте для почтовой рассылки сложную и тяжеловесную анимацию, потому что она не загрузится у получателя. Достаточно сделать подвижными некоторые элементы:

• сияние блестящих предметов, например, украшений или косметики
• постепенное появление элементов с описанием товара
• слайд-шоу товаров
• бегущая строка с сообщением об акции

Помните, что рекомендуемый размер баннера не должен превышать 200 Кб.

Пример баннера для электронной почты в формате GIF

Также рекомендуем увеличивать насмотренность: подписаться на почтовые рассылки местных и иностранных конкурентов, черпать вдохновение в сервисах с подборками. Например, искать по запросу «баннер для рассылки» в Pinterest или просматривать примеры оформления писем на сайте Email Gallery .

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

Чек-лист баннера для рассылки

• Яркая картинка, которая вызывает желание прочитать письмо
• Соблюдены корпоративные цвета бренда, если требуется
• Суть предложения указана в нескольких словах или цифрах
• Графические элементы подходят тематике ниши и привлекают внимание
• CTA-кнопка яркая и выделяющаяся
• Добавлены ссылка и alt-текст
• Подходящий размер баннера рассылки
• Опционально: анимация вместо статичного фото

Источник: sendsay.ru