Баннерная реклама — что это такое и зачем она нужна?

Приветствую вас, мои дорогие читатели!

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

Прогресс и торговля никогда не стоял на месте, и к концу 18-го и началу 19-го веков, когда была изобретена литография, появились рекламные щиты. Первый рекламный щит появился в 1835 году, когда Джаред Белл начал массовую рекламную кампанию своего цирка в США.

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

А вообще, баннер — это любое графическое изображение рекламного характера, для информирования, для привлечения клиентов или для создания позитивного имиджа (компании, претендента, участника выставки и т.д.). 

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

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

Однако в этой статье мы собираемся рассказать о баннерной интернет-рекламе, которая сегодня является самой мощной.

Что такое баннерная реклама?

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

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

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

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

Баннерная реклама копирует традиционные модели офлайн-рекламы, например, рекламные щиты, которые мы видим на улицах, или рекламные материалы, которые мы видим в прессе и в журналах.  

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

В начале далеких 90-х годах прошлого века инвестиции в интернет-маркетинг были практически нулевыми. Но все быстро изменялось и за один только год (с 1994 по 1995), бюджет инвестиций увеличился сразу на $300 000 000 в мире.  А в 2019 году, по данным Бюро интернет-рекламы, эта сумма превысила $784 000 000 и эта цифра растет с каждым годом.

Все это время Google доминировал в онлайн-рекламе через свои объявления Adwords. А как насчет социальных сетей? Facebook, Twitter, Instagram, YouTube… все изменилось, в том числе история интернет-рекламы. От способа общения до рекламных стратегий. 

Для чего нужен баннер и баннерная реклама?

Наиболее распространенное использование баннеров — это реклама в Интернете , которая сейчас более необходима, чем когда-либо. Чтобы охватить больше аудитории, они обычно отображаются на сторонних веб-сайтах (СМИ, форумы, блоги …) или в социальных сетях, которые монетизируют свое пространство, размещая рекламу среди своего контента. 

Таким образом, компании могут сделать свой баннер видимым для большой аудитории, а веб-сайты зарабатывают деньги, «сдавая в аренду» эти рекламные места. Целью баннерной рекламы может быть популяризация компании или сообщение предложения, два действия, которые стремятся к одному и тому же: реактивация бизнеса в цифровой среде.

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

История интернет-рекламы

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

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

История началась в октябре 1994 года с баннера 468×60, скромного формата, который хорошо сочетается с любым макетом страницы. Чуть позже, наряду с этим, использовались другие меньшие форматы, такие как 120×60 или 120×90, которые хорошо интегрировались по сторонам страниц. Точно так же были баннеры типа кнопок или мини-баннера с переменными размерами, например, 88×31, которые использовались для обмена или сертификации.

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

Фаза 2 эволюции баннера началась с формата «небоскреба». Это был первый баннер больших размеров, пришедший на замену кнопкам размером 120×60 или аналогичным, идеально подходящим для размещения по бокам страниц. Его создание призвано облегчить знаменитую «баннерную слепоту», из-за которой большинство пользователей, особенно имеющих некоторый опыт, полностью игнорируют рекламные места. Просто — и естественно — на них не обращают внимания, они даже не воспринимаются. Так что большой формат привлек внимание посетителей.

С этого момента начнут использоваться более крупные форматы баннеров. Но не только это, есть еще одна проблема — лучше интегрировать их с содержимым страницы. Идея состоит в том, что когда пользователь обращается к веб-странице, это происходит потому, что он интересуется контентом, который на ней представлен. Таким образом, чем ближе реклама к контенту, который искал пользователь, тем больше вероятность того, что пользователь ее воспримет. Так возникает формат баннера, называемый «Вешалка для одежды» или «Интегрированная коробка», который представляет собой более или менее большой прямоугольник (обычно 300×250), интегрированный в область, где отображается содержимое страницы.

С улучшением среднего оборудования пользователей Интернета возникла необходимость увеличения полезного пространства веб-страниц. В настоящее время многие из самых популярных страниц рассчитаны на экраны шириной 1024 пикселя. Для такой ширины страницы горизонтальный баннер заголовка, который раньше был 468×60, слишком мал. Затем в качестве стандарта появился формат 728×90, который гораздо более поразителен из-за своего размера и обычно занимает место заголовка, где 468 использовалось в меньших определениях.

Таким образом, сегодня наиболее часто используемый набор баннеров примерно на 50% больше, чем в начале. Все для того, чтобы привлечь больше внимания пользователей и удовлетворить потребности рекламодателей, повысив коэффициент конверсии кампаний.

Мы не могли закончить рассказ об истории, не говоря ни слова о других типах более навязчивых форматов баннеров, таких как «всплывающие окна», баннер с «плавающим слоем» или межстраничные объявления. Все эти форматы пережили период взлета и падения (особенно всплывающие окна), хотя во многих случаях они все еще используются.

• «Всплывающие» или «плавающие окна» стали использоваться для привлечения внимания пользователей путем вывода рекламы в отдельном окне. Окно отскочило от самой страницы. Это очень раздражало, настолько, что сегодня очень сложно открыть всплывающее окно без согласия пользователя, поскольку большинство браузеров блокируют подобные действия. Вариантом «всплывающих окон» представляют собой просто окна, которые отображаются под используемым браузером, так что, когда он закрыт, реклама видна. Посетители всегда считали всплывающие окна очень плохими и не получали результатов в серьезных средствах массовой информации из-за потери престижа, связанной с их использованием.
• Слои или плавающие слои — это форматы баннеров, которые не интегрированы в структуру страницы, а скорее плавают над содержимым. В большинстве случаев пользователь обязан закрыть плавающий слой, чтобы увидеть, что находится под ним, и поэтому должен уделять минимальное внимание баннеру, чтобы найти ссылку, по которой нужно щелкнуть, чтобы закрыть его. Их рост был вызван блокировкой всплывающих окон браузерами. Браузер обычно не может заблокировать слой, созданный и отображаемый с помощью Javascript, поэтому рекламодатели были уверены, что их рекламные объявления будут видны. Сегодня они все еще используются, но из-за навязчивого эффекта посетители плохо относятся к ним. При этом веб-редакторы редко их используют,
• Межстраничные объявления — это полноэкранные баннеры, которые длятся несколько секунд. Межстраничное объявление не позволяет видеть какое-либо содержимое страницы до тех пор, пока не пройдут эти секунды, а затем доступ к сайту будет освобожден. Межстраничные объявления используются мало, в том числе из-за их навязчивости, хотя хорошо известные и посещаемые страницы, такие как страницы газет, помогли популяризировать их и добиться большего признания среди пользователей.

Популярные форматы баннерной рекламы

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

1. Интегрированные форматы

Интегрированные форматы – это сформированные баннеры, которые занимают фиксированное положение в шаблоне веб-страницы, на которой они отображаются.

Рекламодатели чаще всего используют следующие интегрированные или фиксированные форматы баннеров:

• Баннер: прямоугольной формы с горизонтальной ориентацией, который много раз размещается в верхней трети страницы. Есть три суб-формата, которые различаются в зависимости от их размеров. У нас есть мега-баннер  (от 728 x 90 пикс. до более 900 пикс. в ширину и 90 пикселей в высоту), баннер  (468 x 60 пикс.) и половинный баннер  (234 x 60 или 234 x 90 пикс.). В случае мега-баннера он часто располагается вверху веб-страницы, что делает его особенно эффективным из-за его высокой видимости.
• Stealer (крадущийся или похититель страниц): это тип баннера, который гармонично вписывается в дизайн шаблона, поэтому он не навязчив. Обычно он находится рядом с содержанием статьи  и у него немного лучший CTR, чем у обычного прямоугольного баннера. Его размер варьируется от 300 x 250 пикс. (в этом случае это горизонтальный формат) до 300 x 600 пикселей (в этом случае это будет вертикальный формат).
• Небоскреб: вертикальный прямоугольный баннер размером 100 x 600 или 120 x 700 пикселей. Обычно он встроен в боковые столбцы веб-страницы или рядом с ними.

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

2. Расширяемые форматы

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

Эти графические элементы, которые могут быть увеличены на экране с помощью второго формата, называемого панелью, размер, направление расширения и исполнение (наведение курсора и щелчок) будут определяться заказчиком. Рекомендуется, чтобы все панели включали в себя кнопку закрытия. 

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

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

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

3. Плавающие форматы

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

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

Наиболее распространенные форматы плавающей графики:

• Межстраничное объявление: это баннер, занимающий все окно браузера (800 x 600 пикселей). Оно называется межстраничным,  потому что обычно появляется между щелчком пользователя по ссылке и контентом, на который указывает ссылка, или до того, как первая страница была загружена. Иногда оно отображается на самой домашней странице веб-сайта таким образом, что пользователь вынужден щелкнуть, чтобы пропустить рекламу и получить доступ к контенту. Охватывая большую часть видимой области экрана,  межстраничные объявления очень эффективно привлекают внимание пользователя. Однако для большинства из них это навязчиво. Нарушение частоты  межстраничных объявлений обычно это приводит к увеличению показателя отказов (пользователи, которые закрывают браузер или покидают сайт, уставшие от постоянных перерывов в просмотре).
• Слой: этот тип баннера состоит из анимированного изображения, особенность которого заключается в том, что оно перемещается по содержимому веб-страницы, в которую оно вставлено. Его движение вполне может быть анархическим, или до тех пор, пока пользователь не решит щелкнуть по нему, или в течение определенного периода времени. Этот формат может обеспечивать высокий коэффициент CTR, но, как и  межстраничные объявления, он воспринимается как очень навязчивый.

ТОП-5 инструментов для создания баннеров

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

1. Canva

Canva — это онлайн-платформа, которая позволит вам легко создавать баннеры и содержит шаблоны для создания привлекательного дизайна в различных форматах (gif, jpg, png и т. Д.).

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

В нем есть все виды графического материала: 

• шаблоны;
• структуры для размещения элементов; 
• формы;
• значки;
• фотографии;
• шрифты и многое другое.

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

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

Создать онлайн-баннер в Canva очень просто. Хотите обновить свой профиль в Facebook, Twitter, YouTube или LinkedIn? Просто перетащите элементы дизайна в наш редактор и настройте тысячи бесплатных шаблонов, чтобы создать баннер, идеально соответствующий визуальному стилю вашего бренда. Выберите шаблон, цвета, шрифты, изображения и вуаля! И это еще не все: шаблоны имеют размеры по умолчанию для каждой платформы, поэтому вы можете убедиться, что у вас есть идеальные размеры для каждого из ваших дизайнов.

2. VistaCreate

VistaCreate (ex. Crello) — это онлайн-платформа, которая предоставляет вам шаблоны и инструменты для графического и видеодизайна, позволяющие легко создавать профессиональные проекты всего за несколько шагов, используя шаблоны, созданные дизайнерами:

Платформа предлагает вам более 25 000 статических шаблонов и 9 000 готовых шаблонов видео, доступ к библиотеке из 70 миллионов стоковых изображений. Но, вы также можете создавать свои проекты с нуля.

Ключевые особенности платформы VistaCreate для создания дизайнов и презентаций:

• Платформа предлагает все инструменты для разработки контента и шаблонов с необходимыми параметрами настройки для создания собственных презентаций.
• Он имеет более 30 000 уникальных шаблонов, созданных профессионалами на основе последних тенденций дизайна и маркетинга.
• Растущая библиотека с более чем 180 миллионами фотографий, более 32 000 видео и анимаций, 15 000 иллюстраций, градиентов, значков и т. д. Все, что вам нужно для творческого процесса. 
• Утилита для удаления фона с изображений без необходимости использования внешней программы для редактирования фотографий. Вы можете убрать фон даже с самых детализированных фотографий одним кликом (платная опция)
• Вы можете создать рабочую группу до 10 человек. Совместная работа в команде позволяет легко создавать дизайны, организовывать проекты, вносить изменения и утверждать документы.
• Тысячи шаблонов с анимированными объектами для создания привлекательных презентаций за считанные минуты. Возможность анимировать любой статический объект.
• Тысячи мелодий, классифицированных по жанрам и настроению. Вы можете выбрать музыку и добавить ее в проект, а также можете загрузить свою песню.

3. Gifmaker.me

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

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

Вы можете редактировать свой GIF, когда захотите. Просто нажмите кнопку «Редактировать», чтобы открыть редактор GIF Maker, внести графические изменения, переключиться в анимированный режим и настроить движения видео. В конце сохраните и визуализируйте, и все готово. Если вы хотите сохранить исходную версию вашего анимированного GIF, нажмите кнопку «Использовать».

Эта платформа бесплатна и хорошо работает во всех веб-браузерах, если у вас установлен флеш-плеер.

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

Для Android это приложение становится все более популярным. Он позволяет конвертировать как изображения из вашего файла, так и созданное видео в формат GIF. Вы можете создать GIF продолжительностью от 5 до 25 секунд. Это совершенно бесплатно.

4. BannerFlow

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

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

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

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

5. Adobe Photoshop

Adobe Photoshop — это программа, разработанная Adobe в 1980-х годах и выпущенная на рынок в 1990 году и доступная только для компьютеров Macintosh. Это было в 1992 году, когда он был наконец впервые установлен на компьютеры с операционной системой Windows.

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

Для примера:

Если вы хотите дизайн без движения, вам достаточно создать новый файл с размерами баннера и разрешением 72 dpi (обычное в Интернете).

Чтобы сделать анимированный баннер в Photoshop, перейдите в меню Окно > Временная шкала. Затем в нижней части экрана появится окно, в котором можно создать анимацию. После создания дизайна необходимо сохранить файл в формате GIF. Для этого перейдите в меню Файл > Экспорт > Сохранить для Web. И в появившемся окне выберите формат GIF.

Имея все эти возможности, вы теперь готовы создавать рекламные объявления для вставки на веб-страницы и в блоги.

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

А тем кто хочет освоить Фотошоп почти наверняка пригодится наша подборку курсов по Adobe Photoshop.

Еще больше инструментов вы можете прочитать в нашей статье про инструменты дизайнера.

Советы новичкам

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

• Первый совет по созданию привлекательного баннера — упростить. Когда мы говорим о баннерах, меньше значит больше. Если мы поместим много информации, сообщение потеряно. Включите в баннер несколько минимальных элементов: краткое сообщение, объясняющее, что предлагается, изображение и фразу с призывом к действию. У вас уже будет сайт в сети или на целевой странице, чтобы расширить информацию или указать условия предложения.

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

• Наконец, рекомендуется создать два разных дизайна и протестировать с помощью A/B-теста, какой из них работает лучше. Половина пользователей увидит один дизайн, а другая половина — другой. Таким образом, вы сможете проанализировать, какой из них дает лучшие результаты, и показать это всему миру.

Преимущества и недостатки баннерной рекламы

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

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

FAQ

В этом разделе мы собрали все самые популярные вопросы которые возникают у новичков.

Итог:

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

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

Возникает вопрос: где может закончиться история рекламных форматов Интернета? Нет сомнений в том, что нам еще есть что придумать и что нужно знать.

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

На этом у меня все. До встречи на страницах нашего блога.