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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Сообщить об ошибке

Отменить
1337 20
How-to Читать 7 минут 31 мая 2019

Как создать баннер для сайта и использовать его в КМС Google

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

Как рекламный баннер помогает продвинуть сайт

Качественные баннеры — это эффективный способ привлечь новых посетителей на сайт. Размещая баннеры в контекстно-медийной сети (КМС) Google Adwords, можно показывать объявления на более чем двух миллионах сайтов, видеороликов и приложений.

С помощью размещения баннеров в КМС можно решать следующие задачи:

  • информировать потенциальных клиентов об акциях и специальных предложениях компании;

  • привлекать внимание целевой аудитории к новому бренду или продукту;

  • увеличивать количество посетителей сайта;

  • оказывать влияние на подсознание пользователей, даже если они не обратили внимания на размещенный баннер;

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

  • анализировать эффективность рекламы и степень интереса клиентов к определенным товарам и предложениям.

Типы баннеров для сайта в Google Рекламе

Можно использовать статические либо анимированные варианты изображений. Вне зависимости от формата, размер баннера должен быть до 150 КБ. Анимация продолжительностью не более 30 секунд создается с расширением GIF, скорость смены кадров не должна превышать пяти кадров в секунду.

Статический баннер для сайта создается в форматах JPG или PNG, используя определенные размеры. Согласно исследованию, проведенному в 2018 году, наиболее популярные форматы:

  • прямоугольники (300 x 250 и 336 x 280 пикселей);
  • полноразмерные баннеры (728 x 90 пикселей);
  • небоскребы (160 х 600 пикселей).

Для мобильных устройств распространены такие размеры:

  • 300 x 50 пикселей;
  • 320 x 50 пикселей;
  • 320 x 100 пикселей.

Рекомендации по созданию баннеров

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

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

Как привлечь внимание к графическому объявлению

Баннер должен содержать четкое лаконичное изображение и краткий рекламный текст, а также яркую кнопку с призывом к действию. Также стоит дополнить графическое объявление логотипом компании:
Рекламный баннер пример
Создать баннер с необходимыми элементами можно при настройке рекламной кампании в Google Adwords. Выберем в разделе «Объявления» добавление рекламы:
Объявления в Google Adwords
Укажем тип «Адаптивное медийное объявление». После этого внесем конечный URL-адрес, добавим изображения в различных размерах, логотип и рекламный текст:
Создание объявления в Google Adwords
После внесения необходимой информации и контента можно просмотреть созданный баннер в различных форматах:
Адаптивные медийные объявления Google Adwords
Дополнительно можно настроить кнопку призыва к действию и установить для нее собственный цвет в разделе «Еще»:
Призыв к действию в Google Adwords
Предложение должно соответствовать интересам целевой аудитории, посещающей ресурс, на котором размещен баннер. В рекламной кампании Google Adwords можно вручную выбирать перечень ресурсов, на которых будет показано объявление.

Например, баннер с рекламой курсов по программированию будет актуален для молодежи, посещающей сайты по теме информационных технологий:
Рекламный баннер для Google Adwords пример
Места размещения баннеров выбираются таким образом:
1
При создании рекламной кампании выберите вариант «Без автоматического таргетинга» и нажмите на плюс возле «Таргетинг в контекстно-медийной сети»:
Таргетинг в контекстно-медийной сети Google Adwords
2
Затем выберите «Места размещения»:
Места размещения объявлений Google Adwords
3
После этого нужно добавить ключевую фразу для показа рекламы и выбрать вариант места размещения:
Целевые места размещения баннера Google Adwords
4
Укажите подходящие сайты для размещения:
Сайты для размещения баннера в КМС

Как сделать баннер для сайта с помощью Photoshop

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

Чтобы сделать баннер в Photoshop, нужно действовать по такому алгоритму:
1
Запустить Photoshop, выбрать «Файл» → «Создать»:
Как создать баннер в Adobe Photoshop
2
Указать название файла и нужный размер в пикселях. Рассмотрим пример создания полноразмерного баннера популярного формата 728 x 90 пикселей:
Создание файла в Adobe Photoshop
3
Создать фон для баннера. Для этого можно использовать заливку определенным цветом, добавлять градиент или выбрать один из встроенных стилей.

