Как правило, любой веб-проект создается для того, чтобы на нем зарабатывать. Иначе вся деятельность в интернете теряет смысл. Одним из способов заработка является размещение рекламы на своем сайте. Рекламодатель разрабатывает и размещает свою рекламу на чужом веб-ресурсе за плату для того, чтобы продвинуть товар или услугу.
Что такое рекламный баннер на сайте
Это прямоугольный блок с неподвижной или анимированной картинкой (текстом). Обычно после клика на него пользователь отправляется на веб-страницу рекламодателя.
Немного истории
Впервые интернет-баннер увидел свет в 1994 году: он перекочевал в Сеть из печатных СМИ. В дальнейшем данный маркетинговый прием стал развиваться: создавались целые страницы, сверху донизу заполненные агрессивной рекламой. Со временем посетитель привык не обращать внимания на ее обилие - перенаполняемость веб-сайтов рекламой стала считаться дурновкусием.
Как работает рекламный баннер на сайте
Новые клиенты и покупатели
В данном случае важно не количество перешедших людей, а качество целевой аудитории. Например, интернет-магазину пуховых платков нужны не просто любопытные посетители, а покупатели. И логичнее размещать рекламу на женских веб-проектах, форумах, новостных ресурсах. Особенно востребованы платки будут в зимнее время и перед праздниками. Поэтому сезонность медийной рекламы в данном случае - это период осень-зима.
Прирост трафика
Иногда веб-ресурсы обмениваются тематическими медийными материалами для того, чтобы привлечь новых посетителей. Администратор может разместить баннеры со ссылками на страницы своего же сайта. Это делается для того, чтобы завладеть вниманием посетителя к какому-либо важному тексту.
Преимущества данного маркетингового приема
- Цена на создание и размещение баннеров намного ниже, чем стоимость прокрутки ролика на ТВ.
- Не требуется огромный штат сотрудников для создания материала.
- Корректировки под целевую аудиторию, легкое внесение изменений в рекламную кампанию.
- Баннерная (медийная) реклама + таргетинг (направленность на определенную целевую аудиторию) - один из самых эффективных приемов в маркетинге.
Виды интернет-баннеров
По типу отображения
- Статические - одна картинка.
- Динамические - смена изображений, движущиеся элементы.
- Видео - ролик проигрывается при наведении мышкой или при клике.
По форматам
- Простая статическая картинка в растровой графике (JPG, GIF, PNG и т.д.).
- GIF-анимация - сменяющие друг друга рисунки в растровой графике.
- Flash-анимация - применяется векторная графика, плавная смена элементов, интересные эффекты, может накладываться звук.
Слишком «тяжелые» изображения значительно замедляют загрузку веб-страницы, что отрицательно сказывается на поведении посетителей и доверии поисковых систем. GIF-анимация и Flash обладают большим весом, по сравнению со статичной картинкой, поэтому перенасыщать страницу подобными медийными материалами не рекомендуется. А вот на «легкую» статичную картинку посетители почти не обращают внимания и не кликают на нее, считая изображение одним из красочных элементов страницы.
По размерам
Размер баннера для сайта может быть любым. Главное, чтобы он динамично вписывался в дизайн, не был навязчивым. Если у пользователя интернета на показ рекламы стоит фильтр, то следует предусмотреть вставку специальной картинки-заглушки аналогичного размера. Но существуют стандартные размеры в пикселях, которые мы рассмотрим ниже.
- 728х90 - «Доска почета».
- 468х60 - «Горизонтальный».
- 336x280, 300х250, 300х600, 240х400, 180х50 - «Прямоугольные».
- 300х600, 120х240 - «Вертикальные».
- 120х600, 160х600 - «Небоскреб».
- 250х250 - «Квадрат».
- 125х125, 120х90, 120х60 - «Кнопки».
- 88х31 - «Полоса».
Почти все вышеперечисленные размеры доступны для размещения в Яндекс.Директ и Гугл Адвордс.
Как сделать медийную рекламу эффективной
Любой аляпистый блок на веб-ресурсе - это еще не интернет-баннер. Дизайнер должен разместить в небольшом прямоугольнике основную суть о товаре или услуге и одновременно побудить человека кликнуть.
Признаки качественного интернет-баннера
- Загружается быстро. Пользователь не должен ожидать долго.
- Привлекает внимание. При этом важна не насыщенность цветами или разнообразие кадров. Картинка должна стимулировать посетителя к дальнейшему ознакомлению с материалом.
- Оригинальный. Похожими друг на друга изображениями пестрит весь интернет. Поэтому важно заинтересовать искушенного пользователя именно своими ТиУ.
- Стимулирует совершить покупку (выполнить действие). Это и есть главная цель любого продвижения.
- Вызывает доверие. Особенно важно для малоизвестной компании. При разработке необходимо учитывать психологию цветов и фраз.
Где должен размещаться рекламный блок
Немаловажно также место размещения и размеры медийных материалов.
- Чем крупнее картинка - тем вероятнее клик по ней.
- Самым лучшим размером блока считается 240х400.
- Верхний левый угол и шапка веб-сайта - именно отсюда взгляд посетителя начинает скольжение по странице.
- Верх сайта - самое эффективное место.
Анимационные блоки привлекают внимание, если даже они размещены в самом низу.
- Красный - цвет решительности, побуждения. Но его переизбыток может вызвать агрессию к ТиУ. Его оттенки (пурпур, бордо, розовый) менее агрессивны, но также успешно применяются. Красный в сочетании с черным позволяет подчеркнуть важность чего-либо.
- Оранжевый - хорошее настроение, побуждение к действию. Считается самым эффективным в рекламе, но плохо подходит для фона.
- Желтый - радость, настраивает на коммуникабельность, прекрасно сочетается с черным.
- Зеленый - свежесть, тонус, здоровье. Прекрасно подходит для фона, применяется чаще в медицинских ТиУ.
- Синий - покой и нежность.
- Фиолетовый - таинство и торжественность какого-либо события. Подчеркивает оригинальность ТиУ.
- Серый - самый умеренный цвет, ни у кого не вызывает отторжения.
- Белый - чистота. Если неагрессивный баннер имеет белый фон, то он не вызывает эмоций.
- Черный - не подходит для фона, но незаменим как цвет шрифта.
Правила текстового посыла
Картинка только «цепляет» внимание. На медийном блоке важен именно текст, поэтому учитывайте следующие рекомендации:
- Обращайтесь к вашей целевой аудитории.
- Придумайте интересный заголовок.
- Текст должен намекать о вариантах решения проблемы.
- Он должен интриговать, вызывать любопытство.
- Должен описывать интересный сюжет, как в любом рекламном ролике.
- Должен иметь связь с графикой на кадрах.
- Слова «Вход» или «Нажимай» побуждают к действию.
- Слово «Бесплатно» интригует каждого.
- Текст должен занимать до 20% от пространства прямоугольника.
- Любые цифры вызывают доверие.
- Если у вас есть логотип - не забывайте про него.
- Оформление шрифта в виде подчеркнутого голубого текста побуждает пользователя кликнуть на ссылку.
- Используйте элементы дизайна от Windows - на такие баннеры чаще кликают.
- Не применяйте мигающий, а также черный или красный фоны.
- Смена изображений не должна быть слишком быстрой. Человеку нужно успеть понять ваш посыл.
- Если фон прямоугольника белый - обведите его рамкой.
- Забудьте про курсив, мелкий шрифт и слова, написанные кричащими заглавными буквами.
- Рекламный материал должен повторять стилистику рекламируемого интернет-проекта.
- Эротический контекст всегда увеличивает кликабельность (применимо не для всех рекламодателей).
- Изображения людей привлекают внимание.
- Создавайте в анимированном блоке не более 4 кадров.
- Общее время прокрутки анимации - не более 5-6 секунд.
- Если медиа-реклама всплывает и навязывается, то пользователь ее закрывает.
- Рекламный материал должен вести на страницу, которая более полно раскрывает его суть.
Программы для создания баннеров для сайта
В зависимости от формата применяется соответствующее ПО для создания материала. Если для разработки статики подойдет любой графический редактор, то для разработки анимации необходимо специализированное ПО.
- ADOBE PHOTOSHOP - платная. Самый мощный графический редактор. Поддерживает множество форматов, инструментов, позволяет использовать разные спецэффекты и добиваться высокого качества изображений.
- EASY GIF ANIMATOR - платная. Выдает GIF или AVI-формат, позволяет работать как с анимацией, так и со статикой. Предусмотрены красивые эффекты, смена кадров, обладает большим набором инструментов. Доступно 20 открытий для бесплатного тестового применения.
- BANNER MAKER PRO - платная. Понятный интерфейс, простые функции, любые размеры создаваемых материалов, высокое качество готовой продукции.
- ARTWEAVER - условно-бесплатная. Российская программа, графический редактор, имеет множество инструментов для обработки изображений. Можно бесплатно работать с базовым набором функций.
- ULEAD GIF ANIMATOR - условно-бесплатная. Более 15 плагинов, удобная раскадровка, синхронизация с «Фотошопом», сохранение во многих форматах. Можно сохранить материал в HTML.
ADOBE FLASH CS5 PROFESSIONAL - условно-бесплатная. Сильная программа для разработки FLASH-анимации. Имеет встроенный функционал для производства FLASH-роликов, сотни плагинов, «живую» анимацию, добавление музыки, поддерживает формат FLA. Имеет тестовый период 1 месяц, можно найти бесплатные взломанные версии в интернете. - GOOGLE WEB DESIGNER - бесплатный сервис от Гугл. Сложноватый интерфейс, небольшое количество эффектов, зато много подсказок на русском.
- GIMP - бесплатная. Бесплатный аналог «Фотошопа». По функционалу уступает своему предшественнику, но нулевая стоимость склоняет чашу весов в пользу GIMP.
- PAINT-NET - бесплатная. Работает только со статикой, ничего лишнего; много возможностей, легкий интерфейс.
- AURORA 3D-ANIMATION - условно-бесплатная. От статики до FLASH. Много шаблонов, простой интерфейс, тонкая настройка смены кадров, поддерживает формат SWF.
- SOTHIK SWF - бесплатная. Позволяет создавать FLASH, имеет множество готовых шаблонов и картинок.
- EASY BANNER - бесплатная. ПО для новичков в дизайне, работает как со статикой, так и с анимацией, есть впечатляющая подборка фонов и стандартных изображений.
- ALEO FLASH INTRO BANNER - без оплаты. Работает с FLASH, GIF-анимацией и статикой, много шаблонных звуков, готовых анимаций, шрифтов. Простой интерфейс.
- ATANI - бесплатная. Работает с форматом GIF. Инструментарий очень прост и понятен.
- BANNER FANS - онлайн-сервис, без оплаты. Много полезных настроек и возможностей. Позволяет рисовать статические медиа-материалы, можно создать баннер онлайн для сайта.
- ANNERS NACK - онлайн-сервис, без оплаты. Предельно простой принцип работы, есть готовые шаблоны. Пользователь может легко выбрать подходящий готовый вариант и внести свои корректировки.
Резюме
Качество интернет-баннера определяется не тем, как он выглядит, а в его кликабельности. Реклама может быть несовершенной, но если люди переходят по ней на ваш сайт - значит, вы все сделали правильно!
С ростом популярности интернета появляется все больше рекламных площадок, а конкуренция становится жестче. Чтобы привлечь посетителей и потенциальных клиентов на свой сайт, необходимо пользоваться передовыми рекламными методами. Один из самых простых и популярных методов на сегодняшний день - баннерная реклама. Поэтому если вы хотите рекламировать свой продукт - без собственного баннера не обойтись.
Преимущества баннерной рекламы
Рекламный баннер для сайта представляет собой гиперссылку на страницу сайта в виде небольшого текста или графического изображения. Размещают баннеры на страницах рекламных или партнерских ресурсов. Иногда размещают и на страницах своего сайта, чтобы увеличить посещаемость определенной страницы или раздела.
Говоря о преимуществах использования баннеров, стоит подчеркнуть, что данный вид рекламы связан с низкими тратами. Изготовление баннера не требует наличия глубоких знаний, его можно сделать своими руками. Являясь ненавязчивой, баннерная реклама может быть ориентирована как на узкий, так и на широкий круг потенциальных клиентов.
Создание баннера
Зарегистироваться>>>
Убедившись в необходимости и полезности баннерной рекламы , возникает вопрос, как сделать баннер? Проще всего, обратиться к дизайнеру специалисту, который выполнит работу качественно и сэкономит личное время заказчика. Однако нынешние технологии позволяют создать баннер самостоятельно и даже в режиме онлайн.
Существует множество сайтов, которые предлагают бесплатное создание баннера по предложенным шаблонам. Самые популярные и удобные среди них: canva.com и bannersnack.com
Наиболее простым, в то же время функциональным и понятным для начинающих дизайнеров является Canva. Ресурс доступен на русском языке, интерфейс все равно интуитивно понятен. Регистрация обязательна.
Баннер создается в режиме онлайн. Генератор сделан таким образом, что результаты уже выполненных процессов по созданию баннера всегда видны. А в левой части редактора находится панель с настройками. Пользователю доступны несколько базовых разделов:
- Шаблоны Раздел отвечает за фоны и размеры баннера. Конструктор опционально может подогнать размер выбранной картинки автоматически или предоставить данную возможность создателю баннера (вручную или из списка шаблонных размеров).
- Фото . Здесь можно выбрать фон из списка доступных на ресурсе изображений. Их использование бесплатно.
- Элементы. Здесь можно добавить на готовый фон разные элементы - небольшие картинки, фразы, диаграммы и т.п
- Текст . В этом разделе можно добавить на баннер несколько текста (заголовок, подзаголовок, основной текст), каждая из которых поддается независимому редактированию. Ресурс предлагает сотни шрифтов на выбор.
- Видео . Здесь можно добавить видео в свой баннер.
- Фон Этот раздел предоставляет опцию выбора фонового изображения для вашего баннера.
После всех этапов обработки, баннер можно сохранить и использовать. Другие популярные ресурсы по онлайн созданию баннеров, такие как Bannersnack, работают по схожему принципу.
Здесь можно в считанные минуты создать целые комплекты статических и анимированных баннеров. Кроме единичного баннера, на ресурсе есть генератор комплектов баннеров - эффективное решение для создания сразу нескольких нужных баннеров. Сервис использует технологию искусственного интеллекта и позволяет существенно экономить время.
Алгоритм работы следующий:
- Выбор размера.
- Создание основы баннера (с нуля или по имеющимся статичным и анимированным шаблонам)
- Персонализация дизайна - редактирование заголовков и текста, фона или любых элементов.
- Экспорт баннеров на любую платформу. Генератор баннеров подходит для основных рекламных платформ: Google Display Network, AdRoll, ReTargeter.
Регистрация на ресурсе обязательна. Пользоваться им можно бесплатно, но чтобы использовать все возможности, необходима премиум-подписка. Bannersnack работает с 2008 года и доступен на нескольких языках, включая русский.
Смотрите видео по теме:
Как начать зарабатывать на партнерских программах 💵 Бесплатный практикум по заработку на партнерках для новичков и тех, кто уже в теме 😉.Зарегистироваться>>>
Статичный баннер готов, но есть возможность анимировать его, сделав более заметным и привлекательным. Для этого существует удобный ресурс Gifovina. Предварительно создайте несколько разных картинок на сайте Canva, после чего загрузите их в формате GIF на сайт Gifovina. Ресурс предложит несколько настроек, в которых можно отрегулировать скорость анимации, выбрать необходимые фоны, добавить немного эффектов, после чего анимированный баннер доступен для сохранения.
Весь процесс занимает немного времени и понятен даже начинающим. Хотя качество будет хуже, чем у профессиональных дизайнеров, которые пользуются сложным графическим софтом, но результат получается вполне приемлемый для первых шагов по раскрутке сайта.
Об эффективности баннера и о партнерских программах
Когда с графической составляющей покончено, остается вопрос, как сделать баннер эффективным ? Чтобы реклама была успешной, важно помнить о некоторых нюансах:
- На частоту переходов по баннеру влияет его расположение, то есть он должен быть на видном месте (верх страницы), лучше всего на главной странице сайта.
- Баннер будет смотреться выгоднее на странице с голым текстом, чем на исключительно рекламном ресурсе, где он может затеряться среди других ссылок.
- Главное в баннере - текст, именно он привлекает будущих покупателей больше, чем любые анимационные эффекты.
- Рекламировать контент своего сайта нужно на ресурсах со схожей тематикой, чтобы привлекать целевую аудиторию, а лучше всего - найти подходящую партнерскую программу.
Таким образом, заказчик, разместивший баннер своего сайта на партнерскую программу, точно знает, сколько и за что он платит. Дешевле всего обойдутся клики и переходы, однако отдача от такой рекламы минимальна. Более эффективным вложением средств считается плата за действие (подразумевается регистрация, подписка на рассылку новостей сайта и т.п.), так как потенциальный клиент гораздо сильнее вовлечен в процесс. Такой вид рекламы подойдет для сайтов услуг и онлайн-игр. Читайте про лучшие СРА-партнерки.
Если сайт занимается реализацией физических товаров, то лучшее решение - использовать партнерскую программу, которая согласится разместить баннер за процент от продаж.
Существуют также многоуровневые партнерки с развитой реферальной сетью, где выплаты происходят согласно иерархии.
Подводя итог, можно сказать, что баннерная реклама остается популярной и эффективной среди пользователей рунета. Хотя этот вид рекламы совсем не нов, он доказал свою состоятельность и продолжает пользоваться спросом. Если у вас нет возможности нанять специалистов, чтобы сделать баннер, вы можете создать его самостоятельно на онлайн-ресурсах. Для этого не требуется быть дизайнером: простое изображение под силу создать даже новичку.
Типы баннеров
- Статический (jpeg, png)– простое изображение, в котором нет анимации.
- GIF-баннер (динамичный) – используется несколько изображений, которые последовательно сменяют друг друга. Что-то вроде мини-рекламного ролика на 5 секунд.Для его создания используется несколько картинок, чтобы создался эффект плавности движения. Но желательно, чтобы размер не превышал 3-5 кб.
- Flash-баннеры (интерактивный) – самый востребованный тип, но и сложный для создания. Такой рекламный баннер сделать может далеко не каждый, но и цена на него соответствующая. Его создают в Adobe Flash, используя векторную графику. Желательный вес – 50-100 кб.В них можно добавить звуковые эффекты и обычно внешний вид таких баннеров намного привлекательней, чем у обычных. Кроме того, их можно создавать интерактивными (глаза следят за мышкой, при наведении меняется картинка и др.)
С теорией мы ознакомились, теперь можно перейти к самому интересному: отчего зависит ваш доход?
1. Тип баннера
– понятно, что стоимость на статичный баннер и flash-баннеры будут сильно различаться. Нужно оценить временные затраты на создание разных типов и определиться с ценой.
2. Количество баннеров
. Некоторые заказчики хотят сразу несколько одинаковых баннеров, но с разными размерами.
3. Наличие исходных материалов
. Если заказчик дает всю нужную информацию и изображения для работы, цена существенно уменьшается. В принципе это логично, ведь ваша работа уменьшается почти вдвое.
Ориентировочные расценки*:
Статичный – от 100 рублей;
GIF-баннер – от 1000 рублей
Flash-баннер – от 2000 рублей
*Расценки указаны для тех, кто уже умеет создавать оригинальные баннеры, может показать примеры работ и имеет небольшую репутацию в этой сфере.
Рассмотрю вариант создания самого просто статического баннера – продажа инфопродукта.
Для работы нам понадобится Photoshop. Откройте и создайте новый проект (Файл-новый) с размерами поля 200х300.
После этого появится белый прямоугольник. Но просто белый фон выглядит скучно, давайте добавить яркость. Для этого можно:
- Добавить фоном картинку (просто перетащите на поле нужную картинку);
- Добавить один цвет;
- Залить градиентом (один цвет переходит в другой).
Я выбираю третий вариант. Для этого нужно выбрать на панели инструментов (слева) на верхнее поле Цвета (два белых листа). Появится Палитра цветов, в которой мы можем выбрать нужный цвет.
После этого нажмите на нижний листок, который остается белым, и выберите цвет для него. Делается точно так же.
Найдите на панели инструментов Заливка, нажмите правой кнопкой мыши (ПКМ) и выберите Градиент. Теперь на белом холсте (наш баннер) проведите вертикальную линию сверху вниз. Просто нажмите наверху левой кнопкой мыши (ЛКМ) и, не отпуская ее, проведите до самого низа.
Фон готов. Теперь нужно закинуть картинку товара (или другое изображение по теме). У меня нет никаких книг и товаров для продажи, так что я поищу в интернете.
Кстати, желательно искать картинки в формате png – так вам не нужно будет отрезать лишний фон. Для этого зайдите в расширенные настройки поиска Google и выберите Формат файлов – PNG. Можно понять, что формат нужный, если вы открываете картинку, а задний фон квадратиками.
Теперь переносим картинку на наш фон. PNG-файл входит идеально, а вот обычную картинку придется обрезать. Для этого существует много способов, но самый простой – использовать Ластик. Можно использовать Волшебный ластик, если фон однотонный.
Приблизьте картинку, чтобы было лучше видно (ctrl + плюс). И ластиком стирайте лишний фон – действуйте аккуратно и почаще делайте паузы. В случае неудачи (слишком много стерли) пользуйтесь ctrl+z.
Осталось добавить надпись, которая поясняет что нужно сделать. К примеру, скачать. Создаем кнопку – найдите на Панели инструментов Прямоугольник – ПКМ – Прямоугольник со скругленными краями.
На баннере выбираем подходящее место, нажимаем ЛКМ и, не отпуская, создаем кнопку. Затем выбираем заливку, нужный цвет и потом в центр кнопки (предложат растрировать – соглашайтесь).
Когда кнопка будет окрашена в нужный цвет, нужно сделать надпись. Для этого нажмите букву Т в Панели инструментов, а потом кликните на кнопку. Появится поле для ввода текста. Укажите призывную надпись – Жми, Скачай, Забрать и т.п. Настройки шрифта (размер, стиль, цвет и т.п.) появится наверху. Когда все будет готово нажмите галочку.
Это довольно простой баннер, который можно сделать за 10-20 минут. Существует много различных эффектов и инструментов, чтобы такой баннер улучшить и сделать идеальным. Но в данной статье я это рассматривать не буду.
Как сделать рекламный баннер качественно
Но если вы совсем далеки от этой темы, лучше пройти курс Как сделать баннеры . Либо самостоятельно собирать крупицы информации в интернете, потеряв кучу времени и набив «шишки».
Электронная версия стоит всего 1270 рублей. Окупается в течении недели-месяца (зависит от вашей активности). Вы сразу получите преимущество перед другими начинающими фрилансерами.
Так вы получите конкретные советы и инструкции по созданию баннеров. А это самое главное — не придется самостоятельно разбираться в совершенно новой и не понятной сфере деятельности.
- Введение в профессию;
- Создание статических баннеров
- Создание динамичных (gif) баннеров
- Создание интерактивных (flash) баннеров
С этим курсом вы быстро освоите заработок на создании баннеров и поймете, как сделать рекламный баннер разных типов. А это все что нужно для освоения этой профессии.
Реклама — нужная вещь для любого сайта. Только стоимость инструментов для рекламы бывает выше дохода от нее. Вот тогда многие начинают мудрить, чтоб хоть немного сэкономить. Для таких «мудреных » мы и поведаем, как сделать баннер.
Что такое баннеры
Под баннером в интернете подразумевается прямоугольное рекламное изображение со статическим или динамическим (анимированным ) содержимым. Баннер может включать в себя как текст, так и графический рисунок. Баннер, как правило, снабжен ссылкой, активирующейся после щелчка по нему кнопкой мыши.
Современный рост эффективности баннерной рекламы связан с использованием контекстного таргетинга. При этом на баннерах сайта рекламируют только те товары и услуги, которые «созвучны
» с тематикой ресурса:
Хорошо бы узнать, как можно сделать баннер для сайта. Но для начала нужно разобраться с существующими типами баннеров. Различают следующие их типы:
- Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате 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=»https://www.сайт/wp-content/uploads/путь к изображению» – задает путь к изображению, отображаемому в баннере;
- alt=»альтернативный текст» – текст, который будет отображен в баннере, если его рисунок не загружен.
Но не обязательно разрабатывать баннер самостоятельно. Для этого можно воспользоваться специальными онлайн-генераторами. Чтобы сгенерировать код баннера на таком сервисе, нужно заполнить несколько полей и нажать на кнопку:
Или можно заказать создание баннера в профессиональной студии. Тогда это обойдется дороже… Вот примерные расценки:
- Разработка обычного GIF баннера – от 25$;
- Создание баннера на основе Flash – 70-150$;
- Ресайз – примерно 50% от первоначальной его цены.
Но если немного помудрить, то можно сотворить простенький баннер самостоятельно. Вот какое чудо получается после десяти минут манипуляций с кодом html и изображением в Coreldraw :
Код баннера:
Если еще немного помудрить с кодом и добавить пару обработчиков событий, то получиться баннер с меняющейся картинкой. Изображение в баннере меняется во время наведения на него курсора.
Вот что получилось:
Код примера:
Создание анимированных и видео баннеров
Рассмотрим на примере как сделать анимированный баннер с помощью программы Ulead GIF Animator .
В меню «Файл » выбираем пункт «Мастер анимации ». В появившемся окне задаем размер будущего баннера. На следующем шаге загружаем подготовленные изображения:
Затем задается скорость смены картинок в анимации. В маленьком окне эта скорость демонстрируется с помощью меняющихся цифр.
Как создать баннер: понятие баннера + актуальность баннерной рекламы + 4 способа создания рекламного блока + 3 совета для новичков в этом вопросе.
Скорее всего, вы уже знакомы со всевозможными видами рекламы и знаете для чего они нужны. Рекламное продвижение товаров и услуг в Интернете обрело на сегодня большую популярность, а это, в свою очередь, стало причиной тому, что появилось много новых способов представить свой товар покупателю.
Но, несмотря на все новые тенденции, одним из самых продающих видов продвижения в сети по-прежнему остается баннерная реклама. В этой статье мы расскажем, как создать баннер, и нужны ли для этого специальные знания.
Что такое баннер: актуальность и общие понятия
Вряд ли сегодня можно встретить человека, который бы слышал понятие «баннер» впервые. А все потому, что первые блоки баннерной рекламы появились еще 14 лет назад и с тех пор становились все популярнее.
Несмотря на то, что уже многие годы пользователи сети стараются создать все новые и новые способы блокировки баннерной рекламы, многочисленные исследования в этой области все еще утверждают, что баннеры были и остаются в числе самых популярных и продаваемых .
Подтверждением вышесказанному служит представленная диаграмма:
Так что же такое баннер? Как трактуют это понятие специалисты?
Баннер в переводе с английского обозначает транспарант. Но, если говорить о конкретном термине, то баннер – это рекламный блок, представленный в виде графического изображения или анимированной картинки, которая нацелена на привлечение потенциальных потребителей товаров и услуг.
Баннер содержит в себе не только изображение, а также и гиперссылку, при нажатии на которую посетитель переходит на ресурс рекламодателя. Сегодняшние технологии предполагают переход по ссылке не только при нажатии на нее, но и при простом наведении на нее курсором мышки.
Чаще всего баннеры используются в виде логотипов, чтобы привлечь внимание потенциальных покупателей.
Существует множество классификаций баннеров, но мы рассмотрим только самые основные.
А теперь перейдем к основному вопросу — созданию баннера. Многие полагают, что для этого нужны специальные знания или хотя бы материальные вложения. Мы рассмотрим все способы, которые доступны каждому из нас.
4 способа, как создать баннер
Если вы собрались заняться продвижением собственного сайта или планируете стать профессиональным создателем баннеров на заказ, мы представим вам 4 основных способа, которые помогут создать баннер.
Какой из них вы выберете, будет зависеть от вашей конечной цели.
Вариант 1. Создать баннер, воспользовавшись услугами профессионалов.
Если вы интересуетесь, как создать баннер для рекламы и при этом имеете предусмотренный капитал для рекламной компании, тогда этот способ для вас.
Такой вариант наиболее простой, так как от вас потребуется только найти подходящую организацию или человека, которые занимаются созданием подобных объектов и оформить у них заказ. Но, с другой стороны, этот метод является наиболее затратным, что вполне логично. Если вы не прикладываете никаких усилий, то должны заплатить за необходимую работу.
Найти подобное агентство в сети не сложно. Существует много небольших компаний, которые готовы создать ваш баннер в кратчайшие сроки.
Вот вам несколько таких для примера:
- http://beflystudio.com/razrabotka-bannerov.html
- http://www.alexfill-design.ru/razrabotka_i_sozdanie_bannerov_flash_i_gif.htm
- https://tolkunov.com
Но не только на таких ресурсах можно договориться о том, чтобы создать баннер. Вы можете также воспользоваться услугами фрилансеров, поискав таких на специализированных площадках.
Самые известные из них следующие:
- https://www.weblancer.net/freelancers/bannery-8
- https://www.fl.ru/freelancers/dizajner-bannerov-dizajn
- http://freelance.youdo.com/design/banners
Что касается ценовой политики, то она будет отличаться в зависимости от того, какой именно рекламный блок вам нужно создать. Если речь идет об обычном статичном баннере, то его стоимость составит от 500 руб. Когда же вы планируете заказать комплект из 5 анимированных баннеров, то приготовьтесь заплатить до 5 тыс. руб.
Вариант 2. Создать баннер при помощи графического редактора.
Рассмотрев самый простой, но затратный способ, как создать баннер на сайт, перейдем к самому незатратному, но сложному варианту.
Создать необходимое рекламное объявление в графическом редакторе может, в принципе, каждый, но сложность такого способа в том, что начинать работу нужно «с нуля». Причем, если пользоваться редактором вы не умеете, то сперва нужно получить необходимые знания в этой области, а уже после приступать к работе.
Правда, на сегодня это не проблема, достаточно посмотреть пару уроков на You Tube, и вы уже можете стать умелым пользователем одного из редакторов. Но какой же редактор выбрать?
Задав такой вопрос, чаще всего можно услышать один и тот же ответ – для того, чтобы создать баннер, лучше всего использовать Photoshop.
Да, действительно, этот графический редактор очень многофункционален, но имеет массу инструментов, с которыми можно разбираться годами. Поэтому советуем вам создать рекламу в том редакторе, который покажется вам наиболее удобным в работе.
- Photoshop – как уже и было сказано, такая программа требует профессионального подхода, поэтому, если вы желаете научиться пользоваться ею или уже имеете некоторые навыки, то можете смело пробовать создать баннер именно в Photoshop. Для удобства можете использовать онлайн версию редактора: https://online-fotoshop.ru
- Paint.net (http://paintnet.ru ) – несложный в использовании, но функциональный графический редактор, который своими возможностями напоминает Photoshop. Он является прототипом стандартного Paint, такой же простой для начинающих, но в то же время очень усовершенствованный.
- GIMP (http://gimp.ru ) – еще один очень неплохой и простой графический редактор, который позволяет создать баннер и веб-дизайн сайта. Работает в самых популярных операционных системах.
Схема работы с каждым из редакторов практически одинаковая, и все они не сложны в использовании, так что этот вариант очень подойдет новичку.
Рассмотрим принцип действий на примере работы с Photoshop:
Вариант 3. Можно создать баннер с помощью специальных программ.
Такой способ является еще одним методом, как создать баннер без лишних усилий, а тем более без денежных затрат.
Программы, предназначенные для того, чтобы создать блок рекламы, во многом превосходят графические редакторы, так как имеют много преимуществ.
К ним стоит отнести:
- Простоту в использовании – программы позволяют новичкам легко и бесплатно создать яркий и продающий баннер.
- Многофункциональность – такие сервисы имеют множество инструментов для дополнения баннеров различными спецэффектами. К тому же, в большинстве из них уже предусмотрено большое количество шаблонов, что позволяет быстрее определиться с внешним видом баннерной рекламы.
- Русскоязычный интерфейс – во многих программах в качестве основного языка используется английский, но практически все они позволяют изменить его на русский язык.
Главным достоинством программ для создания баннеров, безусловно, является их простота в использовании. Для того, чтобы создать баннер в одной из таких программ, не понадобятся никакие серьёзные знания. К тому же, подобных площадок на сегодня очень много, что позволяет выбрать любую из них на свое усмотрение.
Проанализируем несколько наиболее известных сервисов:
- EasyBanner – многофункциональная и не сложная в использовании площадка, которая позволяет создать как обычный, так и анимированный баннер. Здесь можно выбрать необходимое изображение, поработать над эффектами, вставить текст. Самое большое преимущество ресурса в большом количестве готовых шаблонов, которые значительно упрощают задачу.
- Sothink SWF Easy – программа, которая позволяет не только создать стандартный баннер, но и оформить профессиональный анимированный блок с яркими элементами. При этом ресурс рассчитан на использование новичками, поскольку все действия можно совершить, ссылаясь на небольшие подсказки. Интерфейс программы удобен для работы, к тому же здесь также имеется большой выбор шаблонов и изображений.
- Atani – многофункциональная программа, которая составит конкуренцию даже профессиональным сервисам. Здесь можно создать статичный и динамичный баннеры, использовав для этого изображения в самых разных форматах.
Использовать каждую из этих программ не сложно.
Алгоритм действий выглядит следующим образом:
Теперь вы создали свой баннер и можете приступать к продвижению своего бренда или продукта.
Вариант 4. Создать баннер, применив онлайн-конструктор баннеров.
И последним способом из 4-х представленных является вариант создания при помощи онлайн-конструкторов. Такой метод является самым универсальным и простым.
Даже по сравнению с программами для создания баннеров использовать конструктор еще проще. Объясняется это тем, что для формирования инструмента продвижения вам не понадобится ничего устанавливать и разбирать. К тому же, такие веб-сервисы имеют не меньшую функциональность, чаще всего бесплатны и так же, как и программы, имеют русскоязычный интерфейс.
Главное – выбрать наиболее оптимальный из конструкторов для своей ситуации, чтобы иметь возможность создать качественный и продаваемый баннер.
Проанализируем несколько популярных ресурсов.
№1. Banner Fans.
http://bannerfans.com/banner_maker.php
К основным достоинствам данного сервиса относят его простоту и многофункциональность, а также поддержку многих языков. Как только вы перейдете по ссылке на этот конструктор, язык интерфейса будет английским, но вы сможете изменить его в верхнем правом углу.
Перед вами будет макет баннера, который вы сможете изменить на свой вкус, выбрав необходимые элементы, фон и применив шаблон. Если в конечном итоге, что-нибудь вам не понравится, то вы сможете изменить свой баннер. Внизу страницы после создания продукта можете получить код для того, чтобы вставить баннер на сайт.
Этот ресурс бесплатный, но имеет несколько минусов:
- Во-первых, русский язык, на который осуществляется перевод на сайте, очень далек от идеала.
- Во-вторых, не всегда текст можно напечатать на русском языке, многие знаки он не читает.
Поэтому лучше всего пробовать создать баннер при помощи этого конструктора только на английском языке.
№2. Bannerovich.
Очень простой в эксплуатации онлайн-конструктор, который позволяет создать баннер двумя способами:
Заметным минусом этого редактора выступает отсутствие шаблонов, но здесь есть большой выбор изображений и фоновых рисунков. К тому же, сервис русскоязычный и бесплатный.
№3. Canva.
https://www.canva.com/ru_ru/
Один из самых популярных и удобных для работы сервисов по созданию баннеров. Сервис бесплатный, но за расширение количества инструментов нужно заплатить. Можно купить период использования длительностью в один месяц, а можно приобрести такое право сразу на год.
Ресурс очень функционален, позволяет выбирать самые разнообразные макеты и шаблоны рекламных блоков для разных потребностей. Также здесь можно выбрать нужный фон, написать текст и вставить дополнительный элемент.
Сперва для работы на этой площадке придется зарегистрироваться, после чего сможете приступить к оформлению.
Итак, мы проанализировали 4 самых популярных способа, как создать баннер самостоятельно или при помощи веб-мастеров. Напоследок хотелось бы добавить несколько слов о том, как сделать ваш рекламный продукт более конкурентоспособным на рынке.
Понятие «правильный баннер» предполагает, что он станет хорошим инструментом рекламы и продвижения, привлекая тем самым многих потенциальных потребителей.
Такие баннеры не приносят желаемых посетителей или дополнительный доход. Они скорее раздражают аудиторию, которая вряд ли вновь захочет вернуться после этого на ваш сайт.
Баннер должен нести нужную информацию и быть запоминающимся.
В продолжении речи о слишком пестрых и ярких рекламах напомним, что главная цель баннерной рекламы – это запомниться потенциальному покупателю или заставить его задуматься о том, что, перейдя по ссылке, он может получить важную информацию.
Размещайте баннеры на сайтах, исходя из целевой аудитории.
Очень часто большую роль играет не само оформление баннерной рекламы, а портрет аудитории, которой она адресована.
Вы должны четко понимать, кому вы направляете свою рекламу и исходя из этого ее оформлять.
Мы разобрались не только с главным вопросом, как создать баннер, но и привели множество способов, как именно это можно сделать, с помощью какой программы или ресурса.
