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

Подписаться

Баннер может быть в виде изображения, текста, видеоматериала или даже интерактивного элемента.

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

Виды баннеров, размеры, где размещаются

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

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

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

Требования Яндекс:

• Баннер должен иметь формат, JPEG, PNG, GIF, HTML5, FLV или SWF. Обратите внимание на то, что два последних формата поддерживаются не во всех случаях;
• Альтернативный текст. Текст, появляющийся до загрузки самого баннера, не должен превышать 100 символов;
• Максимальная длина ссылки не должна превышать 1024 знаков. Адрес страницы, на которую ведет ссылка, должен быть записан в кодировке UTF-8;
• Сайт не должен совершать переадресацию на сторонний ресурс (внутренняя переадресация допустима);
• Баннер должен иметь рамку, выделяющуюся на фоне. На мобильных устройствах размер рамки должен быть размером в 1 пикселя;
• Не допускаются «вырвиглазные» мерцающие баннеры или баннеры с резким перемещением элементов.

Требования Google несколько проще:

• Баннер должен иметь формат GIF или SWF и вес не более 50КБ;
• сценарий анимации не должен длиться более 30 секунд;
• не допускаются цикличные анимации;
• флеш-баннеры должны поддерживать clickTAG (параметр для отслеживания кликов);
• частота кадров в формате GIF не должна превышать 5-ти в секунду;
• флеш-баннеры не должны иметь частоту кадров выше 20 в секунду.

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

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

От чего зависит эффективность баннера и как ее оценить

Баннер эффективен настолько, насколько он способен привлекать новых пользователей.

Самый приближенный к объективному способ оценить эффективность баннера - просчитать его (click-through rate).

CTR - это отношение количества переходов к количеству показов. Говоря простым языком, показатель кликабельности.

CTR = (количество кликов / количество показов) * 100%

Приведем пример: если ваш баннер был показан 10 раз, а переход по ссылке был совершен 4 раза, формула будет выглядеть так:
CTR = (4/10) * 100%

Решаем уравнение, получаем показатель кликабельности. В нашем случае он равняется 40%.

К сведению

На практике такая ситуация невозможна. Показатель CTR в российском сегменте интернета составляет от 0,01 до 2% максимум.

Почему параметр CTR объективен

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

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

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

Предназначены для свободного использования на своих сайтах.

В этой коллекции представлены баннеры размера 468х60

Пример баннера №1, мобильная тема

скачать бесплатно, формат PSD

Пример баннера №2, бизнес

Пример баннера №3, мобильная компания

Пример баннера №4, компьютеры и комплектующие

Шаблон баннера №5, бизнес компании

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

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

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

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

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

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

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

Изготовление баннеров и стандартные размеры баннеров.

• баннеры 468x60 пикселей;
• баннеры 120х60, 150х60, 140х 60 - как видно из размеров, являются вариантами баннера 468х60;
• баннер 120х240 пикселей - вариант вертикального баннера;
• баннер 100х100 пикселей - квадратик, достаточно широко используется в интернет рекламе;
• баннеры 88х31, 88х40, 81х63 - эти кнопочки для счетчиков, рейтингов, для обмена ссылок между сайтами.

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

Баннерная реклама

Основным показателем, который измеряет эффективность баннерной рекламы является показатель CTR, который обозначает отклик баннера, то есть количество кликов по нему. К примеру, показатель CTR, равный 5% означает, что на баннер из 100 показов кликнули только 5 раз. Естественно, что такой показатель встречается очень редко.

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

В каких целях используют баннеры?

• Создание положительного образа компании в глазах потребителей.
• Эффектное представление продукта или услуги.
• Привлечение новых клиентов.

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

Примеры

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

Что такое Баннер для сайта.

Дата: 2010-04-08

Для чего нужны баннеры?

Довольно часто, у владельцев сайтов возникает необходимость в собственных баннерах. И многие начинающие люди просто не знают, как такой баннер изготовить самостоятельно. На самом деле сделать простой баннер (не анимированный) довольно просто. И сегодня мы начнем серию статей объединенных одной общей темой: Как самому сделать баннер.