Для последнего варианта воспользуемся инструментом «Прямоугольник», растянув его на белый фон изображения, а затем выберем подходящий стиль («Окно» → «Стили»):
Стиль баннера в Adobe Photoshop
4
Добавить логотип. Для этого откроем необходимое изображение в формате PNG и скопируем его на фон баннера. При необходимости нужно отмасштабировать объект — «Редактирование» → «Трансформирование» → «Масштабирование»:
Логотип компании на рекламном баннере
5
Добавить и отмасштабировать изображение рекламируемого товара:
Рекламируемый товар на баннере сайта
6
Добавить рекламный текст:
Рекламный текст для баннера
7
Добавить конверсионную кнопку. Для этого выберем инструмент «Прямоугольник» и установим подходящий стиль:
Кнопка действия на баннере
8
После этого добавить на кнопку текст:
Call-To-Action на баннере
9
Затем сохранить файл для Web:
Фотошоп сохранить для Web
10
Выбрать подходящий формат изображения так, чтобы размер файла не превышал 150 Кб:
Формат изображения для баннера
11
Итоговое изображение сжато до 38 Кб, однако при этом остается достаточно четким и разборчивым:
Финальная версия баннера для сайта

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

Создание баннера онлайн — альтернативный способ для пользователей, у которых нет опыта работы в Photoshop. Для этого можно использовать такие программы:
Позволяет создавать баннеры, подходящие для Google Ads и Facebook Ads. Можно добавлять различные фигуры и анимацию. Сервис позволяет использовать и модифицировать различные шаблоны, в бесплатной версии можно создать до 10 баннеров.
Как создать баннер онлайн в Bannersnack
Для снятия ограничений потребуется премиум-версия:
Тарифные планы Bannersnack
#2

В сервисе предлагаются шаблоны, специальные шрифты и эффекты, которые можно использовать для создания баннеров.
Создание баннеров онлайн в сервисе Fotor
Для доступа к расширенным функциям также предусмотрена премиум-версия:
Цена на премиум версию Fotor
#3

Данный онлайн-редактор позволяет создавать баннеры различного размера на основе шаблонов, добавляя в них изображения, фигуры и текст.
Онлайн редактор баннеров Canva
Можно пользоваться бесплатной версией либо выбрать один из платных тарифов:
Цена онлайн редактора Canva
Онлайн-инструмент от Adobe также позволяет бесплатно создавать баннеры, используя каталог изображений, шрифтов и шаблонов.
Как создать баннер в Adobe Spark
Платная версия включает Photoshop, Lightroom и Spark:
Стоимость Adobe Spark

Как добавить баннер в контекстно-медийную сеть Google Adwords

После создания баннера загрузим его в Google Adwords. Можно использовать существующую либо создать новую кампанию, указав ее цель и выбрав тип «КМС»:
Загрузка баннера в Google Adwords
После настройки кампании добавим рекламное объявление:
Добавить рекламное объявление в Google Adwords
Внесем URL-адрес, на который должен попадать пользователь при клике на баннер, и выберем графическое объявление на компьютере:
Загрузить медийные объявления Google Adwords
Загрузим файл и добавим баннер в группу объявлений:
Добавить баннер в группу объявлений Google Adwords
И создадим кампанию:
Как создать кампанию в Google Adwords

Заключение

  • Для привлечения дополнительного трафика на сайт и популяризации бренда можно использовать баннеры в контекстно-медийной сети Google Adwords или ее аналогах — например, Яндекс.Директ;

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

  • создать баннер можно с помощью Google Adwords, платных или бесплатных программ и онлайн-инструментов.

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

4.67 из 5 на основе 5 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.
Хотите узнать новые фишки по интернет-маркетингу?
Подпишитесь на нашу рассылку — только полезные статьи, реальные кейсы и новости Serpstat раз в неделю.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

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

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

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

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов