Продають банери приклади. Як легко і просто зробити банер або робимо картинку посиланням, тобто, клікабельно. Зображальні засоби вибирайте з розумом


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

розміри банерів

Простір на веб-сторінці обмежена, тому для будь-якого контенту визначено своє місце і відповідні йому розміри. Цей момент варто врахувати при розробці дизайну. Оголошення такого виду розрізняються за своїми розмірами в пікселях:

  • 468 x 60 - довгий або full banner. Є найпоширенішим, найчастіше ще при розробці дизайну сайтів для нього виділяють окреме місце;
  • 392 x 72 - довгий банер з вертикальною панеллю навігації;
  • 234 x 60 - такі зазвичай розташовуються групами по кілька штук;
  • 120 x 240 - такий частіше використовується для реклами послуг і товарів і розташовується вертикально;
  • 88 x 31 - кнопки, розміри яких варіюються від квадратних 125 x 125 до мікрокнопок.



Види банерної реклами в інтернеті

За формою і способом створення банери ділять на графічні і текстові.

  • Формат зображень графічних оголошень - gif, jpeg, png. Вони можуть бути як статичними, коли основу модуля становить всього одна картинка, так і динамічними, тобто кілька змінюють один одного зображень. Їх основною перевагою є простота і зручність їх створення. Але можливості їх, на жаль, обмежені повільної завантаженням. Пошукові системи швидко індексують як статичні, так і анімовані публікації, що має незаперечну перевагу в процесі просування будь-якого ресурсу.
  • Текстові є банальні текстові блоки без зображень чи анімації. Виглядає це, звичайно, не дуже креативно, зате вони швидко вантажаться і не дратують користувача.

Найчастіше можна побачити текстово-графічний гібрид.

суміжні формати

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

Спливаючі блоки. При кліці на рекламний модуль сторінка може відкритися в окремому вікні над переглядається - це так званий pop-up або під сторінкою - pop-under. Сенс такого ходу - переключити увагу відвідувача на себе або ж залучити, але після закриття цікавить сторінки. Це може досить сильно дратувати, особливо при використанні звукових ефектів.

Реклама в мережі може за зовнішнім виглядом нагадувати спливаючі повідомлення з соціальних мереж. Знаходяться вони в нижній лівій або правій частині сторінки. Цей вид привертає за рахунок знайомого змісту, але в той же час маніпулює користувачем.

Рекламне оголошення поверх сторінки. Часто в мережі трапляються модулі, які можуть закривати собою половину читається сторінки - це float банери, вони ж відносяться до rich media. Цей спосіб робить оголошення більш помітним завдяки інтерактивності і забезпечує досить високу кликабельность. Але незважаючи на це вони завдають шкоди сайту своєї нав'язливістю.

технології створення

  • Використання flash-технологій зараз найбільш популярно і дозволяє зробити оформлення яким завгодно.
  • Мовою java пишуться прикладні програми та вбудовуються в HTML-документи. Для коректного відображення таких банерів в вікні браузера необхідні спеціальні плагіни. Зараз вони присутні в пакетах практично будь-якого програмного забезпечення для роботи в інтернеті. Особливих функціональних переваг у таких модулів немає. Можна редагувати деякі елементи, здійснювати прості маніпуляції з об'єктами, простежити, коли користувач клацав мишею або натискав клавіші на клавіатурі і т.п. Але вони довго вантажаться, часто можуть некоректно відображатися через брак будь-яких налаштувань.
    Такі об'єкти можна віднести до так званих rich media або рекламним носіям, які відрізняються своєю інтерактивністю і привабливістю для користувача, але складні у виготовленні.

призначення банерів

Банери можна розділити за завданнями, які ставляться перед їхнім створенням:

  • Цільові. Сенс - привернути увагу цільової аудиторії, спровокувати бажання клікнути по оголошенню і забезпечити перехід на просувний сайт.
  • Інформаційні. Вони несуть в собі за мету розповісти потенційному клієнту про товари і послуги, які можуть його зацікавити. На додаток вони можуть спонукати бажання дізнатися більше про ці продукти і в підсумку зробити покупку.
  • брендові. Вони роблять бренд пізнаваним, підвищують ступінь довіри до нього.
  • зовнішні. Мають на меті привести користувача з одного ресурсу на інший.
  • внутрішні. Допомагають переходити зі сторінки на сторінку вже всередині одного сайту.

Переваги банерної реклами

  • Цей вид просування підходить як для великих і відомих організацій, так і для молодих, що розвиваються. Тут усі рівні
  • Це відмінна можливість впливати на репутацію та імідж бренду. Практично кожен користувач інтернету візуально або підсвідомо оцінює інструменти, якими користується компанія для просування своєї продукції.
  • Зробити, розмістити і редагувати оголошення в інтернеті значно дешевше, ніж замовити вуличний варіант.
  • Завжди можна вибрати місце для розміщення. Рекламодавець знає свою цільову аудиторію, її соціальні, демографічні та географічні особливості і задає необхідні параметри, враховуючи ці аспекти. Завдяки цьому його рекламу бачать лише потенційні клієнти. Наприклад, в Яндексі медійно-контекстна реклама показує банери, які збігаються із запитами користувачів. Почитати про це ви можете в статті про МКБ в блозі Семантики.
  • Завжди можна відстежити успішність такої стратегії просування і в разі недосягнення бажаних результатів можна поміняти стратегію просування.
  • Дізнатися про успішність ваших дій можна найближчим часом. Результат залежить від правильності налаштувань оголошення, вибір майданчика для розміщення і візуальному оформленні блоку.
  • А також завжди можна прибрати непотрібні публікації і внести зміни в існуючі, додати нові елементи і змінити текст.

Правила роботи з банерами

Висока популярність банерів говорить про ефективність їх використання. Але завжди є ймовірність того що відвідувачі стануть байдужими до тих ефектів, які ви використовуєте для привернення їхньої уваги. Щоб цього не сталося, важливо врахувати такі моменти:

  1. Визначте свою цільову аудиторію.
  2. Сформулюйте цілі і завдання.
  3. Продумайте дизайн.
  4. Напишіть такий текст рекламного повідомлення, щоб викликати інтерес і бажання перейти на ресурс.
  5. Проведіть аналіз використання цього інструменту і зробіть висновки.
  6. Внесіть коригування, якщо це необхідно.

Якщо аналіз даних не приніс задоволення:

  • Вивчіть положення блоку на сторінці і його оформлення. Це потрібно для того, щоб виключити ігнорування користувачем (свідомо чи несвідомо - так звана банерна сліпота).
  • Пограйте з колірною схемою банера. Вивчіть, як колір впливає на сприйняття інформації.
  • Спробуйте розмістити своє оголошення в незвичному місці на сторінці.
  • Вибирайте майданчики, на яких кількість реклами не змусить користувача покинути ресурс.

Де розмістити і як оплачувати

Оплачувати розміщення публікується ви можете двома шляхами:

  1. Статичним - це коли його вартість буде розраховуватися від терміну оренди місця на майданчику.
  2. Динамічним - коли оплата буде залежати від кількості кліків.

Вартість розміщення буде залежати від декількох факторів: де ви плануєте розмістити банерну рекламу і хто буде його бачити в інтернет мережі.

  • Спробуйте домовитися з власником сайту. Це допоможе значно знизити вартість оренди на відміну від розміщення на біржі. Завжди є можливість розміщення в мережі безкоштовно.
  • Якщо ви хочете, щоб ваше оголошення бачили користувачі Москви або Пітера, будьте готові заплатити більше.
  • Якщо бізнес має велику конкуренцію, його просування буде завжди затратнее.
  • Вибирайте довгострокове розміщення і ви отримаєте більше трафіку.

Приклади банерної реклами в мережі ми бачимо постійно, практично на кожному інформаційному ресурсі. Якщо ви правильно підійдете до розробки і виберете якісний майданчик для розміщення, ви швидко помітите зростання популярності. Завжди аналізуйте показники кликабельности ваших публікацій і вчасно реагуйте на зміни.

Як легко і просто зробити банер або робимо картинку посиланням, тобто, клікабельно

Сьогодні розповім Вам, як я роблю банер, або будь-яке зображення в повідомленнях клікабельним. Це можна зробити двома способами. Перший спосіб - використання коду

адреса посилання " target \u003d "_ blank"\u003e адреса картинки " />

