№1 по увеличению конверсии в России

Баннер и конверсия:
Как создать баннер по которому кликают 89,1% пользователей

Большой баннер на первом экране главной страницы является самым заметным элементом на сайте. Поэтому к подготовке баннеров необходимо подходить тщательно.
Карусель из 20 банеров на сайте Связного

Слайдер (карусель)

Первый экран на главной странице ограничен в размерах, поэтому чтобы разместить всё - создается карусель из нескольких баннеров (слайдер). Но в стремлении сделать всех счастливыми, вы не обрадуете никого. Результаты множества тестов показывают низкую эффективность большого количества слайдов.
Распределение кликов по 5 баннерам в слайдере, на сайте nd.edu
  • 3,7 млн. посетителей (декстоп);
  • 1,07% от всех посетителей кликнули на карусель;
  • 89,1% от кликнувших на карусель - кликнули на первый слайд;
  • Баннеры с 2 по 5 получили от 3,1% до 2,4% от всех кликов по карусели.
Кликабельность баннеров слайдера с мобильных устройств, Smashing Magazine
Кайл Питт (Kyle Peatt) приводит данные другого исследования, в котором он измерял эффективность слайдеров на мобильных устройствах. Здесь показатели уже лучше, но всё равно прослеживается четкая тенденция: чем больше слайдов, тем ниже их эффективность.

Поэтому, я сторонник одного баннера на главной странице. Я считаю, что один баннер сосредоточенный на сильном и актуальном предложении с бОльшей вероятностью приведет к увеличению конверсии, чем несколько несфокусированных баннеров. В подтверждение моих слов, приведу несколько примеров крупных интеренет-магазинов, входящих в ТОП-50 по объему продаж в мире, которые используют лишь один баннер, например:
Target, 1 баннер на главной странице (~116 млн посещений в месяц)
Home Depot, 1 баннер на главной странице (~133 млн посещений в месяц)
Если вы всё же хотите использовать карусель, то желательно придерживаться следующих рекомендаций:

  • Самый главный оффер - на первый слайд (его видят чаще);
  • Чем меньше баннеров - тем лучше (не более 4-5 баннеров);
  • Применяйте автоматическую смену баннеров (это покажет наличие других баннеров);
  • Не переключайте баннеры слишком быстро (+/- 5 секунд) иначе пользователи не будут успевать читать;
  • Чем меньше текста - тем лучше, буквы крупные и контрастные;
  • Позвольте пользователям управлять слайдером (стрелки переключения, кнопки выбора баннера, кнопка паузы, а также остановка слайдера при наведении курсора мыши на баннер);
  • Кнопки навигации слайдера должны быть хорошо заметными и очевидными (большие стрелки с обеих сторон на контрастном фоне).
Связной, на некоторых баннерах кнопки навигации становятся незаметными

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

На первом баннере желательно указать товар-драйвер по максимально-выгодной цене или ваше УТП, чем вы лучше других интернет-магазинов.

  • 1 баннер - 1 предложение. Пользователи бегло сканируют сайт взглядом, поэтому слишком мало времени на то, чтобы разглядывать несколько предложений в рамках одного баннера;
  • Упрощайте. Минимум текста (понятным языком), минимум изображений, минимум анимации. Не захломляйте баннер, визуальный шум снижает кликабельность;
  • Используйте броский заголовок. Заголовок – один из самых сильных элементов конверсии. Например, можно использовать технику создания заголовков 4U;
  • Покажите выгоду. Укажите размер скидки, включите самый сильный оффер, укажите уникальное преимущество;
  • Укажите цену. Это всегда привлекает внимание. Если ваши цены действительно низкие - сделайте акцент на этом. Если цены не самые низкие, то можно выбрать популярный продукт и сделать на него большую скидку на непродолжительно время. Так действует ИКЕА, размещая на баннере тарелку за 199 рублей, а по пути допродаёт сахарницу за 450 рублей (идеально подходящую к этой тарелке), а ещё покажет как этот комплект красиво смотрится на столике за 8 тысяч рублей. И вот в вашей корзине уже товаров почти на 9 тысяч рублей.
  • Укажите кнопку на баннере. Сейчас многие уже знают, что вся область баннера доступна для кликов и приведет вас на страницу, но это не отменяет того факта, что пользователи предпочитают нажимать на традиционные кнопки, они показывают конверсию выше. Кнопка с призывом к действию является конечным логическим действием на баннере. Поэтому кнопку желательно изображать как кнопку (контрастного цвета).;
  • Укажите ограничение. Ограничение по времени или количеству стимулирует воспользоваться предложением сейчас. Включается триггер "не хочу упустить возможность". Если нет временнОй границы, это даёт повод отложить "попробовать" на потом и не воздействует на умонастроение посетителя с целью воспользоваться предложением не упустив выгоду.
  • Измеряйте конверсию и экспериментируйте с разными вариантами (то что работает в одних ИМ, может не работать в других);
IKEA
В данной статье рассмотрены лишь 3 точки роста конверсии. Если вы хотите увеличить конверсию вашего сайта по 524 параметрам, узнайте подробности в разделе Аудит сайта
Автор Эдуард Файзуллин. Опубликовано 3 июля 2017 года.
Подробнее про рост конверсии в книге: "Конверсия на стероидах"
    Конверсия на стероидах, Эдуард Файзуллин
    • Навигация на сайте;
    • Главная страница сайта;
    • Сервисные функции;
    • Каталог товаров;
    • Страница товара;
    • Корзина;
    • Оформление заказа;
    • Цена и оплата;
    • Технические параметры.
    200 точек роста, 130 страниц, детально рассмотрены:
      Скачать книгу бесплатно
      Пожалуйста, оставьте свой e-mail и мы пришлём вам ссылку для скачивания книги
      + 1 раз в неделю мы рассылаем свежие статьи про увеличение конверсии сайтов
      Отписаться можно в любое время, в 1 клик
      Оставляя свой e-mail, вы принимаете условия обработки персональных данных
      Другие статьи по теме
      Больше статей о повышении конверсии в разделе Статьи