Как создать баннер и где его расположить на сайте?

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

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

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

Cмотрите стандартные размеры.

Квадратные.

  • 180х180px
  • 250х250px
  • 400х400px
  • 600х600px

Прямоугольные.

  • 120x600px
  • 125x125px
  • 234x60px
  • 240x400px
  • 468x60px
  • 600x90px
  • 728x90px

Я покажу, как сделать баннер размером 240x400px. Процесс создания постарался описать подробно. Если вы не знакомы с основами фотошопа, рекомендую мои базовые уроки. Они здесь.

  1. Создаём новый документ формата psd (формат фотошопа), функция Файл-Создать. Появиться окно, в котором зададим размеры. Ниже увидите, какие параметры введены. Кликните по картинке, откроется в увеличенном виде в новой вкладке.

banner_1

Нажимаем кнопку Ок, получим белый фон размером 240х400px.

banner_2

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

banner_3

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

banner_4

На скриншоте пример фона, где использован градиент. Другим способом оформления фона будет вставка изображения.

banner_5

Добавляем картинку.

banner_6

Осталось написать текст: заголовок и свойства.

banner_7

Готово, сохраните, нажав функцию Файл-Сохранить. Обратите внимание на расположение заголовка, картинку и сочетание цвета.

 

На каких сайтах и блогах расположить баннер, чтобы получить максимальную кликабельность?

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

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

А если это блог о рыбалке. Много ли посетителей кликнут по баннеру? Если только они не увлекаются созданием флеш-баннеров. Много ли таких на рыбацких сайтах?

 

В какой части сайта расположить баннер?

Размещают баннер в трёх местах, в верхней, нижней и боковой частях. Часто можно увидеть, как сбоку присутствует 2-4 баннера. Это характерно для блогов из-за структуры, где боковая сторона, называемая сайдбаром, выделяет рубрики.

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

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

В нашем случае размер имеет значение. Крупный, не меньше 400 px по высоте, правильно оформленный (по всем параметрам, описанным здесь), привлечёт больше внимания, чем который над статьёй, размером в 100 px.

Проведите простой эксперимент. Вспомните себя, когда читаете статью на блоге или сайте. На какой баннер обращаете больше внимания, который располагается сбоку или над статьёй сверху? Что вас привлечёт, чтобы совершить клик? Какие критерии?

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

Поговорим о конкретной статистике кликов по баннеру.  Недавно я размещал на одном из ресурсов, посвящённый теме раскрутки блога, баннер, размером 468х60px, платного видеокурса о распределении времени.

Два дня он располагался в верхней части, над статьёй. Посещаемость блога в сутки около 2000-3000 человек. В моём случае, баннер был показан 2319 раз. Кликнуло по нему 7 человек. Конверсия перехода на сайт курса о распределении времени составила 0,3% .

Да, это мало, но давайте посмотрим внимательно. Первое, он располагался в верхней части бога с другим баннером аналогичного размера. Уже снижается конверсия. Второе, если он находился в боковой части сайта, кликабельность выросла, как минимум в 1,5 раза. Конверсия составила 0,5-0,7%, что в два раза больше 0,3%. Третье, сегодня показов 1320, завтра 1600. Количество меняется, клики тоже. Не забывайте, что от оформления зависит увеличение кликов, как минимум в 1,5-2 раза. Четвёртое. Сайт должен быть с целевой аудиторией. Рекламируете курс о фотошопе, не стоит показывать на ресурсах, посвящённых программированию.

 

Подведём итоги. Что нужно, чтобы по баннеру кликали посетители

1. Грамотно оформить. Должен быть заголовок, картинка, задний фон и предложение.

  1. Расположить на видном месте сайта. Чаще всего это левая сторона, в том месте, где начинается статья.
  1. Подобрать размер. Слышал, что баннер размером 100х100 высококликабельный. Спорить не буду, но что-то подсказывает, что это не правда. Какое изображение и текст вы расположите на квадрате такого размера? На современных сайтах посетитель просто не заметит его. К примеру, возьмите баннер 240х400px, расположите сбоку на сайте. Сравните с размером 100х100px. Чувствуется  различие? Посмотрите пример моего баннера на скриншоте, кликните для увеличения.

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

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

А я с вами прощаюсь. До скорой встречи! С уважением, Вадим Сулик.

Понравилось? Поделитесь с друзьями, нажав на одну из кнопок:


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

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