Для цього потрібно завантажити картинку на будь-який фотохостинг і і взяти посилання №1, тобто адреса картинки. Адреса посилання це сторінка, яка буде відкриватися при натисканні на картинку або банер.

Скопіюйте код в записник на ПК і уважно вставте адреси посилання і картинки (не переплутайте)

Вставте в повідомлення в розширеному редакторі при натисканні на ДЖЕРЕЛО

Написати користувачеві в попередній перегляд або ЧЕРНЕТКА і перевірте результат на кликабельность. Я. наприклад, проводжу всі маніпуляції з картинкою в чернетці, а потім кожен раз беру готовий код картинки з чернетки і вставляю в повідомлення.

А цей банер я виготовила в звичайному Worde

Другий спосіб дуже легкій.С допомогою простих маніпуляцій, при завантаженні картинки в розширений редактор прямо з комп'ютера, можна зробити будь-яку картинку не лише клікабельно, але зі спливаючих текстом при наведенні на картинку. Для цього тиснемо на іконку ЗОБРАЖЕННЯ і завантажуємо картинку з ПК .. Коли картинка завантажиться переходимо на вкладку ПОСИЛАННЯ

Тиснемо ОК і милуємося результатом.

Для бажаючих працювати з кодом, для клікабельно картинки зі спливаючих текстом, даю код, тільки не забудьте замість width \u003d 100 height \u003d 100 вставити розміри картинки, де width-ширина, а height - висота картинки

Адреса сторінки, на яку буде вказувати банер"Target \u003d _blank\u003e Адреса картинки з Інтернету або з Радикала (ссилка№1)"Border \u003d" 0 "title \u003d" (! LANG: Текст, видимий, як підказка, при наведенні на посилання. " width=100 height=100> !}

Привіт, читачі блогу сайт!

Про банер чули багато, а ось знають, що це таке, - одиниці. Він допомагає привести нових і платоспроможних клієнтів, підвищити впізнаваність. Та й, взагалі, це чарівне ліки для бізнесу, якщо правильно ним користуватися. Зараз я розповім, що таке банерна реклама, навіщо вона потрібна, і як зробити так, щоб вона привела нових клієнтів. Якщо все зробити правильно, то можна непогано заробити.

Банерна реклама в офлайні - це зображення, нанесене на полотно з вінілу і непрозорого поліпропілену. Його можуть кріпити до білборда або вивішувати над трасами, на будівлях, деревах. Основна перевага - воно не псується 3 - 7 років і видно здалеку без інтернету.

Недолік - ціна. За виготовлення полотна, друк просять від 110 рублів / кв. метр. Виробництво і кріплення обійдеться в 4 000 - 5 000 р. Розміщення потрібно оплачувати щомісяця або навіть подобово. Причому чим вигідніше воно, тим більше платіж. Розцінки відрізняються в залежності від регіону. У тій же Москві за розміщення беруть 50 000 - 200 000 рублів, а в Краснодарі - від 10 000 рублів біля траси.

Але сильно загострювати увагу на зовнішній рекламі ми не будемо. Розберемося з тим, що таке банерна реклама в мережі. Адже це дешевий і популярний спосіб розповісти про свій бізнес. Ну а якщо ви не підприємець, то можете заробляти на створенні і грамотному розміщенні банерів.

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

Перший онлайн-банер з'явився в 1994 році. Зараз він займає друге місце серед популярної інтернет-реклами. Близько 64,6% людей довіряють банерах при пошуку і покупках.

Навіщо потрібен банер

Банер потрібен, тому що він:

  1. Продає.
  2. Інформує.
  3. Перенаправляє до партнерів.
  4. Переключає увагу на інші продукти / послуги.
  5. Підвищує лояльність і впізнаваність.

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

види

Розберемося, які бувають банери по сприйняттю.

  • Статичними.
  • Анімаційними.

Їх складно створювати і додавати на сайт. Але вони дозволяють показати краще товар / послугу і привертають більше уваги. Клікабельність вище в кілька разів.

Підходять для будь-якого виду бізнесу. Створення коштує в 2 - 3 рази більше.

На відео ви можете подивитися приклад анимированной банерної реклами.

Розглянемо, які бувають банери за форматом, розташуванню.

  • Вертикальні.

  • Горизонтальні.