Для начала разберемся, какие бывают баннеры (размеры) и в каких случаях и где применяются баннеры. Давайте рассмотрим самые распространенные случаи необходимости в баннерах и варианты размещения. Еще Вам нужно знать, что в Интернете есть типовые размеры баннеров и этих размеров желательно придерживаться. Все размеры измеряются в пикселях. Например, если Вы встретили такое выражение: Баннер 160х600 то знайте, это вертикальный баннер с шириной 160 пикселей и высотой 600 пикселей.

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

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

Какие размеры бывают у баннеров?

Баннер кнопка – размер 88х31 пикселя. Самый распространенный формат, маленькая, удобная и компактная кнопка, обычно применяется для обмена между сайтами и размещения в каталогах сайтов.

Следующие стандартные размеры баннеров: 100х100 и 125х125 пикселей. Эти баннеры, так же как и преведущий размер, используются для обмена между сайтами, а еще могут использоваться в различных баннерообменных сетях. Хотя эти размеры иногда тоже относят к категории кнопок.

Далее наиболее часто применяемые размеры стандартных баннеров: 468х60 и еще такой размер: 234х60 иногда его называют полу-баннер . Также используются для обмена между сайтами, в баннерообменных сетях и для показа рекламы, например от Google AdSense и других сайтов. Ниже представлен как пример баннер размером 468х60 пикселей :

Как уже упоминали выше баннер 160х600 – называют такой баннер вертикальный небоскрёб . Больше используется различными рекламными компаниями: Google AdSense, Бегун и т.д.

Баннер 728х90 – называют Доска Почета . В основном используется для трансляции на сайте контекстной рекламы. Например, Бегун вставляет баннеры такого размера над сайтом, причем делает это автоматически. Вы размещаете код рекламного блока Переходы в теле Вашей Web-страницы, причем можно выбрать любой размер, а у Вас автоматически добавляется вверху (над сайтом) блок 728х90 системы Показы от Бегуна. Правда если Вам это не нравится, Показы можно и заблокировать.

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

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

Есть еще ряд не так часто используемых размеров. Например, система контекстной рекламы Google AdSense использует множество размеров для трансляции своих объявлений: 300х300 , 336х280 , 120х600 , 120х240 , 250х250 , 200х200 , 180х150 . Это даже не баннер, а размер блока для трансляции контекстной рекламы .

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

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

Некоторые баннеры и размеры из выше перечисленных, Вы можете посмотреть .

12.11.14 30481

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

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

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

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

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

• Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате JPEG или PNG . Характеризуются малым весом, не влияющим на скорость загрузки страницы.
• Анимированные баннеры – анимация создана с помощью GIF . Состоит из нескольких картинок, сменяющих друг друга с заданной частотой. Вес баннера зависит от количества используемых в нем изображений.
• Flash – в таком баннере анимация сделана на основе Flash . Она может реагировать на действия пользователя.

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

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

• 88 на 31 пиксель;
• 120 на 60 пикселей;
• 120 на 90 пикселей;
• 120 на 240 пикселей;
• 125 на 125 пикселей;
• 120 на 600 пикселей;
• 160 на 600 пикселей;
• 180 на 150 пикселей;
• 234 на 60 пикселей;
• 240 на 400 пикселей;
• 250 на 250 пикселей;
• 300 на 600 пикселей;
• 300 на 250 пикселей;
• 336 на 280 пикселей;
• 150 на 150 пикселей;
• 468 на 60 пикселей;
• 728 на 90 пикселей.

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

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

• Привлекать внимание пользователя – но это не значит, что баннер должен быть чересчур ярким и мигающим. Такая реклама вызовет у посетителя раздражение, а не внимание. Содержимое баннера должно ненавязчиво «намекнуть» пользователю о своем присутствии. Поэтому при подборе изображения и текста для него всегда должен учитываться психологический фактор;
• Вызвать интерес – баннеры для сайта должны вызывать у пользователя интерес к объекту рекламы. Товар или услуга должны быть поданы не только со вкусом, но и оригинально. Приветствуется использование легкого остроумия и юмора:

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

Закономерности, которые стоит учитывать перед тем, как размещать баннер на сайте:

• Чем больше баннер, тем выше вероятность перехода по нему пользователя. Самым эффективным размером считается 240 на 400 пикселей;
• Наибольшим эффектом обладает баннерная реклама, размещенная сверху (в шапке ). Также она может быть размещена сбоку или внизу страницы, но эффективность здесь несколько ниже;
• Анимированные баннеры способны быстрее привлечь внимание пользователя – интуитивно глаз человека реагирует на движение.

Создание и размещение рекламного баннера

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

Код большинства баннеров соответствует шаблону:

• a href=»/ссылка на сайт рекламодателя» – адрес ресурса, на который приведет пользователя щелчок по баннеру;
• title=»заголовок» – текст, отображающийся в сплывающей подсказке при наведении на область баннера;
• target=»_blank» – задает правила отображения сайта рекламодателя после перехода по ссылке баннера («_blank»- откроется в новом окне);
• rel=»nofollow» – запрещает поисковикам обработку этой ссылки;
• img src=»/путь к изображению» – задает путь к изображению, отображаемому в баннере;
• alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.

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

Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:

• Разработка обычного GIF баннера – от 25$;
• Создание баннера на основе Flash – 70-150$;
• Ресайз – примерно 50% от первоначальной его цены.

Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :

Код баннера:

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

Вот что получилось:

Код примера:

Создание анимированных и видео баннеров

Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .

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

Бытует мнение, что впервые баннер появился в 1994 году. Он выглядел как обычная картинка, которая содержала гиперссылку на рекламируемый сайт. По началу, такой способ рекламы использовался с целью прорекламировать один сайт на страницах другого. Хотя очень быстро стало понятно, что за размещение на своих страницах рекламы сайт, рассказывающий о каких- либо услугах и товарах может получать денежные вознаграждения от производителей этих товаров или услуг. Это привело к большому росту популярности баннеров. По сей день создаются сайты, которые направлены исключительно на извлечение прибыли от размещения баннерной (и других видов) рекламы. Внезапно растущая популярность баннеров привела к некоторой гонке за новыми идеями и неожиданными решениями рекламодателей для привлечения потенциальных клиентов: сначала было модно использовать нестандартные размеры баннеров ("небоскребы", "кнопки"), сейчас же широко используется анимация (от простейших "мигалок" до целых мультфильмов). Сначала эти рекламные решения были интересны пользователям, но затем они начали их игнорировать. Также появились баннеры, открывающиеся в отдельном окне (Pop-up / Pop-under). Чрезмерное применение таких баннеров привело к тому, что браузеры по умолчанию стали блокировать все всплывающие окна, открытые не самим пользователем. Тем временем рекламодатели сменили тактику, и баннеры начали появляться над, либо вместо содержимого страницы, тем самым давая возможность пользователю после рекламы перейти к нужной для него информации. Из-за надоедливости такого типа баннерной рекламы появились различные программы блокирующие всю рекламу на сайте (Adblock, Ad Muncher, Adguard). Благодаря постоянному развитию сетей и видов контента появилась возможность просматривать видео на страницах сайта, вследствие чего появились видео-баннеры, а также реклама, вмонтированная прямо в ролики, которые просматривают пользователи. Различными интерактивными методами, играми, элементами экспертных систем, видеороликами реклама пытается привлечь к себе внимание. Самой эффективной и популярной на сегодняшний день стала баннерная реклама, сделанная по технологии таргетинга, то есть дающая возможность показывать пользователю только ту рекламу, которая совпадает по тематике со страницей, просматриваемой им. Но и по сей день, несмотря ни на что, пользователи часто пользуются блокирующими программами.

• статичные изображения (JPEG-файлы);
• анимированные изображения (GIF-файлы; Flash-анимация);
• Richtext (тексто-графические и текстовые блоки);
• интерактивные (Flash- или JawaScript-анимация, с элементами взаимодействия с пользователем).

1. Статичные GIF-, JPG-баннеры

Статичный GIF-баннер 240 х 400

Статичный JPG-баннер 240 х 300.

2. Анимированные GIF-баннеры

Простой gif-баннер 240 х 400	Анимированный gif-баннер 240x124
	Анимированный gif-баннер 150x90

Flash-баннеры

Flash-баннер 200х300	Flash-баннер 468x60
	Flash-баннер 468x60

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