Баннер: виды, стандарты применения и «формула эффективности»

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

Из чего состоит баннер:

– визуал — изображение, анимация или видео, которые привлекают внимание;
– сообщение или предложение — короткий текст с выгодой или акцией;
– логотип бренда — чтобы пользователь узнал рекламодателя;
– кнопка с призывом (CTA) — «Купить», «Узнать больше», «Заказать»;
– ссылка — ведёт на сайт, посадочную страницу или в приложение.

Пример. Баннер формата 240×400 px с надписью «Пицца за 30 минут или бесплатно» и кнопкой «Заказать» ведёт на страницу доставки.

Баннеры на сайте ДоДо Пиццы — один баннер, одна акция

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

Баннерную рекламу размещают:

– на сайтах и в мобильных приложениях через рекламные сети — прежде всего РСЯ и другие доступные сети, а также медийные форматы Яндекс Директа;
– по прямой договорённости с площадкой, по бартеру или партнёрской программе;
– в международных кампаниях набор платформ будет другим.

Пример. Интернет-магазин шин показывает баннер на автомобильном портале и платит за 1000 показов (CPM) около 200 ₽.

Автор статьи заходил на сайт автодилера и теперь его догоняет соответствующий рекламный баннер

Баннер — одна точка контакта внутри воронки. Он может привлечь внимание и привести человека к следующему шагу, но сам по себе воронкой не является.

Отличие баннера от других рекламных форматов

Баннер даёт быстрое визуальное касание. В таблице — как он отличается от других форматов.

💡 «Баннер — это заметная и красивая упаковка, внутри которой продукт с ценностью для клиента. Дизайнеру важно смотреть не только через призму красоты и гармонии, но и через маркетинговую задачу, функцию и логику макета. Насмотренность тренирует понимание связки: предложение + визуал + триггер + формат + контекст», — Полина Шишова, графический дизайнер с 5-летним стажем и профильным образованием

Задачи, которые решает баннер

Баннер помогает на трёх этапах контакта — привлечь внимание ➡️ передать сообщение ➡️ побудить к действию. На каком этапе он сильнее, зависит от задачи кампании и от того, что измеряют — охват, клики или конверсии.

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

Что это даёт:

– массовый охват холодной аудитории;
– повышение узнаваемости бренда;
– поддержку других каналов маркетинга.

Яркий баннер с крупным изображением брендовой продукции и предложением скидки

2. Передача сообщения. Здесь отвечают на запрос пользователя и показывают ценность предложения. Сообщение обычно держат коротким и понятным.

Что можно сообщить:

– предложить новинку или анонсировать акцию;
– показать преимущества продукта;
– напомнить о себе тёплой аудитории;
– сформировать интерес у новых клиентов.

Баннер, побуждающий оформить карту постоянного клиента

3. Побуждение к действию. Пользователь совершает целевое действие и переходит дальше. Здесь смотрят CTR, конверсию после клика и стоимость результата.

При нажатии на кнопку попадаем на сайт сервиса

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

Виды баннеров обычно делят по двум характеристикам — содержание и исполнение.

Классификация по содержанию

По содержанию баннеры делят на рекламные и информационные.

Рекламные баннеры продвигают продукт или бренд. В большинстве случаев именно этот вид ассоциируется со словами «баннерная реклама».

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

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

Информационный баннер с результатами розыгрыша

Классификация по исполнению

Статические баннеры — простой и относительно недорогой вид. Это обычная картинка в формате JPEG или PNG без движения, звука и интерактива.

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

Минус — баннерная слепота. Люди неосознанно игнорируют типичные места рекламных блоков. CTR у статичных баннеров часто ниже, чем у более живых форматов, зато они удобны для охвата и узнаваемости.

Статический баннер не подразумевает движения

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

Анимированные баннеры весят больше. За счёт смены слайдов они лучше привлекают внимание и вмещают больше информации.

Анимированный баннер с презентацией нескольких товаров

HTML5 и интерактивные баннеры — часть страницы на HTML, CSS и JavaScript. Они откликаются на действие или бездействие пользователя — меняют цвет или размер при наведении, запускают сценарий, показывают видео.

HTML5-баннер помогает:

– добавлять анимацию без GIF-файлов;
– реагировать на наведение, клик или набор текста;
– встраивать видео и звук;
– подстраиваться под разные экраны;
– ускорять загрузку за счёт облегчённых файлов.

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

Баннер возникает через несколько секунд после захода на сайт как всплывающее окно

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

Нативный баннер с рекламой компьютерной игры прямо в ленте статей

Видеовизитка с квизом — формат на стыке видеобаннера и интерактива. Короткое видео в углу сайта встречает посетителя и приглашает пройти квиз. Эксперт представляется за 15–30 секунд, показывает продукт или интерьер, а по кнопке человек сразу переходит в опрос.

Видеовизитка работает как баннер с видео — привлекает внимание и ведёт в квиз

💡 Как подключить видеовизитку и что сказать в видео.

Баннер на сайте — из чего он складывается

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

На что обычно смотрят

Один главный смысл — что человек считывает за пару секунд.

Контекст — почему это предложение показывают именно здесь и этой аудитории.

Иерархия — в каком порядке считываются предложение, визуал и кнопка.

Следующий шаг — что произойдёт после клика или ответа.

Совпадение обещания — совпадает ли текст баннера с тем, что человек увидит после перехода.

Читаемость на реальном размере — текст и кнопка читаются в том размере, в котором баннер реально покажут.

Сначала мобильный экран — эффекты при наведении на компьютере на телефоне не работают. Сначала смотрят, как баннер выглядит и ведёт себя на мобильном.

Подробно с примерами:

– Сообщение и предложение — текст читается за пару секунд и описывает главную выгоду или боль. Решение лучше называть конкретными сущностями, без воды и терминов. Допустимо добавить менее заметный текст, который усиливает основное сообщение.

Баннер с заметным чётким посылом без двойных смыслов

💡 «Любой макет по всем канонам дизайна должен содержать композиционный центр (в баннерах чаще всего это предложение), ритм и равновесие», — Полина Шишова, дизайнер

– Визуальный дизайн — контраст для внимания, понятный фокус и читаемость на маленьком размере. Клик по баннеру обычно ведёт на следующий шаг; отдельная кнопка помогает подсказать действие, но не является единственным рабочим вариантом.

Баннеры расположены по всей ширине верхней части сайта, а размер скидок выделен красным

💡 «Баннер — продолжение айдентики и философии бренда: определённая цветовая гамма, графические приёмы, композиционное решение, модульные сетки, шрифты и т. д. Это всё делает продукт узнаваемым для покупателя. В визуале важна передача определённого настроения, инсайта, идеи. Да, посыл должен считываться в первые несколько секунд. Здорово, когда баннер является не просто оформлением, где текст+картинка+кнопка, а когда за счёт дизайна (визуала и типографики) создаётся метафоричность, обыгрывается передаваемый смысл», — Полина Шишова, дизайнер

– CTA (призыв к действию) — формулировка на кнопке объясняет, что человек получит после клика. Например — «приобрести сейчас», «рассчитать стоимость», «подобрать вариант». Контрастная кнопка и конкретное действие иногда срабатывают лучше общего «Подробнее», но итог зависит от аудитории и следующего шага.

Без кнопки.

Весь баннер кликабельный — без CTA точку входа видно хуже

С кнопкой «Присоединиться».

Картинка, краткое предложение и контрастная кнопка — классический рекламный баннер

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

Ситуационное всплывающее окно можно показать, если посетитель долго бездействует

Частые проблемы баннерной рекламы

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

Баннерная слепота — привычка игнорировать рекламные блоки.

Причины:

