Баннер на сайте: Attention Required! | Cloudflare

Содержание

✅ Что такое Баннер: Определение, Виды, Примеры - Определение

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

 

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

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

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

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

Недостатки баннерной рекламы

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

Виды баннеров

  • Графический баннер
  • Анимированный баннер
  • Flash-баннер

Графический баннер (PNG, GIF, JPEG)

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

Анимированный баннер (GIF)

Рекламные баннеры с GIF-анимацией должны длиться до 30 секунд, а скорость должна быть меньше 5 кадров в секунду для корректного отображения в Google.

Flash-баннер

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

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

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

  • количеством кликов
  • показателем CTR
  • стоимостью

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

Требования к баннерам

  1. Правильно распределяйте место
  2. Пишите понятный призыв к действию
  3. Не забывайте о бренде
  4. Будьте креативны
  5. Включите элементы интерактива
  6. Используйте юмор
  7. Соблюдайте цветовой баланс

Правильно распределяйте место

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

Пишите понятный призыв к действию

Призыв к действию должен привлекать внимание и мотивировать пользователя кликнуть на баннер. Размещайте только одну CTA кнопку с коротким текстом, например "Узнать больше", "Купить", "Скачать".

Не забывайте о бренде

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

Будьте креативны

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

Включите элементы интерактива

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

Используйте юмор

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

Соблюдайте цветовой баланс

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

Баннеры в email рассылках

Маркетологи активно используют баннеры в email рассылках, так как они являются яркой демонстрацией рекламируемого товара. Лучшего всего их размещать перед телом письма или после первого абзаца. Таким образом, баннер точно попадет в поле зрения подписчика, поскольку находится в первом экране. 

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

Баннер в email рассылке должен содержать короткий текст, картинку, сумму скидки или промокод, призыв к действию. 

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

Хорошие примеры баннерной рекламы

Эта реклама инструментов для газонов и садов сразу привлекает внимание. В ней нет ничего лишнего, но взгляд не отвести.

 

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

 

А это пример интерактива в баннере в виде небольшого квеста. Реклама гласит: «Если вы эксперт в IT, нам нужно, чтобы вы нашли продолжение этой рекламы в исходном коде».

Обновлено: 18.02.2021

Оценка: 5 / 5 (10)

что такое, какие они бывают и где используются?

Баннер — это графическое изображение, имеющее рекламный или имиджевый характер.

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

Баннер является основным носителем информации в баннерной рекламе или контекстно-медийной рекламе.

Виды баннеров 

Баннеры подразделяются на 2 больших направления: 

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

Интернет баннеры

Интернет-баннеры — один из преобладающих видов интернет-рекламы, при этом, он же один из самых дорогих.

По методу воздействия интернет баннеры подразделяются:

  • Статические — изображение в формате «.jpg» или аналогичном, не предусматривающее смены кадров или движения элементов при показе такого интернет баннера.
  • Динамические — анимированное (подвижное) изображение, чаще всего в форматах «.gif» или «.swf» (Flash).

По форме графические банеры бывают:

  • Прямоугольные: фиксированного размера (например: 230х150 px), или «резиновые» (динамически растягиваются под любое расширение монитора посетителя).
  • Рекламные модули, увеличивающие свой размер при наведении на них курсором (текст вокруг них при этом, обычно, перекрывается).
  • Pop-up (pop-under): баннер, открывающийся в новом окне поверх основного содержимого страницы, и полностью его перекрывающий.
    Например, Яндекс, такие банеры очень не любит и занижает позиции сайтов, использующих подобную технологию банеров.

    Пример pop-up баннера:

  • Rich-media: интерактивный ролик, отображающийся поверх страницы сайта.

    Пример rich-media баннера:

Эффективность интернет баннеров и стоимость

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

Среднее значение для CTR интернет-баннеров находится в пределах 0,5 – 2%.

Стоимость размещения интернет-банеров обычно оценивается

за 1 000 показов. Данный показатель называется CPM (Cost Per Mille) и используется на некоторых сайтах.

Другой вариант определения стоимости размещения интернет банера — прайс-лист площадки, составленный исходя из внутренней политики ценообразования и учитывающий % показов и примерный прогноз показов по вашему банеру.

Способы размещения интернет баннеров

Интернет-баннеры могут размещаться одним из следующих способов:

  • На своем сайте — для внутренней навигации или рекламы.
  • На сайтах партнеров — для взаимной рекламы с вашим сайтом.
  • В поисковых системах — для охвата максимальной аудитории в Интернете. 
  • На тематических или отраслевых порталах.

В последнее время, активно набирает популярность размещение рекламных баннеров по технологии RTB (Real Time Bidding), которая в реальном времени отбирает баннер рекламодателя, с учетом размера его ставки за показ и соответствия профиля посетителя сайта тергетингу баннера.

 

Услуги, связанные с термином:

Виды Рекламных Баннеров в Интернете — Plerdy

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

Что такое рекламный баннер и для чего он нужен?

В переводе с английского слово баннер («banner») означает «транспарант». На практике ‒ это изображение рекламного характера, которое состоит из текстового сообщения, графических рисунков или анимации. Его код содержит ссылку на определенный ресурс. Нажав на баннер, пользователь автоматически перенаправляется на сайт, который рекламируется и может детально ознакомиться с услугой или товаром.

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

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

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

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

  • увеличение посещаемости сайта;
  • рост популярности продукта;
  • формирование положительного мнения к бренду.

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

Команда Plerdy подготовила для Вас новый бесплатный вебинар — «Оптимизация конверсии сайта: что такое и ее влияние на продажи». Видеозапись Вы можете посмотреть в этом видео. Присоединяйтесь к тем, кто уже успел посмотреть этот вебинар.

Признаки эффективного дизайна рекламного баннера для сайта

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

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

Соответственно, эффективный баннер должен соответствовать тому виду продукции, которую он рекламирует.

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

1. Itau

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

2. Marie Callender

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

3.

IKEA

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

4. Acai Berry Detox

Яркий пример успешного рекламного объявления для биодобавок создали производители Acai Berry Detox. Лаконичный дизайн, цветовая гамма, выдержанная в стиле бренда, прямые посылы и четкий призыв к действию.

5. Shapiro MD

Реклама шампуня для роста волос от Shapiro MD. Удачная композиция, приятное мужское лицо, улыбающийся взгляд, располагающий к покупке. Композиция выдержана в общем тоне, нет вызывающих цветов. Текст исключительно по сути, без лишних конструкций и перегруза информацией.

Эффективные баннеры, как правило, имеют сходные характеристики:

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

Виды рекламных баннеров (классификация)

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

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

Баннерные объявления размещаются в самых разных местах интернет-сайтов. По локализации блоков баннеры делятся на такие виды:

  • билборды ‒ большие цифровые плакаты размером 970*250 пкс, которые размещают на главных страницах ресурсов;
  • лайтбоксы ‒ реклама, рассчитанная на привлечение внимания всех посетителей ресурса, размещается посередине экрана или вверху страницы и демонстрируется 10-20 секунд, после чего исчезает;
  • «этажи» ‒ интерактивные окна внизу экрана;
  • обои ‒ максимально возможный размер рекламного блока 1920*1200 пкс;
  • плавающие ‒ баннеры перемещаются по всему экрану в зависимости от незаполненных мест.

В зависимости от выбранного формата рекламные блоки классифицируются на:

  • Текстовые. Имеют несколько значительных преимуществ перед другими форматами баннеров. Во-первых, показываются даже у тех пользователей, которые отключили просмотр графического контента на своем устройстве. Во-вторых, сокращают время загрузки. В-третьих, не раздражают глаз беспрерывным мерцанием.
  • Интерактивные. Привлекательный внешний вид и быстрая загрузка таких баннеров нравятся пользователям. Поддерживают Flash, Cgi, JavaScript.
  • Графические. Наиболее тяжеловесные инфо блоки в виде простых картинок. Допускаются форматы jpeg, gif, png.

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

Рекомендации как создать рекламный баннер

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

  1. Определить конечную цель, на которую будет работать реклама.
  2. Привлечь профессионального дизайнера, который сможет сделать креативный макет. В меру яркий и насыщенный, динамичный, удерживающий внимание потребителя и подталкивающий к покупке.
  3. Подобрать правильный размер блока. По наблюдениям маркетологов, самый «продающий» баннер имеет размер 460*60 пкс.
  4. Разместить рекламное окно в верхней части страницы. Как показывает практика, люди сначала обращают внимание на верхнюю часть листа веб-страницы. Информация, представленная ниже, может вообще не попасть в поле зрения.
  5. Добавить на баннер анимацию. Доказано, что динамичные картинки привлекают больше внимания пользователей и лучше мотивируют к совершению покупки.
  6. Подобрать гармоничную цветовую гамму. По утверждениям психологов, на человеческое сознание положительно влияют сочетания белого и синего цвета, белого и красного, а также сочетание желтого с черным.

И еще несколько хитростей от создателей успешной баннерной рекламы:

  • вес блока не должен превышать 10-15 Кб, что обеспечит его быструю загрузку;
  • кнопки «Войти» и «Нажми здесь» на 20% повышают эффективность;
  • мотивирующие заголовки, содержащие цифры, вопросы или загадку магическим образом воздействуют на потенциальных клиентов, заставляя перейти по ссылке;
  • информация, напечатанная голубым цветом, подсознательно ассоциируется с ссылкой и подталкивает совершить по ней переход.

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

Помним, что:

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

Грамотно созданные рекламные баннеры не обернутся в бессмысленную трату денег, а принесут их владельцам популярность и прибыль.

Как разместить баннер на своём сайте – База знаний Travelpayouts

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

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

Размещение баннера при помощи HTML-кода

1. Изображения для размещения на сайте находятся в инструментах программ. Например, баннеры Aviasales доступны в здесь. Кроме того, баннеры Hotellook собраны в этом архиве.

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

3. Откройте в редакторе страницу сайта, на которой планируете разместить баннер.

4. Вставьте следующий код для отображения баннера в требуемом месте страницы.

Обратите внимание! Необходимо использовать Генератор ссылок, чтобы создать ссылку с партнёрским маркером.

<a href="https://tp.media/r?marker=XXXXX&trs=955&p=4114&u=https%3A%2F%2Fwww.aviasales.ru"><img src="/image/banner_name.png"/></a>

где вместо https://tp. media/r?marker=XXXXX&trs=955&p=4114&u=https%3A%2F%2Fwww.aviasales.ru необходимо поставить вашу партнёрскую ссылку, а вместо /image/banner_name.png — имя папки, в которой сохранён баннер и его имя.

Важно! Не используйте в названии файла изображения banner, ads и подобные слова — блокировщики рекламы удаляют такие изображения со страниц сайтов.

5. Сохраните изменения. Всё, баннер размещён. 

Размещение баннера при помощи визуального редактора

Если вы используете для редактирования страниц визуальный редактор (например, как в WordPress), то размещение баннера происходит еще легче.

Нажмите кнопку Добавить медиафайл:

Загрузите файл-изображение баннера:

В окне редактирования настроек изображения в пункте Ссылка выберите вариант Произвольный URL и укажите вашу партнёрскую ссылку.

Сохраните изменения. Ваш баннер готов к работе.

как сделать баннер, за который не будет стыдно

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

В интернете много шумихи по поводу баннеров. Они уже отжили свое? Кликает ли кто нибудь на них? Может, они уже мертвы? А вдруг появилась лучшая альтернатива баннерам? И хотя правда то, что по баннерам стали меньше кликать, это еще не конец популярного рекламного формата. Даже если вы не можете измерить эффективность рекламы, вы не будете возражать, что она все равно влияет на выбор пользователя в пользу того или иного продукта или сервиса.

Сегодня мы рассмотрим 15 дизайнерских приемов для создания баннеров, за которые не будет стыдно. Для примеров мы взяли победителей 2015 года по версии Webby Awards.

1. Придерживайтесь стандартных размеров


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

На Google Adwords, одном из крупнейших серверов баннерной рекламы в интернете, можно узнать про наиболее популярные размеры.

Ниже размеры, которые вы должны выбрать в первую очередь:

  • 728×90 px — полноразмерный баннер (часто показывается вверху или внизу страницы)
  • 300×250 px — встроенный прямоугольник (преимущественно показывается в правой части сайта или вставляется в текст)
  • 300×600 px — блок на половину страницы
  • 320×100 px — мобильный баннер

2. Придерживайтесь последовательности

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

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

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

3. Один баннер равняется одному сообщению


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

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

4. Помните о том, где будет размещен баннер

Где вы планируете размещать баннеры после того, как сделаете сам креатив? Если вы используете сервисы подобные Google, у вас будет не сильно много возможностей контролировать размещение. Но если вы хотите разместить их на определенных вебсайтах, в приложениях или email рассылках, вам нужно будет изучить их и принять во внимание их дизайн, прежде чем делать свои баннеры.

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

5. Используйте призыв к действию


Какая самая главная задача баннера? Правильно — на него должны кликнуть. Используйте призыв к действию (Call to Action) в каждом баннере, который вы делаете. Подскажите пользователю, что ему нужно делать дальше.

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

6. Забудьте про Flash

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

Используйте вместо этого HTML5. Если вам нужно сконвертировать какие то свои старые креативы и вдохнуть в них новую жизнь, у Google есть небольшой урок, который поможет это сделать.

7. Используйте кнопки


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

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

8. Сфокусируйтесь на шрифтах

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

Согласно правилу большого пальца, обычно двух начертаний шрифтов бывает достаточно.

  1. Делайте большие заголовки. Используйте жирные, немного необычные или цветные шрифты, чтобы привлечь внимание пользователей.
  2. Отдавайте предпочтение шрифтам без засечек (sans serif). Вы можете использовать два размера или два начертания жирного — один для основного текста, а другой для кнопок или призыва к действию. Просто убедитесь, что они легко читаются.

9. Используйте простую анимацию


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

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

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

10. Сохраняйте правильно

Это важный момент. Никто не разместит вашу рекламу, если файлы слишком много весят или у баннера будет неправильный формат. Оптимизируйте размер по максимуму. Итоговый размер файлов не должен превышать 150 кб, в зависимости от площади рекламного баннера.

После этого убедитесь, что баннер сделан в правильном формате, стандартном для интернет-рекламы. Распространенные форматы баннеров — PNG и JPG для статических баннеров, GIF — для анимированных. SVG формат тоже набирает оборотов и все чаще принимается разными рекламными сетями. Забудьте об SWF (Adobe Flash) — от него сейчас уже практически все отказались, и даже браузеры перестают его поддерживать. Вместо него широкое распространение получили HTML5 баннеры, которые создаются с помощью таких программ, как Google Web Designer, Adobe Animation или рускоязычный онлайн конструктор баннеров Bannerboo.

