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

• Преимущества баннерной рекламы
• Создание баннера
• Об эффективности баннера и о партнерских программах

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

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

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

Создание баннера

Рекомендуем курс по заработку в интернете: Узнайте более 50 способов заработать в интернете, включая способы заработока при помощи тизерной рекламы

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

Существует множество сайтов, которые предлагают бесплатное создание баннера по предложенным шаблонам. Самые популярные и удобные среди них: bannerovich, artbanner и Banner Fans.

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

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

• Макет. Раздел отвечает за фоны и размеры баннера. Конструктор опционально может подогнать размер выбранной картинки автоматически или предоставить данную возможность создателю баннера (вручную или из списка шаблонных размеров). Фоны, доступные пользователю, делятся на сплошные и градиентные. Кроме того, дизайнер может использовать собственные картинки для фона или выбрать предлагаемые фоны.
• Текст . В данном разделе можно добавить на баннер до 6 строк текста, каждая из которых поддается независимому редактированию. Ресурс предлагает сотни шрифтов на выбор.
• Воздействие . Отвечает за эффекты текста (тень, цвет, прозрачность, контур и т.п.).
• Пограничная . Этот раздел предоставляет опцию выбора рамки для баннера. Можно оставить его совсем без рамки, либо выбрать из множества стандартных вариантов различных цветов и размеров.
• Формат . Позволяет выбрать нужное пользователю расширения для дальнейшего размещения баннера на любых сайтах.

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

Смотрите видео по теме:

Статичный баннер готов, но есть возможность анимировать его, сделав более заметным и привлекательным. Для этого существует удобный ресурс Gifovina. Предварительно создайте несколько разных картинок на сайте Banner Fans, после чего загрузите их в формате GIF на сайт Gifovina. Ресурс предложит несколько настроек, в которых можно отрегулировать скорость анимации, выбрать необходимые фоны, добавить немного эффектов, после чего анимированный баннер доступен для сохранения.

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

Об эффективности баннера и о партнерских программах

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

1. На частоту переходов по баннеру влияет его расположение, то есть он должен быть на видном месте (верх страницы), лучше всего на главной странице сайта.
2. Баннер будет смотреться выгоднее на странице с голым текстом, чем на исключительно рекламном ресурсе, где он может затеряться среди других ссылок.
3. Главное в баннере - текст, именно он привлекает будущих покупателей больше, чем любые анимационные эффекты.
4. Рекламировать контент своего сайта нужно на ресурсах со схожей тематикой, чтобы привлекать целевую аудиторию, а лучше всего - найти подходящую партнерскую программу.

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

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

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

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

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

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

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

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

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

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

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

• Статические баннеры – состоят из статического изображения. Представляют собой рисунки в формате 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 .

В меню «Файл » выбираем пункт «Мастер анимации ». В появившемся окне задаем размер будущего баннера. На следующем шаге загружаем подготовленные изображения:

Затем задается скорость смены картинок в анимации. В маленьком окне эта скорость демонстрируется с помощью меняющихся цифр:

При желании к анимированной картинке можно добавить движущийся текст. В специальном окне набирается текст и настраивается его анимация (задается скорость и направление движения ):

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

Первое преимущество конструктора баннеров в том, что он доступен онлайн и не требует установки дополнительного программного обеспечения. Как видно на скрине, сам сервис небольшой и не перегружен ссылками меню, кнопками управления и различных настроек. На главной странице их всего 4. Нам потребуется раздел Мои проекты и Вдохновение (Inspiration). После авторизации через Фейсбук или обычной регистрации (емейл + пароль) мы можем приступить к созданию баннера, постера или пригласительного.

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

В сервисе есть все необходимые инструменты чтобы сделать баннер быстро и качественно и скачать в нужном нам формате. Доступны несколько форматов изображений готовых баннеров:JPG, PNG и PDF.

Чтобы сделать баннер, достаточно просто начать. Перейдите на сайт конструктора.

1. Мы можем выбрать готовый дизайн из предложенной библиотеки готовых варантов. По сути, если нас устраивает картинка и оформление, мы можем только заменить текст на свой;
2. Либо, можно начать создавать с чистого листа, задав нужный размер или выбрав из предложенных форматов (для Фейсбук, Инстаграмм, Постер и др) и загрузив в сервис свою картинку.

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

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

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

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

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

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

Что включает в себя веб-баннер:

1. Графическое изображение;
2. Рекламный текст;
3. Гиперссылку на рекламируемую страницу.

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

Распространенные типы баннеров

1. Статический плакат

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

2. Слайдер

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

Для создания слайдера любого размера на сайте WordPress рекомендую использовать плагин .

3. GIF-анимация

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

4. Flash-анимация

Следующий этап приближения к мультипликации. Анимация на основе Flash-технологии, разработанной компанией Adobe.

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

1. Онлайн-сервисы

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

Представлю два бесплатных, понравившихся мне сервиса.

Banner FANS

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

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

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

Удобный сервис, позволяющий быстро создать простой и без излишеств баннер для своего сайта.

Гифовина

Gifovina.ru - этот сервис тоже предельно прост в работе, и, в отличие от предыдущего, может создавать анимационные: баннер, аватарку или слайд-шоу со сменой картинок. Просто добавьте картинки в очередь нажав на кнопку "Добавить кадр ".

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

2. Специальный софт

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

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

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

Ulead Gif Animator

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

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

Я заменил текст бегущей строки шаблонного баннера программы, и вот что у меня получилось:

Easy GIF Animator Pro

Этот софт проще, чем предыдущий.

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

Вот мой баннер, созданный в Easy GIF Animator Pro менее чем за минуту:

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

3. Заказать дизайнерской студии или фрилансеру

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

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

Хорошего исполнителя заказа вы быстро найдете на биржах фриланса, например таких как frilans.ru.

4. Вручную в графическом редакторе

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

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

Фотошоп

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

Microsoft Power Point

Программа, входящая в установочный пакет Microsoft Office. Высока вероятность того, что она у вас уже установлена вместе с Microsoft Office Word.

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

Paint.net

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

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

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

После вставки баннера в запись, в режиме «текст » вы получите его HTML код, который можно разместить в любой части своего или сайта-донора.

Обновлено: Апрель 25, 2017 автором: Роман Ваховский

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

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

Шаг 1. Добавьте креатив

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

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

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

Модерация баннеров и запуск рекламной кампании

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

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