– перегрузка информацией — человек фильтрует «шум»;
– низкая релевантность — реклама не совпадает с интересами;
– поведенческое обучение — пользователь знает, где на сайте стоят баннеры;
– блоки вверху и по бокам страницы — зоны, где игнорирование возникает чаще.

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

💡 Ещё на баннерную слепоту влияет то, насколько посетитель сфокусирован на задаче. «При поиске конкретного товара пользователи чаще пропускали рекламные баннеры, чем при выполнении низкоцелевой задачи — найти товар, который мог бы понравиться» — статья 2025 года «Баннерная слепота и задачи пользователей» от ВШЭ.

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

➡️ Как исправить

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

Выгорание креатива — креатив может надоесть, если его крутят одной и той же аудитории слишком часто. CTR падает, стоимость результата растёт. Универсального срока вроде «трёх недель» нет. Один баннер выгорает за несколько дней на узкой аудитории с высокой частотой, другой работает месяцами.

Выгорание оценивают по данным — растёт частота показов, падают CTR или конверсия, растёт стоимость результата при сопоставимых условиях. Креатив обновляют по этим сигналам, а не по календарю.

Dynamic Creative Optimization помогает собирать баннеры, которые меняют содержание в зависимости от контекста или данных о пользователе. Например, баннер кофейни утром предложит кофе, днём комбо-обед, вечером десерт, а в дождь — скидку на доставку.

➡️ Как исправить

Пример от Сбера — предложение то же, креатив меняется.

Серия баннеров для ротации, выдержанная в едином стиле

Низкий CTR + высокая частота показов.

Способ оплаты и способ оптимизации кампании — разные вещи. Кампания с оплатой за показы (CPM) может оптимизироваться под конверсии, трафик, брендовые метрики или частоту контакта. В Яндекс Директе для медийной рекламы есть стратегии вроде роста целевых действий на сайте, роста трафика и работы с брендовыми метриками.

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

Пример.

Реклама пищевых добавок для женщин 30–45 лет запускается на слишком широкую аудиторию. Большая часть людей не кликает. Без ограничения частоты один и тот же баннер многократно показывается одним и тем же людям, и CTR падает ещё сильнее.

➡️ Как исправить

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

Несоответствие предложения аудитории — креатив может проседать, если предложение показывают аудитории с другим уровнем готовности к покупке. Часто не учитывают стадию по лестнице Ханта и источник трафика.

Пример.

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

➡️ Как исправить

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

Альтернативы классическим баннерам — существуют ли они

Баннер решает разные задачи, и для каждой можно подобрать альтернативу:

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

Квиз баннером — механика работы

Маркетинговый квиз — интерактивный опрос. Он помогает пройти путь от интереса до заявки:

– встречает и заинтересовывает;
– задаёт вопросы и уточняет запрос;
– показывает продукт или услугу;
– собирает контакты и ответы в базу;
– создаёт заявку или оформляет заказ.

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

Пример.

На сайте большой каталог диванов. Отправить человека со скидкой по баннеру искать подходящий вариант долго — удобнее помочь с выбором.

Квиз стоит баннером в шапке сайта.

При наведении открываются вопросы один за одним:

– Куда планируете диван?
– Сколько человек будут на нём сидеть?
– Есть ли животные в доме?
– Какой бюджет планируете?

Дальше посетитель видит подборку результатов по своим параметрам.

Форматы и размеры баннеров

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

Типы файлов по форматам

Фиксированные и адаптивные форматы

Есть два рабочих подхода.

Фиксированный баннер — дизайнер собирает конкретный размер под место на площадке.

Адаптивный формат из набора материалов — система сама компонует изображения, тексты и логотипы под рекламное место. Так работают, например, комбинаторные объявления и адаптивные медийные объявления в международных системах. Для российской аудитории чаще смотрят актуальные требования Яндекс Директа и РСЯ.

В рекламной сети Яндекса встречается большой набор фиксированных размеров, в том числе 300×250, 320×50, 320×100, 336×280, 728×90, 970×250, 240×400, 300×600 и другие. Перед запуском сверяют спецификацию конкретной кампании — требования меняются.