11. Сфокусируйтесь на текстах


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

Вы же не собираетесь впихнуть в баннер 100 слов, правда? Неплохой вариант — поработать с копирайтером, который поможет подобрать правильное послание. Подбирайте такие выражения, которые отвечают на возможные вопросы пользователей, или придумайте интригующий посыл, чтобы привлечь их внимание.

12. Используйте элементы бренда

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

Поэтому, создавая баннеры, думайте о них, как о составляющей вашей маркетинговой стратегии.

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

13. Используйте яркие визуальные элементы


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

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

14. Релевантный контент

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

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

15. Будьте попроще


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

В случае с баннерами, всего по одному будет достаточно.

  • Одна картинка
  • Одно текстовое сообщение
  • Один призыв к действию
  • Один элемент бренда

Выводы

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

Автор: Сarrie Сousins
Перевод: Bannerboo.com

Как создать баннер? | Logaster

Содержание:
1. Что такое баннер?
2. Как создать баннер?
3. Советы по дизайну баннера

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

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

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

Как правило, баннер состоит из трех элементов:

  • фоновое изображение с или без темы сайта / блога. Например, кулинарный блог может содержать фотографию ингредиента в качестве подсказки.
  • логотип: визуальная идентификация сайта, представляющая собой графическое или текстовое представление бренда / сайта.
  • текст или слоган: слоган или текст разрешает распознать бренд и понять тему сайта. Здесь разместите кнопку действия или «призыв к действию» в цвете бренда.

Если говорить о размерах, то не стоит создавать баннеры под все доступные форматы, используйте самые эффективные (размеры указаны в пикселях): 336 x 280, 300 x 250, 728 x 90, 160 x 600 и 300 x 600.

Остановимся детальней на этом пункте:

  • 300 × 250 и 336 × 280: особенно хорошо работают в тексте или в конце статьи
  • 728 × 90: так называемая классика. Прямоугольный формат, который наиболее удачно выглядит в верхней части страниц.
  • 300 × 600: формат предназначен для рекламы. Основной акцент следует делать на визуальную составляющую.
  • 320 × 100: формат для мобильных версий сайта.

А вот для анимированных баннеров встанет выбор между Flash или HTML5. Мы рекомендуем отдать предпочтение последнему, как более востребованному и универсальному.

Как создать баннер?

Способов создания баннеров множество. Мы предлагаем рассмотреть 4 основные решения:

1 — Дизайнер

Если ваш бюджет позволяет и вам необходим баннер высокого качества, тогда это решение для вас. Найти дизайнера помогут такие платформы: Odesk, Elance, Fiverr и т.д. Сколько это стоит? На Fiverr цена услуги стартует от 15$.

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

2 — Графические редакторы

Чувствуете себя художником и имеете навыки работы с графическими редакторами? Тогда этот вариант идеален для вас и вы можете создать баннер самостоятельно.
Для этого творческого процесса нужно выбрать программное обеспечение: Photoshop, Gimp и т.п.
Если же у вас нет навыков работы и знаний функционала, тогда начните с обучения. В Youtube множество обучающих видео, вот только несколько из сотен уроков создания баннеров в Photoshop:

3 — Power Point

Привыкли, что Microsoft PowerPoint создан лишь для презентаций? Приоткроем вам двери в новый мир. Программа позволяет создавать как статичные так и анимированные баннеры.

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

1. Откройте PowerPoint

2. Щелкните на кнопку «Макет» в верхнем меню программы. Далее нажмите на «Пустой слайд». Нажмите «Изменить макет».

3. Теперь перейдите во вкладку «Оформление» — «Размер слайда» — «Настроить размер слайда…» — «Баннер«

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

5. Добавьте логотип компании. Для этого нажмите “Вставка” — “Рисунки”. Выберете файл логотипа и загрузите его с компьютера.

6. Нажмите клавишу F5 на клавиатуре, чтобы просмотреть баннер.

8. Сохраните ваш дизайн на компьютер.

4. Онлайн конструкторы

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

  • Canva: это простая и понятная программа для графического дизайна. Множество шаблонов, кастомизированных форм разрешают без особых усилий создать баннер хорошего качества.
  • Fotor banner maker: простой сервис с приятным интерфейсом. Предлагает как самые популярные размеры баннеров, так и красочные шаблоны и возможность кастомизации.
  • Pixlr: инструмент, похожий на Photoshop, но с более удобным интерфейсом. Выбор фильтров и опций редактирования приятно вас удивит.
  • Picmonkey: еще один инструмент для создания качественного банера. Однако генератор требует приобрести премиум пакет, чтобы иметь доступ ко многим функциям, включая фильтры, рамки, шрифты и прочие удовольствия.
  • Crello: простой и понятный интерфейс значительно облегчит вам процесс создания. Из доступных шрифтов и шаблонов, вы точно найдете что-то по душе.

Советы по дизайну баннера

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

Формат файла

Помните о том, что в первую очередь сайт должен быть удобен для использования. Поэтому баннер как изображение не должен быть громоздким и утяжелять страницу. В идеале используйте файл 50 КБ, максимально допустимый размер — 150 КБ. Для статичных баннеров рекомендуются форматы JPG или PNG, а для анимации — GIF.

Дизайн

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

Призыв к дейстивию

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

Подумайте о клиентах

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

Не стойте на месте

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

Создавать баннеры не так сложно, правда? Да, в большинстве случаев они постоянно должны меняться. Но ведь и у вас есь что сказать и что предложить своей аудитории!

Контент-маркетолог компании Logaster. Знает все о бизнесе и охотно делиться этими знаниями с читателями. Интересуется историями успеха известных брендов. Главный интервьюер успешных клиентов Logaster.

Добавление/изменение баннерной рекламы с использованием модуля "Реклама"

Здесь вы узнаете как можно добавить и изменить баннеры используя модуль "Реклама" (данный модуль доступен в редакции "Бизнес" 1С-Битрикса).

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

В нашем решении вы можете увидеть четыре вида баннеров:

Главный баннер расположен непосредсвенно под/за шапкой сайта на главной странице.


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

Промо баннер отображается на странице в том месте, где вы выберите при настройках расположения блоков главной страницы.

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

Добавление/изменение главного баннера

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

Публичная часть:

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

В открывшемся окне редактирования баннера:


1. Дайте название баннеру
2. Пропишите символьный код
3. Проставьте число сортировки, которое устанавливает порядок показа баннеров на странице. После загрузки страницы первым показывается баннер с наименьшим числом сортировки.
4. Загрузите фоновое изображение (графические требования к изображениям описаны в следующей главе)

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

5. При желании загрузите второе изображение, которое будет отображаться поверх фона.
6. Напишите заголовок
7. Напишите описание
8. Сохраните ваши изменения.

Баннер добавлен.

Аналогично вносятся изменения в уже существующий баннер.

Наведите курсор на область с баннером, который хотите изменить, дождитесь появления всплывающей панели. Нажмите "Изменить элемент". Внесите необходимые изменения (загрузка нового изображение, или замена заголовка с описанием), сохраните изменения.

Для удаления баннера, в всплывающей панели нужно нажать "Удалить элемент".

Административная часть:

Для добавления/изменения/удаления главного баннера через административную часть. Перейдите в вкладку "Администрирование" > Контент > Контент > Главные баннеры > Элементы

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


Для изменнения/удаления существующего баннера нажмите на иконку "гамбургер" рядом с названием баннера и выберете нужное действие:

- изменить (откроет окно редактирования баннера)

- декативировать (сделает баннер не активным, он останется в базе данных, но отображаться на главной странице не будет)

- копировать

- удалить


Добавление/изменение боковых баннеров


Боковые баннеры будут отображаться на сайте  в случае, если в настройках виджета выбран вариант отображения баннера "По центру с боковыми баннерами"

Добавление/Изменение/Удаление бокового баннера осуществляется через Административную часть сайта.

Для начала работы включите режим правки.

Перейдите к баннерам: Администрирование > Контент > Контент > Боковые баннеры > Элементы

 

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

Для изменения/удаления   баннера нажмите на иконку "гамбургер" рядом с названием баннера и выберете нужное действие:
- изменить (откроет окно редактирования баннера)
- декативировать (сделает баннер не активным, он останется в базе данных, но отображаться на главной странице не будет)
- копировать
- удалить

При добавлении/изменении баннера открывается окно редактирования баннера где:

- проставленная галочка в чекбокс "Активность" активирует показ баннера

- вводится название баннера

- вводится символьный код баннера

- указывается с какой стороны от главного баннера будет расположен боковой баннер

- загружается изображение одним из удобных для вас способов (с компьютера, по ссылке, из медиабилиотеки) [подробнее о загрузке файла из медиабилиотеки можно прочесть на странице "Замена логотипа" 

Добавление/изменение промо баннеров

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

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

В открывшемся окне редактирования баннера укажите:

  • Активность. Проставленная галочка сделает баннер "видимым" на сайте.
  • Название баннера
  • Загрузите изображение баннера. Нажав на гамбургер-меню выберите удобный для вас способ загрузки изображения
  • Ссылка. При нажатии на баннер будет осуществляться переход по заданной ссылке

Для редактирования/добавления через Административную часть, пройдите по пути Администрирование > Маркетинг > Баннерная реклама > Баннеры


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

Графические требования к баннерам

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

Главный баннер:

  • формат изображения .jpg или .png

  • разрешение изображения 1920рх х 660рх.

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


Главный баннер может состоять из одного большого изображения (фоновое), а может быть с дополнительным изображением, которое накладывается на фоновое.

Например, баннер №4 состоит из двух изображений:


 

Фон


Дополнительное изображение:


Рекомендации к подбору дополнительного изображения:

- формат .png (с прозрачным фоном)

- размер изображения приблизительно 899рх х 500рх

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


Боковые баннеры: 

- формат изображения .jpg или .png
- разрешение изображения 502рх х 250рх.
- при сужении экрана не обрезаются. До ширины экрана 992рх отображается главный баннер с двумя боковыми баннерами. При сужении <1200рх. левый баннер исчезает, правый отображается. При ширине экрана <992рх. оба боковых баннера не отображаются.


Промо баннеры:

- формат изображения .jpg или .png
- разрешение изображения 1920рх х 200рх.


Промо баннер узкий (три небольших баннер в ряд):

- формат изображений .jpg или .png
- разрешение изображения 750рх х 243рх.



Советы по созданию баннеров на главной странице: думайте выше загиба

Автор: Мария ДиЧезаре

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

Боишься? Не надо! Vital запускает более 50 веб-сайтов в год, поэтому мы знаем, о чем говорим, когда речь идет о дизайне веб-сайтов.Вот почему мы создали серию блогов о дизайне домашней страницы, чтобы вы могли узнать о ней изнутри.

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

Подождите, что означает над сгибом?

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

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

Почему так важно наверху?

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

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

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

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

А как мы это делаем? Все это в баннере веб-сайта.

Дизайн баннера для вашего сайта

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

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

Баннер вашего веб-сайта должен содержать следующее:

  • Эстетичный дизайн - По возможности избегайте стоковых изображений. Люди могут уловить фальшивку
  • Описательный заголовок, в котором четко указано, чем вы занимаетесь. - Дайте вашим посетителям почувствовать, что они пришли в нужное место.
  • Яркий призыв к действию (CTA) - Что вы хотите, чтобы ваши посетители делали? Подробнее об этом мы поговорим в следующем разделе.

Вот баннер Vital, чтобы дать вам представление о том, о чем мы говорим:

Помните: несмотря ни на что, рекламный щит должен быть ясным и простым. Он обязательно должен объяснить, кто вы, черт возьми, и что, черт возьми, делаете. В противном случае люди нажмут кнопку возврата.

Что вы хотите, чтобы ваши посетители делали?

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

  • Если вы работаете в мире электронной коммерции, вам нужно, чтобы люди размещали заказы на вашем веб-сайте.В этом случае добавить кнопку «Купить сейчас» на свой рекламный щит (как это сделала компания по производству матрасов Blello) не составляет труда.

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

Хорошо, теперь представьте, если бы это был рекламный щит Витала:

Отлично! Что, черт возьми, это значит? «Мы создаем блеск» - это пустяк и абсолютно ничего не говорит посетителю о нашей компании. Это означает, что они, скорее всего, покинут наш сайт, что повлияет на наш показатель отказов, что негативно повлияет на наше SEO, что повлияет на наш рейтинг в Google и так далее, и так далее.

Если бы кто-то знал, что ему нужна компания, которая могла бы создать веб-сайт с помощью Magento, «Мы создаем великолепие» не сказал бы ему, что он находится в нужном месте.Однако «Цифровое агентство», сопровождаемое нижней ссылкой на нашу подстраницу «Дизайн веб-сайтов», сообщит им, что мы можем им помочь.

Итог: У вас есть только секунда, чтобы сообщить, что вы делаете. Если вам непонятно, посетитель нажмет кнопку "Назад" и найдет в результатах поиска кого-то еще, который сразу же скажет то, что он хочет увидеть.

Насколько большим должен быть баннер веб-сайта?

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

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

Вот хороший пример от наших друзей из Legacy Supply Chain Services, стороннего поставщика логистических услуг ☞

Как насчет вращающегося баннера?

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

ВСЕ. Вращающиеся баннеры могут убивать конверсию. Вот шесть причин, почему:

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

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

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

Советы по дизайну баннеров на главной странице

Напомним, что при планировании баннера на главной странице помните следующие советы:

  • Используйте привлекательный аутентичный дизайн баннера, избегая коренастых поддельных изображений
  • Будьте ясны, просты и прямо по делу в заголовке сообщения
  • Добавьте призыв к действию, соответствующий вашим целям и потребностям посетителей
  • Размер имеет значение - особенно если вы хотите подразнить раздел товаров / услуг
  • Не используйте вращающийся баннер, если вы не разбираетесь в бренде на уровне Apple.

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

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

Связанный контент

10 вопросов о дизайне вашего веб-сайта Получите ресурс

Что такое веб-баннер? Определение, стоимость и примеры

Веб-баннеры - это цифровые рекламные объявления, отображаемые в верхнем, нижнем колонтитуле или на боковых панелях веб-сайтов.Обычно они считаются доступным типом интернет-рекламы со средней ценой за клик (CPC) 72 цента. Компаниям, которые хотят повысить узнаваемость бренда или привлечь клиентов с помощью рекламы за пределами своей существующей сети, следует рассмотреть возможность использования веб-баннеров.

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

Посетите Fiverr

Что такое веб-баннер?

веб-баннеров создаются на рекламных платформах, таких как Google, Microsoft и Facebook, а затем отображаются в сети партнерских веб-сайтов платформы. Обычно они состоят из изображения или видео, названия компании или логотипа, сообщения и призыва к действию (CTA), побуждающего зрителей нажимать на ценную информацию или скидку / сделку.

Пример веб-баннеров

4 типа веб-баннеров

Веб-баннеры бывают разных форм и размеров. Используемый размер и тип зависят от того, какую рекламную платформу вы используете и каковы цели вашей кампании. Ведущими платформами медийной рекламы являются Google, Microsoft, Facebook и Amazon. Каждый из них предлагает рекламодателям различные варианты веб-баннеров и места размещения рекламы, которые могут определять форму и размер веб-баннера. Самый распространенный веб-баннер - стандартный баннер контекстно-медийной сети Google размером 468 × 60 пикселей.

Вот четыре наиболее распространенных платформы баннерной рекламы и их спецификации баннерной рекламы.

Баннерная реклама в контекстно-медийной сети Google

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

Рекламные места и спецификации в контекстно-медийной сети Google

Баннерная реклама для аудитории Майкрософт

Microsoft Audience Ads, ранее Bing Ads, отображается в сети Microsoft Audience Network в основном на основе ключевых слов и таргетинга на аудиторию, выбранных рекламодателем. Microsoft в настоящее время не публикует список партнеров, хотя общеизвестно, что MSN.com и Microsoft Office являются частью сети. В настоящее время существует шесть основных типов баннерной рекламы.

Рекламные объявления и спецификации Microsoft Audience

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

Посетите Microsoft Audience Ads

Баннерная реклама аудитории Facebook

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

Facebook Audience Ads Placements & Specifications

Amazon Advertising Banner Ads

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

Amazon Размещение и спецификации

Стоимость веб-баннера

веб-баннеров обычно считаются доступными, так как их цена определяется на основе цены за клик (CPC) или цены за тысячу просмотров (CPM) при средней цене за клик 46 центов. Стоимость будет варьироваться в зависимости от двух основных факторов: стоимости дизайна и стоимости медийной рекламы (которая определяется рекламной платформой, таргетингом на ключевые слова, аудиторией и другими факторами).

Две основные затраты, связанные с веб-баннерами:

  • Стоимость дизайна: Существует два варианта дизайна веб-баннера: создать его самостоятельно или нанять профессионального дизайнера. Есть много способов бесплатно создать собственный веб-баннер в Интернете с помощью таких сайтов, как Canva. Для удобства другие могут нанять профессионального дизайнера, стоимость которого может варьироваться от 5 до 100 долларов. Получите профессионально разработанный веб-баннер всего за 5 долларов с Fiverr.
  • Стоимость медийной рекламы: Средняя цена за клик для веб-баннерной или медийной рекламы составляет 46 центов во всех основных контекстно-медийных сетях. Однако цены за клик будут варьироваться в зависимости от таких факторов, как используемая вами рекламная платформа, таргетинг на ключевые слова и аудиторию, настройки рекламы и качество рекламы. Хотя цены за клик различаются, реклама в веб-баннерах является одним из самых дешевых видов цифровой рекламы.

Стоимость веб-баннера по рекламной платформе

5 факторов, влияющих на стоимость рекламы в веб-баннерах

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

Вот пять основных факторов, которые влияют на стоимость рекламы в веб-баннерах:

  • Рекламная платформа: Каждая платформа медийной рекламы, такая как контекстно-медийная сеть Google, реклама аудитории Майкрософт, медийная реклама Facebook и реклама Amazon, будет иметь разные затраты. Например, средняя цена за клик в контекстно-медийной сети Google составляет 72 цента, тогда как средняя цена за клик для рекламы Microsoft Audience Ads составляет 44 цента.
  • Размещение и размер объявления: Каждая рекламная платформа предлагает рекламодателям различные варианты с точки зрения того, где они хотят отображать свою рекламу, от правого столбца до под заголовком веб-сайта или над нижним колонтитулом. Для каждого места размещения рекламы требуются объявления разных размеров, что требует разной стоимости.
  • Таргетинг рекламы: Рекламодатели определяют, на каких сайтах и ​​пользователях должна отображаться их реклама, используя таргетинг рекламы. Это основано прежде всего на ключевых словах и аудиториях.Конкуренция вокруг каждого ключевого слова или аудитории варьируется, и уровень конкуренции будет влиять на стоимость.
  • Качество рекламы: Рекламные платформы стремятся отображать качественную рекламу, поскольку они более эффективны в привлечении кликов и, следовательно, дохода для рекламной платформы. По этой причине объявления часто оцениваются по качеству; более качественная реклама часто будет иметь более низкую стоимость.
  • Настройки рекламы: Сюда входят все другие настройки рекламы, такие как расписание показа объявлений и типы устройств.Например, стоимость может быть выше при отображении на определенных устройствах. Например, настольные компьютеры обычно имеют более высокий коэффициент конверсии и, следовательно, более удобны для рекламодателей.

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

Как разработать и запустить веб-баннер за 7 шагов

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

Вот как создать и запустить веб-баннер за семь шагов.

1. Определите цель кампании

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

Вот три наиболее распространенных цели кампании:

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

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

2. Выберите рекламную платформу

После определения цели кампании выберите, на какой рекламной платформе вы хотите размещать рекламу.Основные платформы медийной рекламы включают в себя контекстно-медийную сеть Google, рекламу аудитории Microsoft, медийную рекламу Facebook и рекламу Amazon. Если вы не уверены, какую платформу использовать, ознакомьтесь с каждой, прежде чем выбирать подходящую.

Вот четыре ведущих платформы медийной рекламы:

  • Контекстно-медийная сеть Google: Это платформа для медийной рекламы, на которой объявления создаются и управляются в Google и отображаются в сети Google. В настоящее время это самая крупная и популярная контекстно-медийная сеть.Однако, как правило, он дороже, чем другие платформы.
  • Microsoft Audience Ads: Microsoft Audience Ads, ранее называвшаяся Bing Ads, представляет собой платформу медийной рекламы, где рекламные объявления создаются и управляются внутри Microsoft и отображаются на принадлежащих Microsoft сайтах, таких как MSN и Microsoft Outlook, а также на сайтах партнеров. Как и реклама в контекстно-медийной сети Google, реклама аудитории Майкрософт отображается для пользователей на основе соответствия ключевых слов, по которым выполняется поиск, и ключевых слов, связанных с каждым объявлением.
  • Медийная реклама Facebook: Это платная социальная рекламная платформа, где объявления создаются и управляются с помощью Facebook Ads Manager. Рекламные объявления отображаются на Facebook и сайтах его сетевых партнеров на основе таргетинга на аудиторию, а не на ключевые слова, что дает рекламодателям больше контроля над тем, кому показывать рекламу.
  • Реклама Amazon: Рекламы Amazon могут отображаться на Amazon или на сайтах ее сетевых партнеров. Как правило, реклама ориентирована на продукт, хотя компаниям не нужно продавать на Amazon, чтобы размещать рекламу на Amazon.

Хотя Google является самой крупной и наиболее часто используемой контекстно-медийной сетью, Microsoft Audience Ads обычно имеет более низкую цену за клик. С другой стороны, баннерная реклама Facebook - хороший выбор для компаний, предлагающих привлекательные продукты или услуги, которые люди хотят, но не нуждаются, например, в модной одежде. Наконец, реклама Amazon лучше всего подходит для товарных кампаний. Учитывая эти характеристики, выберите платформу, которая наилучшим образом соответствует вашим потребностям.

3. Выберите место размещения объявления и размер баннера

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

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

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

4. Найдите и выберите шаблон объявления

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

Чтобы начать создание надстройки Canva, перейдите на Canva.com и нажмите кнопку «Создать дизайн» в центре домашней страницы, чтобы просмотреть шаблоны по типу.Найдите раздел «Объявления» и выберите тип объявления, который соответствует размеру желаемого объявления. Например, размер «полноразмерной рекламы» составляет 728 × 90 пикселей, что является обычным размером для стандартных веб-баннеров.

Обзор шаблонов Canva

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

Выберите шаблон веб-баннера

5. Настройте шаблон объявления

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

Добавьте название или логотип своей компании

На каждом баннере должно быть указано название или логотип вашей компании.Введите название компании, добавив текст или загрузив свой логотип. Чтобы загрузить свой логотип, нажмите «Загрузить» в вертикальном левом меню. Затем нажмите кнопку «Загрузить изображение» и выберите свой логотип из файлов на компьютере.

Добавить логотип в Canva design

Добавьте свое сообщение и CTA

Затем обновите существующую копию шаблона, щелкнув текст на главном экране (живой редактор). Добавьте сообщение, которое соответствует цели вашей кампании и CTA. Например, компания по производству одежды может стремиться продвигать новую сезонную линию одежды с целью увеличения продаж, поэтому они будут называть новую линию одежды в сообщении и использовать призыв к действию «Купить сейчас».

Настроить текст в Canva

Настройка фона и графики

Чтобы завершить дизайн веб-баннера, настройте фон и добавьте графику по своему усмотрению. Чтобы выбрать новый цвет, щелкните область, которую хотите настроить, и перейдите к палитре цветов в меню выше. Чтобы загрузить изображение, щелкните вкладку «Загрузить» в меню слева и выберите изображение из своих файлов. Если у вас нет фотографий профессионального качества, попробуйте найти их на бесплатных сайтах, таких как Pixabay или Pexels.

Пример настраиваемого шаблона Canva

6. Загрузите готовый баннер

По завершении настройки дизайна веб-баннера обновите имя файла и загрузите баннер. Чтобы обновить имя файла, перейдите в правый верхний угол экрана и щелкните имя шаблона. Удалите текущее имя и добавьте свое. Затем нажмите кнопку «Загрузить» в правом верхнем углу и выберите тип файла, который вы хотите использовать, например JPG или PNG.

Скачать дизайн Canva

7. Создайте кампанию с медийными объявлениями

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

Зарегистрируйтесь или войдите в свою учетную запись

Для начала перейдите на сайт ads.google.com и войдите в Google Ads Manager. На панели управления учетной записью щелкните вкладку «Кампании» в меню слева. Затем нажмите «+» над списком существующих кампаний, чтобы создать новую. В раскрывающемся списке выберите «Новая кампания».

Создайте новую кампанию в Google Рекламе

На следующем экране вам будет предложено выбрать цель кампании. Перед выбором цели убедитесь, что медийные объявления работают с целью кампании, наведя указатель мыши на варианты целей кампании и посмотрев на «Типы кампаний», перечисленные внизу.Должен быть указан «Дисплей».

Варианты целей кампании Google Рекламы

После выбора цели кампании типы кампаний появятся ниже. Выберите «Показать», чтобы создать рекламный веб-баннер. В зависимости от выбранной цели кампании вас могут попросить ввести URL-адрес вашего сайта или целевой страницы. Нажмите кнопку «Продолжить» ниже.

Создайте медийное объявление в Google Рекламе

Заполните все поля на следующей странице. Сюда входит название вашей кампании (для справки), места размещения, языки, ставки, бюджет, ротация объявлений, расписание показа объявлений, даты начала и окончания показа объявлений, частота, исключения, группы объявлений, а также соответствующие аудитории и ставки для групп объявлений.Подробнее об этих шагах читайте в нашей статье о том, как размещать рекламу в Google.

После того, как вы добавите настройки рекламы, вы попадете на страницу «Создайте свою кампанию». Здесь нажмите кнопку «+ Новое объявление».

Добавить новое медийное объявление в кампанию Google Рекламы

На появившемся экране введите URL-адрес, по которому вы хотите направлять пользователей после того, как они нажмут на ваше объявление. Это должна быть целевая страница, разработанная специально для этого рекламного веб-баннера. Если у вас его еще нет, узнайте, как создать целевую страницу.Затем нажмите кнопку «Выбрать файл для загрузки» и выберите свой веб-баннер из своих файлов. Наконец, нажмите «Объявление в группу объявлений», затем нажмите кнопку «Создать кампанию».

Загрузить файл веб-баннера в медийное объявление Google

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

Пример рекламного веб-баннера

Имейте в виду, что вы также можете создавать медийную рекламу в Microsoft и Facebook.Если вы заинтересованы в запуске баннерной рекламы на этих платформах, посетите их веб-сайты, чтобы узнать больше и создать учетную запись.

7 лучших примеров веб-баннеров

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

Вот семь примеров конвертирующих веб-баннеров.

1. Hyatt

Пример рекламного веб-баннера: Hyatt Resorts

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

2. Лулус

Пример рекламного веб-баннера: Lulus

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

3.Докан

Пример рекламного веб-баннера: Докан

Почему это работает: Dokan, программное обеспечение, используемое с WordPress, использует современные иллюстрации на своем веб-баннере, чтобы выделиться. Он также использует различные цвета, но при этом не выглядит хаотичным; Более того, цвета на иллюстрациях соответствуют цветам кнопки CTA. Он выравнивает слова «Dream Marketplace» с названием компании с использованием белого шрифта для обоих. Наконец, CTA - это предложение для бесплатной пробной версии, которое дает пользователям ценный инструмент без вложений.

4. Альфа Ромео

Пример рекламного веб-баннера: Alfa Romeo

Почему это работает: В этой рекламе Alfa Romeo удачно упаковано много информации, включая логотип, заголовок, описание и две кнопки CTA. Чтобы это не выглядело загроможденным, текст выделен белым цветом на сером фоне. Это контрастирует с красными кнопками автомобиля и CTA, которые выделяют их.

5. Ало Йога

Пример рекламного веб-баннера: Alo Yoga

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

6. Southwest Airlines

Пример рекламного веб-баннера: Southwest Airlines

Почему это работает: В этом рекламном веб-баннере от Southwest Airlines эффективно сохраняются цвета своего бренда во всем объявлении, от цвета текста до цветов фонового изображения.Обратите внимание, что фирменные цвета - синий, красный и желтый. Чтобы получить больше кликов, Southwest оставляет за собой использование желтого - контрастного цвета - для своей кнопки CTA. Это отличает его от других и привлекает больше кликов.

7. Экипаж

Пример рекламного веб-баннера: Crew

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

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

5 лучших инструментов для создания и отслеживания веб-баннеров

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

Вот основные инструменты, используемые для создания и отслеживания веб-баннеров:

  • Canva: Canva - это бесплатная платформа для графического дизайна, которая поставляется с десятками готовых шаблонов веб-баннеров. Это очень простая в использовании платформа, предназначенная для того, чтобы дать тем, у кого нет опыта графического дизайна, возможность создавать профессионально выглядящую графику.
  • Visme: Visme - это платформа графического дизайна, в которой есть бесплатное средство для создания веб-баннеров.
  • Pixabay: Pixabay - это сайт с бесплатными стоковыми фотографиями. Здесь вы можете просматривать или искать изображения профессионального качества, которые можно использовать в своем веб-баннере, если у вас нет доступных высококачественных фотографий.
  • Leadpages: Целевые страницы - это отдельные веб-страницы, которые предназначены для увеличения конверсии рекламы. Leadpages - это лучшая платформа для дизайна целевых страниц, которая позволяет любому легко создавать эффективные целевые страницы.
  • Google Analytics: Google Analytics - это бесплатная платформа, которая отслеживает такие показатели рекламы, как просмотры страниц, показатели отказов и конверсии.Каждая целевая страница, связанная с цифровой рекламой, например рекламный веб-баннер, должна быть связана с Google Analytics. Узнайте, как настроить Google Analytics.

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

«Когда дело доходит до баннерной рекламы, я исторически обнаружил, что анимированные баннерные объявления привлекают больше внимания и повышают рейтинг кликов.Итак, я все чаще использую их как часть нашей маркетинговой кампании. Есть отличный инструмент под названием Bannersnack, который позволяет очень легко создавать и анимировать рекламные баннеры без необходимости кропотливого программирования. Он прост и интуитивно понятен в использовании, и я не могу рекомендовать его достаточно ».
—Лео Фридман, генеральный директор iPromo

Часто задаваемые вопросы (FAQ)

Что должно быть включено в веб-баннер?

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

Как создать веб-баннер в Интернете?

В Интернете существует множество платформ, на которых вы можете создать веб-баннер. Одна из самых простых - Canva, платформа графического дизайна с перетаскиванием, предназначенная для тех, у кого нет навыков графического дизайна. Тем не менее, тем, кто хочет нанять профессионала, следует подумать о Fiverr. Там вы можете найти сотни опытных графических дизайнеров, предлагающих свои навыки дизайна веб-баннеров всего за 5 долларов за проект.

Эффективны ли веб-баннеры?

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

Итог: что такое веб-баннер

Веб-баннеры - это тип цифровой рекламы на основе изображений или видео, созданной на таких рекламных платформах, как Google, Microsoft или Facebook, а затем отображаемой на сайтах партнеров платформы.Баннерная веб-реклама доступна по цене с низкой ценой за клик, которая в среднем составляет около 46 центов за клик на всех основных платформах медийной рекламы. Компаниям, которые ищут недорогой способ повысить узнаваемость бренда в Интернете или начать доступные маркетинговые кампании, следует рассмотреть возможность размещения рекламных баннеров в Интернете.

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

Посетите Fiverr

Что такое веб-баннер? - Определение, дизайн и пример

Дизайн

Создавая веб-баннер, дизайнер должен помнить о нескольких вещах. Прежде всего, что такое форма веб-баннера? Довольно часто веб-баннеры имеют прямоугольную форму. Обычно вертикальная или горизонтальная ось намного длиннее другой. Это создает в некотором смысле тощий прямоугольник. Однако некоторые веб-баннеры имеют квадратную форму.

Помимо определения формы вашего веб-баннера, вам необходимо рассмотреть его размер . Другими словами, каковы размеры? Некоторые веб-баннеры крошечные, а другие - совершенно огромные. Размер веб-баннера часто будет зависеть от того, где вы его размещаете и кто просит вас его разработать. У веб-сайта могут быть ограничения по размеру, о которых вы должны помнить.

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

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

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

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

Пример

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

Веб-баннеры

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

Краткое содержание урока

Веб-баннер - это форма рекламы, используемая в Интернете. При проектировании помните о нескольких вещах:

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

Важность баннера для успеха веб-сайта!

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

Видимость

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

Дизайн баннеров

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

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

Новые тенденции в дизайне баннеров

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

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

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

Web Unlimited - ведущая Техасская фирма по веб-дизайну для дискриминационных веб-сайтов!

Вы ищете техасских специалистов по веб-дизайну, экспертов, которые помогут вашему сайту? Позвоните по номеру Web Unlimited по телефону 979-696-2500 и поговорите с профессионалами, которые знают, как сделать каждый сайт уникальным!

Добавьте баннер COVID-19 на свой сайт - Project Ponderosa Web Templates

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

См. Пример на баннере этого сайта. Веб-сайт Ponderosa Demo также настраивается, если вы хотите видеть его внутри CMS.

Шаги по добавлению баннера COVID-19

  1. Выберите «Добавить контент» в верхней строке меню.
  2. Выбрать блок
  3. Выбрать XHTML / определение данных
  4. Дайте блоку название «COVID-19» (оно должно точно совпадать).
  5. Выберите папку размещения, которая будет самой высокой папкой на сайте (например, имя вашего сайта)
  6. Отредактируйте содержимое блока своим сообщением

Обратите внимание

  • Содержимое блока будет отображаться в виде одной строки, и разрешены только ссылки.Все остальное форматирование удаляется. Не добавляйте жирный шрифт, цвет, изображения или любое другое форматирование.
  • Мы автоматически добавим к вашему тексту « Информация о COVID-19: »
  • По умолчанию баннер COVID-19 не отображается.
  • Если блок не соответствует местоположению и названию, указанным выше, он не будет отображаться на вашем веб-сайте.
  • Вспомогательные технологии будут видеть сообщение как «Баннер».

Как объяснить кому угодно баннерную рекламу

Иногда, когда дело доходит до рекламы, мы чувствуем себя такими же талантливыми, как Дон Дрейпер в «Безумцах» - один из лучших (вымышленных) рекламодателей в игре.Однако реклама развивалась с 60-х годов, и это отчасти благодаря тому, насколько расширился Интернет с коммерцией.

Например,

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

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

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

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

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

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

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

Рекламный баннер

LinkedIn был найден на боковой панели просматриваемой мной веб-страницы. Он был достаточно большим, чтобы привлечь мое внимание, и достаточно привлекательным, чтобы я задержался на рекламе.

Как работают баннерные объявления

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

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

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

Выигрыш для издательства и рекламодателя!

Эффективны ли баннерные объявления?

Баннерная реклама относится к категории цифровой рекламы, которая является одним из самых прибыльных способов получения дохода.Фактически, в первом квартале 2019 года выручка от цифровой рекламы достигла рекордно высокого уровня - более 28,4 миллиарда долларов.

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

Для иллюстрации предположим, что рекламная команда LinkedIn хотела использовать Google AdSense в качестве своей контекстно-медийной сети. Затем Google AdSense будет продавать LinkedIn пространство боковой панели на веб-сайтах, которые профессионалы посещают с большей вероятностью, таких как Investopedia.Это обеспечивает больший потенциал для общего дохода LinkedIn.

Чтобы определить, будут ли баннерные объявления эффективными для вас, важно понимать, как распределяются затраты при использовании этого метода рекламы.

Стоимость баннерной рекламы

Поскольку это система аукциона, стоимость рекламной кампании будет варьироваться в зависимости от выбранной вами контекстно-медийной сети, размера объявления, степени конкурентоспособности вашей вертикали, популярности и характера размещаемых вами веб-сайтов и т. Д. .Однако, согласно WordStream, цена за клик для баннерной рекламы в контекстно-медийной сети Google составляет в среднем около 0,58 доллара.

Существуют две разные модели ценообразования для баннерной рекламы:

  • Стоимость за тысячу показов (CPM) - Цена за 1000 показов (т. Е. Было «просмотрено» 1000 раз)
  • Стоимость за клик (CPC) - Цена за каждый клик по объявлению

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

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

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

Размещение баннерной рекламы

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

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

Хотя рекламодатели имеют большую свободу действий, на каких сайтах они появляются, они могут не иметь большого контроля над тем, где они появляются на этом сайте. Размещение рекламы на странице находится в руках издательства. Однако у них есть финансовый стимул размещать рекламу в дорогих местах. Помните, они получают «комиссию» от контекстно-медийной сети.Благодаря этому баннерная реклама работает лучше всего, когда она:

  • Близко к содержанию
  • Над загибом
  • Слева

Рекламодатели могут больше контролировать размер и дизайн объявлений, которые они выбирают для создания.

Стандартные размеры баннерной рекламы

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

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

  • Средний баннер: 300 x 250
  • Доска почета: 728 x 90
  • широкий небоскреб: 160 x 600
  • Половина страницы: 300 x 600
  • Большой полноразмерный баннер: 970 x 90
  • Рекламный щит: 970 x 250
  • Большой прямоугольник: 336 x 280
  • Небоскреб: 120 x 600
  • Малый квадрат: 200 x 200
  • Квадрат: 250 x 250
  • Вертикальный баннер: 120 x 240
  • Полный баннер: 468 x 60
  • Полубаннер: 234 x 60
  • Портрет: 300 x 1050

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

Как создать баннерную рекламу

  1. Добавьте CTA.
  2. Добавьте свой бренд.
  3. Обязательно используйте ключевые слова.
  4. Выбирайте качественную графику.
  5. Будьте проще.

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

Чтобы проиллюстрировать шаги, давайте воспользуемся этим баннером размером 300 x 200 от Mailchimp на веб-сайте Entrepreneur.

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

1. Добавьте CTA.

Призыв к действию (CTA) - это то, что побуждает потенциальных покупателей узнать больше о вашем продукте или услуге.Это то, что заставляет их нажимать на объявление и интересоваться дополнительной информацией. CTA Mailchimp - это синяя кнопка «Начать» в нижней части объявления.

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

2. Добавьте свой бренд.

Если ваш логотип не виден, как люди узнают, чем вы занимаетесь? Логотип Mailchimp находится внизу объявления на четком месте.Логотип не должен занимать всю рекламу или прерывать поток остальных, он просто должен быть узнаваемым среди остальных изображений в рекламе.

3. Обязательно используйте ключевые слова.

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

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

4. Используйте высококачественные изображения.

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

Образы

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

5. Будьте проще.

Переполненная реклама - это не что иное, как неприятность для веб-браузеров. Эффективное объявление содержит минимум текста, одно или два изображения и призыв к действию. Объявление Mailchimp состоит из одного предложения и включает в себя большой текст.

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

Лучшие примеры баннерной рекламы

Давайте посмотрим, как эффективно использовать баннерную рекламу.

1. Керамический сарай

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

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

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

2. Голубая кровь

Рекламный баннер

CBS для одного из их шоу имеет потрясающий призыв к действию. « Попробуй 1 неделю бесплатно » побуждает аудиторию оценить их новый потоковый сервис CBS All Access.

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

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

3. SEMrush

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

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

В этом объявлении SEMrush сообщает вам, что именно предлагает их сервис, менее чем в 20 словах. Ключевые слова «UX», «SEO», «Время» и «Скорость страницы» здесь золотые. Они эффективно привлекают внимание компаний, стремящихся улучшить свою аналитику.

4. Chevy

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

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

Chevy также сделал ставку на включение цвета в самые важные слова. Скидка на этот автомобиль и призыв к действию выделены желтым цветом, что сразу привлекает внимание к этим двум элементам объявления.

5. Житель Нью-Йорка

Минимализм проходит очень долгий путь, и The New Yorker знает это.

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

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

6. AT&T

Хорошая реклама часто сводится к тому, как мы можем заставить пользователя действовать.

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

В случае AT&T, что может быть лучше, чем возможность получить что-то ценное совершенно бесплатно? Это вызывает интерес («Что мне нужно сделать, чтобы получить квалификацию?») И побуждает пользователя сделать следующий шаг.

7. Лучшая покупка

Удобство - также важная концепция, о которой нужно помнить. Как мы можем создавать предложения, уменьшая при этом трение, с которым сталкиваются наши потенциальные клиенты, пользуясь этими предложениями?

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

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

8. Coca-Cola

В этой рекламе показано сотрудничество между Coca-Cola и командой НФЛ, в котором напиток позиционируется как отличный выбор в день игры.

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

В этом объявлении есть две особенности:

  • Естественное использование размещения продукта Coke на изображении
  • Предложение не является акцией «Купи сейчас», а скорее приглашением получить некоторую выгоду от веб-сайта Coca'Cola.

9. Conversica

Вот еще один отличный пример рекламы, которая отклоняется от продаж.

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

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

10. Тренинг Дейла Карнеги

Это объявление отлично подходит для небольшого горизонтального формата.

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

Кроме того, реклама использует существующую узнаваемость бренда Дейла Карнеги, чтобы сделать убедительное заявление, которое по сути сводится к «Учитесь у лучших в бизнесе».

11. E * TRADE

Смелый цвет в этом объявлении хорошо сочетается с его смелым заявлением.

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

С помощью копирайтинга в этом объявлении E * TRADE снижает трение, утверждая эту идею: «Если вы откроете у нас счет, вы получите что-то (до 600 долларов) без риска (0 долларов комиссии)». В результате эта цифра в 600 долларов кажется приятной сделкой.

12. Instapage

Гениальность этого рекламного баннера заключается в его простоте.

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

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

13. Lendingtree

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

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

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

14. Попайес

Баннерная слепота или мысль о том, что люди просто больше не замечают рекламы, вызывает серьезную озабоченность. Однако способ обойти это - привлекательный дизайн.

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

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

15. Шаттл

Люди любят купоны, и эта реклама извлекает из них выгоду.

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

Простой обмен покупками в праздничные дни с одновременной экономией денег - это простое сообщение ... но чрезвычайно эффективное.

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

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

Примечание редактора: этот пост был первоначально опубликован в октябре 2019 года и был обновлен для полноты.

Инструкции по загрузке изображений веб-баннеров

Инструкции по загрузке ( DOC )

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

  1. Щелкните правой кнопкой мыши (удерживая нажатой клавишу «Control» на Mac) по ссылке баннера и выберите «Сохранить объект как…» или во всплывающем меню.
  2. Откроется диалоговое окно с вопросом, где и как вы хотите сохранить файл. В поле «Имя файла» введите имя, соответствующее изображению. В поле «Тип файла» оставьте значение « GIF image» или « JPEG »
  3. .
  4. Сохраните изображение в каталоге изображений на вашем веб-сервере. Или выберите папку на вашем компьютере, где ваш веб-мастер может получить доступ и сохранить изображение на веб-сервере.
  5. Используйте следующий HTML-код при добавлении баннера на свою веб-страницу. Измените красный текст на имя файла изображения.

Для статических баннеров

Баннер HTML код
Квадратный баннер
(300 x 250 пикселей )

Подробнее о финансовой помощи

Горизонтальный баннер
(728 x 90 пикселей )

 Подробнее о финансовой помощи

Вертикальный баннер
(160 x 600 пикселей )

Подробнее о финансовой помощи

Для анимированных баннеров

Баннер HTML код
Квадратный баннер
(300 x 250 пикселей )

 Подробнее о финансовой помощи

Горизонтальный баннер
(728 x 90 пикселей )

Категории: Разное

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

© 2019 Штирлиц Сеть печатных салонов в Перми

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