Це розташування краще сприймається нами, тому що ми бачимо бінокулярний зір горизонтально. Нам не потрібно сильно напружуватися. За 0,03 секунди відвідувач просканує більше на зображенні, а значить, і привернути його увагу нам простіше. Горизонтальний формат відмінно підходить для реклами великого асортименту продуктів.

За технічну начинку банери діляться на категорії:

  • Java.

Додається в HTML-код. Потрібно, щоб був підключений Java-аплет (програма). На ньому люблять робити рекламу ігровій та розважальній тематики. Наприклад, у користувача є можливість підібрати зачіску персонажу. Він непомітно втягнеться в гру і захоче зареєструватися і продовжити. Такі банери вантажаться навіть при поганому інтернеті.

  • Flash.

Гнучка технологія Macromedia. Кожен може грати з нею: змінювати текст, картинку, вимикати звук, писати щось.

Тут можна вибрати варіант відповіді.

Складається з картинки в форматі PNG, GIF, JPG, вбудованої в HTML-код. Там же прописані елементи, які роблять банерну рекламу інтерактивною. Будь-який користувач зможе щось перетягувати, міняти на зображенні, писати так, як це задумано розробником.

Коли клацаєш на переваги компанії, з'являється детальна інформація.

  • HTML5.

Підлаштовується під розмір смартфона, комп'ютера. На відміну від Flash і CGI можна вказувати будь-які розміри. Цей формат підлаштовується під майданчик, не заважає переглядати потрібну інформацію на сторінці. Управляти HTML5-банерами можна через Яндекс Дисплей.

Тут можна вибрати квартиру і клікнути на неї. Після натискання відкривається сайт рекламодавця.

  • Внутрішній.

Перекладає на сторінку того ж самого сайту. Потрібен, щоб оповістити, привернути увагу до чогось. Покупець зайшов на сторінку з товарами. У вас знижка 500 рублів на перше замовлення від 3 000 рублів. Завдяки вашій банерній рекламі він дізнається про це і набере кошик на велику суму.

Ozon нагорі головної сторінки повідомляє про акцію.

  • Брендовий.

Присутній логотип, фірмові кольори. Розміщується на сайтах з великою відвідуваністю. Основне завдання - миготіти перед очима, щоб запам'ятатися і викликати довіру. Коли прийде час купувати, людина подумає про ту марку, яку вже бачив.

  • Інформаційний.

Знайомить з товаром / послугою ближче, щоб мотивувати на покупку. У ньому пишуть вигоди, важливі характеристики для цільової аудиторії.

  • Продає.

Його мета - продаж товару / послуги. Він містить УТП, чіткі вигоди і заклик до дії.

За масштабністю розміщення банери бувають:

  • Наскрізними.

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

  • Односторінкового.

Додають тільки на одну цільову сторінку.

Розміри і місця розміщення

Популярні розміри банерів в одній картинці.

На сторінці банери розміщують в самих різних місцях: збоку, знизу, зверху і навіть посередині. Ось схема того, де можна додати рекламне зображення на сайті.

Як і де розмістити банер:

  1. Шукаєте тематичні сайти, де водиться ваша цільова аудиторія, через пошуковик. Переглядаєте сторінки, знаходите контакти. Звертаєтеся особисто до власника. Оплачуєте. Можуть обдурити і прибрати рекламу завчасно. Треба складати оферту або контракт.
  2. Біржа блогів - Блогун. Реєструєтеся як рекламодавець, оплачуєте тариф, вибираєте блог по темі і відвідуваності для розміщення.
  3. Яндекс.Директ і Google AdSense. Кращі варіанти, тому що ваш банер буде на всіх тематичних сайтах. При правильному налаштуванні вартість кліка вийде дешевої. Ніхто не прибере вашу рекламу, поки не закінчиться рекламний бюджет. У цих рекламних мережах можна налаштовувати показ по інтересам, віком. Це відгомони таргетированной реклами, яка добре продає.

Плюси і мінуси

переваги:

  1. Самі вибираєте оформлення. Якщо знаєте Photoshop і основи композиції, то можете зробити банер самостійно. Заощадите на дизайнера.
  2. Марка стає впізнаваною, зростає довіра.
  3. Дешевше банерів на вулиці. У Яндекс.Директі і Google AdSense можна недорого налаштувати рекламу. Наприклад, 5 рублів за клік. Сайти з аудиторією 300 - 500 чоловік беруть мало за добу.
  4. Можна повністю підлаштуватися під цільову аудиторію. Виберіть зображення, вкажіть ключові вигоди і розмістіть там, де сидить ваш потенційний клієнт. Це ключ до зростання переходів і продажів.
  5. Легше аналізувати ефективність реклами.

недоліки:

  1. За покази та кліки потрібно платити. Деякі переходи можуть бути нецільовими, тобто користувачі просто зайдуть і вийдуть, а гроші все одно заплатите.
  2. Коли знімете банерну рекламу, відвідувачів може стати менше.
  3. Можна промахнутися повз цільової аудиторії і злити бюджет. Якщо ви покажете рекламу тим, хто не зацікавлений у ваших послугах, то витратите рекламний бюджет даремно. Те ж відбудеться, якщо вигоди або оформлення не пов'язані з потребами ЦА.
  4. Стандартні банери надокучили. Якщо хочете отримати переходи, продажу, потрібно по-іншому розміщувати, експериментувати з картинками, текстом і кольором.

Як оплачують розміщення

Розміщення банера оплачують по 2 схемами:

  1. Фіксована. Ви орендуєте місце на сторінці і платите за добу, місяць або рік. Зазвичай такий спосіб оплати встановлюється за домовленістю з власником сайту.
  2. Динамічна. Ви платите за кліки або покази.

Як зробити банер, який помітять

Слідкуйте за тенденціями. Зараз повно кричущої реклами, яка дратує. Ми будемо діяти від протилежного. Кілька рекомендацій, які посилять ваш банер:

  1. Ненав'язливість. Банер не повинен спливати, заважати вивчати інформацію на сайті, займати пів-екрану.
  2. Складання теплової карти. Відстежите, куди більше звертають увагу відвідувачі на сторінці. У Яндекс.Метрика можна подивитися теплову карту кліків. За статистикою люди частіше дивляться на верхній лівий кут сторінки і шапку сайту.
  3. Мінімалізм і золотий перетин. Приберіть зайві деталі, поставте головний об'єкт трохи правіше середини.
  4. Шрифт має значення. Самий клікабельним шрифт - Baskerville, найменш привабливий для користувача - Comic Sans.
  5. Користуйтеся психологією кольору. Дорогих товарів підійде золотий, коричневий, бузковий, чорний. Харчуванню - зелений і оранжевий. Правильне використання кольору створить потрібне враження.

Вивчаємо цільову аудиторію

Перенастройте пошукову систему на іншу країну. Наприклад, США чи Франції. Шукайте цікаві картинки на англійській мові. Ви знайдете багато класних зображень, яких немає в Рунеті.

текст

Складаємо чіпляє заголовок. Можна використовувати унікальна торгова пропозиція.

Короткий опис продукту з ключовою вигодою цільової аудиторії. Досить 5 - 7 слів, решта - перебір.

Збираємо образ в картинку

Тепер відкриваємо Photoshop, Gimp або Paint.net і визуализируем макет. Створюємо порожній полотно потрібного розміру, заливаємо, додаємо фото, текст і т. Д. Все, як задумали.

Якщо складно зробити самому, можна замовити у веб-дизайнера на біржі фрілансу. Вартість статичного банера на замовлення - від 250 р. Залежить від складності та рівня працівника.

Відеоурок про те, як створити GIF-банер в Photoshop.

Як дізнатися, наскільки ефективний баннер

  1. CTR (клікабельність) - це відношення кліків до показів. Припустимо, рекламу побачили 100 осіб, з них 5 перейшли на сайт. Тоді 5/100 * 100% \u003d 5%. Коли CTR надто низький, потрібно попрацювати над дизайном, змістом або майданчиком, де банер розміщений.
  2. ROI (окупність) - це відсоток доходу, отриманий від залучених клієнтів. Розраховується за формулою: (прибуток-витрати) / витрати * 100%. Ми вклали 1 300 рублів, у нас купили на 3 000 рублів, тоді (3 000-1 300 рублів) / 1 300 * 100% \u003d 130%. Ми вийшли в плюс на 30%. Якщо ROI виходить 100% або менше, значить, йде слив бюджету. Треба щось міняти.
  3. CAC - ціна залученого клієнта. Допомагає з'ясувати, рентабельна чи реклама. Плюсуя всі витрати: на створення реклами, зарплати співробітникам або фрілансерам і ділимо на загальну кількість клієнтів. Припустимо, пішло 10 000 рублів, залучили 23 покупця, значить, один коштує 434 рубля. Якщо в середньому купують на 300 рублів, то ми працюємо в збиток.

Перевірити ефективність банера легко в Яндекс.Директі. У функції "Група оголошень" можна написати ключове слово або вибрати картинку і подивитися кликабельность.

Коли даних про CTR буде вистачати Яндексу, він сам покаже вам самі працюючі рекламні оголошення.

Якщо з картинками не заладилося, і статистика рекламної кампанії засмучує, можна спробувати.

висновок

Простота, ключові вигоди, незвичне місце для розміщення реклами зіграють вам на користь.

Ви можете добре заробити, якщо навчитеся робити банери. Професіонали умудряються робити по 2 - 3 штуки в день. А це мінімум 1 000 рублів.

А вас дратують банери, коли бачите їх на сайті?

Бажаю вам більше переходів і замовлень!

А ми побачимося з вами в наступній корисної статті.

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

Дивилося: 1 139

Час читання: 5 хв.

Банери на сайтах дуже популярні - особливо на головній сторінці. Але неправильно оформлений банер може тільки все зіпсувати, а не допомогти. Наприклад, швидке мелькання банерів дратує і викликає бажання швидше покинути сайт. Як же зробити клікабельним банер, щоб викликати інтерес, а не гнів відвідувачів?

Як зробити банер

Принцип ОДП для банерів

Всі банери повинні бути складені за принципом ОДП:

  • «O», або оффер. Конкретна пропозиція для вашого клієнта. Вкажіть в банері - яку вигоду, користь несе ваш продукт.
  • «Д», або дедлайн. Обмеження вашої акції (за часом, за кількістю або за ціною)
  • «П», або заклик до дії (купити, докладніше і т.д.)

Запам'ятайте: хороший банер містить стільки інформації, скільки достатньо для кліка.

Розглянемо детальніше 3 варіанти дедлайну:

1. Обмеження за часом

Часто використовуваний варіант в банері - обмеження спецпропозиції. Суть в тому, що ви пропонуєте смачні умови, що діють до такого-то числа. А ще краще вказати в банері, що акція діє 24 години або 3-4 дня. Чим менше часу у відвідувачів на роздуми, тим більше кліків на ваш банер.

2. Зміна ціни

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

3. Обмеження за кількістю

Потрібно показати клієнту, що товар закінчується. Наприклад, вкажіть в банері - «Залишилося всього 17 екземплярів». Для більшого ефекту - 5 з 17 вже заброньовані. Все це змушує покупця поквапитися з рішенням.

2-3 банера в слайдері

Не потрібно створювати велику кількість банерів. Це безглуздо, оскільки користувачі проводять не так багато часу на головній, щоб встигнути проглянути всі ваші акції. Як правило, основна увага отримуватимуть перші 2-3 банера.

Замість слайдера краще розмістити один статичний банер. Він дозволить краще запам'ятати вашу акцію, не дратуючи відвідувачів миготінням картинок.

Але якщо ж ви хочете розмістити 2-3 банера, то слід враховувати такі особливості.

1. Швидкість банерів

Банери не повинні обертатися швидко, в іншому випадку у користувача не буде достатньо часу, щоб переглянути цікавий його банер. У підсумку, він відчує себе ніяково, вимушений чекати, коли ж знову з'явиться потрібний йому банер в слайдері. Чи не викликайте у ваших покупців відчуття, що вони не можуть контролювати ситуацію - це дуже дратує.

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

Таким чином, постарайтеся знайти золоту середину. Налаштуйте швидкість ротації банерів так, щоб було не швидко, але й не повільно - досить для перегляду. 5-7 секунд зазвичай вистачає, за умови відсутності великої кількості тексту в банері.

2. Послідовність банерів

Більшість користувачів не встигнуть подивитися всі банери в слайдері, навіть якщо ви встановили автоматичне обертання. Вони просто не проводять так багато часу на головній сторінці. Як правило, вони Скролл або переходять на іншу сторінку задовго до того, як всі банери будуть показані.

Тому так важлива послідовність банерів в слайдері. Перший банер отримує більшу увагу, ніж всі наступні. Якщо банер не зацікавить відвідувача, то велика ймовірність, що інші зовсім не будуть переглянуті. Таким чином, послідовність банерів повинна бути ретельно продумана.

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

4. Ручне взаємодія

Автоматична ротація повинна бути припинена після будь-якого активного взаємодії користувача з банером. Наприклад, коли він натискає на кнопки (наступний / попередній), щоб відобразити новий баннер в каруселі.

висновок

Деякі користувачі ігнорують карусель через банерної сліпоти. Іншим може просто не подобається такий елемент дизайну. Але дотримуйтеся всього вищесказаного, щоб отримати найкращі результати при використанні банерів. Відвідувачі стануть знаходити банери більш привабливими і корисними. А як правило, перше враження дуже важливо для сайту, щоб викликати бажання до подальшого вивчення сайту.

Стаття написана для «LPGenerator»

Популярні статті

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

Дизайн веб-банерів передбачає створення максимально клікабельних рекламних об'єктів. Є ціле відгалуження веб-дизайну, що фокусується на створенні ефективних рекламних банерів.

1. Використовуйте найбільш ефективні стандартні розміри банерів

728 × 90 px - довгий банер-перетяжка, лідерборд (Leaderboard),
300 × 600 px - банер на половину сторінки (Half Page),
300 × 250 px - прямокутник середнього розміру (Medium Rectangle),
336 × 280 px - великий прямокутник (Large Rectangle).

Найбільш поширені розміри банерів. Зверху - лідерборд, зліва - банер на половину сторінки, праворуч - середній і великий прямокутники

2. Розміщуйте банери правильно

Купуйте місце на сайті поверх (Above The Fold) близько до основного контенту сторінки, тоді ваш дизайн буде видно всім.

3. Підтримуйте ієрархію

У банерній рекламі важливо покладатися на баланс в рамках кожного рекламного оголошення, так що стежте за ієрархією. Ефективні банери збільшують обізнаність про бренд і залучають трафік на ваш сайт. Вони містять три основних компоненти:

1. - сприяє підвищенню обізнаності. Повинен візуально домінувати, але трохи менше ніж ціннісне пропозицію або заклик до дії.

2. (Value Proposition) - пояснює, який продукт / послугу ви пропонуєте, і привертає увагу привабливими офферу і цінами. Як правило, тут можна побачити словосполучення на кшталт «висока якість», «50% -ва знижка» і «обмежена за часом акція». Даний елемент займає центральне місце, і саме його повинні в першу чергу помітити глядачі.

3. (Call to Action, CTA) - це текст або кнопка, що запрошує користувачів натиснути її. Зазвичай пишуть щось на кшталт «Дізнатися більше», «Подивитися» або «Почати». Заклик повинен стати фокусом рекламного оголошення.

4. Дотримуйтесь простоту

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

5. Впроваджуйте кнопки з розумом

Кнопки підвищують кликабельность реклами (Click-Through Rate, CTR). Розміщуйте їх після тексту, ближче до нижнього правого кута. Застосовуйте контрастний колір і не забудьте про смак! Кнопки повинні відрізнятися постійним дизайном протягом усього набору рекламних оголошень.

6. обрамляють свої банери

Наші очі відразу кидаються на об'єкти в рамці. Ефективні банери використовують чіткі рамки і графіку, триваючу за краями квадрата. Якщо фон реклами білий, то навколо неї зазвичай малюють однопіксельні сіру кордон.

7. Робіть текст миттєво читаним

Тема і основний текст повинні мати різний розмір. Весь текст не повинен перевищувати чотирьох рядків:

Небажано застосовувати курсивні або рукописні шрифти, дуже тонке написання, писати текст тільки великими літерами або використовувати шрифт менше 10 pt (якщо тільки це не заява про обмежену відповідальність або не зведення про авторські права).

8. Застосовуйте анімацію

Анімовані банери, як правило, виявляють себе краще статичних, але необхідно переконатися, що вони не відволікають від основного послання реклами:

Використовуйте просту анімацію, що триває не більше 15 секунд і з циклизацией не частіше трьох разів. Гарна ідея - зробити останній кадр чітким закликом до дії.

9. Органічно доповнюйте, виділяючись

10. Забезпечуйте зв'язок з брендом

11. Повторюйте відчуття терміновості

Візуально терміновість створюється сміливими контрастними кольорами. Банери не повинні бути скромними і непомітними.

12. Образотворчі засоби вибирайте з розумом

Графіка і фотографії повинні мати відношення до продукту. Їх мета - краще донести послання. Ніяких абстракцій. Чи не можете дозволити собі професійних фотографів і моделей? Заплатіть за. Можна знайти оригінальні ілюстрації або замовити графіком дизайнеру.

Зображення взагалі не обов'язкові до використання. Майстерно складений текст і вдала типографіка створять аналогічний ефект.

13. Віддавайте перевагу відповідним квітам

Кожен колір. Важливо усвідомлювати, який тип емоцій ви будите в аудиторії, адже саме колірна гамма - це перше, що помічають люди в дизайні.

Наука про колір суб'єктивна, і в різних культурах кольору мають різні асоціації. Вивчіть цільову аудиторію перед вибором відтінків. Ось приклади емоцій, що викликаються різними кольорами, у людей Заходу:

  • червоний - пристрасть, лють, збудження і любов. Потужний колір, що привертає багатьох, але краще застосовувати його обережно. Уникайте червоного, якщо ви прагнете до класичного, зрілому, серйозного образу.
  • помаранчевий - грайливість і наснагу. На відміну від агресивного червоного, оранжевий заряджає енергією. Чудовий вибір для кнопки заклику до дії.
  • жовтий - радість, сонячне сяйво, дружелюбність. Жовтий притягує погляд і випромінює енергію, створює відчуття молодежності і доступності за вартістю.
  • зелений - здоров'я, свіжість, багатство, навколишнє середовище, зростання, турбота і початок чогось нового. Нашим очам приємно на нього дивитися.

  • синій - безпеку, довіру, ясність, зрілість, безтурботність, інтелект, формальність, відновлення сил, холодність і мужність. Даний колір присутній в більш ніж половині всіх логотипів світу.
  • фіолетовий - розкіш, велич, екстравагантність, мудрість, магія, жіночність і креативність. Надає на глядачів заспокійливий ефект.
  • рожевий - любов, симпатія, жіночність, юність і діти. Зазвичай рожевий пов'язують з чимось жіночим, але все залежить від тону і яскравості.
  • чорний - ексклюзивність, загадковість, сучасність, міць, престиж, розкіш і формальність. Традиційний вибір, зокрема, чорний текст на білому тлі - це найзручніша для читання колірна комбінація.

  • білий - невинність, чистота, сучасність, стерильність, простота, чесність і невинність. Створює відчуття економічної виправданості та причетності до молодості.
  • коричневий - природа, дерево, шкіра, серйозність, мужність, впертість / жорсткість і скромність. Коричневий створює баланс між сильнішими квітами і тому добре підходить в якості фону.
  • сірий - нейтральність і практичність. При використанні як фон посилює інші кольори.

14. Підтримуйте невеликий розмір файлів

Чим менше, тим краще - менше 150 кб, як рекомендує Google Adwords. Потрібно, щоб реклама завантажувалася швидко, інакше відвідувачі прокрутять сторінку вниз, не помітивши її.

15. Використовуйте правильні формати файлів

JPG, PNG, GIF або HTML5 - це те, з чим слід працювати. Як правило, дизайнери створюють ілюстрації в Adobe Illustrator або Photoshop і отримують файли в JPG, PNG або GIF, або вони застосовують Google Web Designer або Adobe Animate і на виході мають HTML5.

висновок

Ну от і все. Основні правила ми перерахували, так що ви готові до створення якісних банерів. Якщо ви не є професійним дизайнером (або зайняті просуванням бізнесу), то краще найміть креативного фахівця, який створить ідеальну клікабельно рекламу спеціально під вас.

Також подбайте про те, куди користувач потрапить після кліка на ваш банер. Ідеальна стратегія зазвичай виглядає так:

Оффер у вигляді банера → перехід на Лендінгем → підписка на розсилку → Lead Nurturing

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

Створити Лендінгем під стати вашого банеру ви можете в нашому. Візьміть за основу або почніть з пустого аркуша - редактор доступний як для новачків, так і для професіоналів.