Почему размер влияет на результат

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

Как измеряется эффективность баннеров

Одной метрики обычно недостаточно.

– CTR показывает внимание;
– поведение после клика — релевантность;
– видимость — реальный контакт;
– атрибуция — вклад в результат.

Вместе эти метрики дают более полную картину. Метрика зависит от задачи кампании — охват, узнаваемость, трафик или конверсии.

Как улучшить работу баннеров

Если результат слабый, а причина неочевидна, обычно начинают с базовых приёмов — А/В-тесты, обновление дизайна и предложения, интерактив, связка баннера с квизом.

А/В-тестирование баннеров

А/В-тест помогает сравнить варианты на одном трафике. Жёсткого правила «5–10 тысяч показов» и «менять только один элемент» нет.

Нужный объём данных зависит от исходного CTR или конверсии, минимального эффекта, который хотим заметить, статистической мощности и выбранной метрики. Для баннера с CTR 0,1% и с CTR 10% потребуется разный объём.

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

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

💡 Подробнее — в статье «А/В-тест: что это такое и как его провести».

Пример.

Баннер А — «курс английского со скидкой 30%», кнопка «Записаться». Баннер Б — «заговори на английском за 2 месяца», кнопка «Узнать метод».

Обновление дизайна и предложения

Креатив обновляют, когда появляются сигналы выгорания — частота растёт, CTR или конверсия падают, результат дорожает при тех же условиях.

💡 «Нужно не бояться тестировать разные варианты дизайна и предложения, следить за трендами, мемами и новостями (всё, конечно, релевантное аудитории) и вовремя запускаться», — Полина Шишова, дизайнер

Что менять:

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

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

Пример.

Было — «скидка 20%» ➡️ стало — «мечтаете о новой кухне?»

При формулировке CTA вместо немедленной покупки можно предложить ознакомиться с ценами.

Пример.

Было — «купить сейчас» ➡️ стало — «узнать цену»

Интерактивные элементы

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

Какие элементы можно добавить:

– смена картинки или текста при наведении на компьютере — на мобильном этот приём не сработает;
– карусель товаров — несколько наименований в одном блоке;
– мини-игра — простое задание с бонусом;
– кликабельные зоны — выбор вариации товара и расчёт стоимости;
– форма внутри баннера — почта или телефон за вознаграждение.

Связка баннера с квизом или персонализированной посадочной

Баннер здесь работает как крючок — заинтересовать и перенаправить дальше. Посадочная страница углубляет представление о товаре. Квиз задаёт несколько простых вопросов и даёт персонализированную рекомендацию или скидку.

Пошаговый план обновления баннера

1. Аудит. Что сообщает баннер и кому?
2. Гипотеза. Что меняем — сообщение, визуал, механику?
3. Тест. Запускаем варианты на одном трафике.
4. Анализ. Сравниваем CTR и конверсии после клика.
5. Внедрение и повтор. Оставляем лучший вариант и тестируем новую гипотезу.

Тест, измерение и правка — повторяющийся цикл. Небольшое изменение в креативе иногда заметно меняет CTR или конверсию.

Главные мысли

✔️ Баннер — точка контакта в воронке, а не вся воронка целиком

✔️ Баннер может работать на разных этапах — охват, узнаваемость, трафик и конверсии; метрика зависит от задачи кампании

✔️ CTR и выгорание удобнее оценивать внутри своей кампании и аудитории, а не по универсальным срокам и чужим бенчмаркам

✔️ Способ оплаты не равен способу оптимизации — смотрят частоту, аудиторию, размещение и совпадение обещания с посадочной

✔️ Интерактив, движение и видеовизитка удерживают внимание, когда баннер ведёт в понятный следующий шаг

✔️ Связка баннера с квизом или персонализированным сценарием помогает привести более подготовленный трафик