Зміст

2303

Гайд по CRO (2021). Частина 2. Розробка цільової сторінки з хорошим UX

28.01.2021

22 хвилини

middle

Березкин Денис

CTO

Коефіцієнт конверсії багато в чому залежить і від UX, а значить, підгрунтя для нього можна закласти вже на етапі розробки. Тому сьогодні ми розберемо, як домогтися гарного UX з нуля: з базового алгоритму розробки та до порад по оптимізації.

Алгоритм розробки цільової сторінки з хорошим UX – оптимізація коефіцієнта конверсії

Будь-яка розробка починається з теорії, зокрема, перед роботою з технічними аспектами важливо закрити всі маркетингові питання. Тому …

Крок 0. Підготовка: як повинна виглядати цільова сторінка – оптимізація коефіцієнта конверсії

З маркетингової точки зору ефективний Landing Page містить макро- та мікро-мети, вписаний ергономічно в структуру і логіку сайту, містить тригери конверсій. Це – модель піраміди з книги «Від кліків до продажу» Бенджі Ребхена.

Модель піраміди
Ось ці три базові компоненти варто враховувати в своїй роботі для більш комплексного підходу
  1. Призначений для користувача контекст – дані про цільову аудиторію. Чим більше розуміння про нужду, болю, шаблоні поведінки аудиторії, тим релевантні можна налаштувати подачу інформації на сайті.
  2. Триггери конверсій, наприклад, коли і де віддати перевагу одному кольору, а не іншому, якого розміру повинні бути кнопки, скільки повинно бути тексту і так далі. Незважаючи на те, що CRO полягає в тестуванні варіантів, первісна сторінка – це все одно результат чужих напрацювань. Наприклад, «загальний» ефективний триггер – це відгуки з соціальним підтвердженням, які стабільно підвищують конверсії на сторінці.
  3. Мікро- та макроконверсіі, які будуть плавно просувати людей по воронці. Якщо користувач не готовий купити продукт, то це ще не означає, що він не готовий залишити свій email та іншу контактну інформацію.

З технічної точки зору Landing Page складається з різних елементів, до яких є певні вимоги. У них давайте і розберемося.

Базово:

  • логотип у верхньому лівому кутку;
  • дескриптор: короткий опис діяльності компанії біля лого;
  • кнопки меню праворуч від логотипу;
  • заголовок: перший елемент на сторінці, не рахуючи хедера.
Базові елементи

Заголовок:

  • до 11 слів;
  • з тегом H1;
  • з ключовим словом;
  • відображає зміст цільової сторінки.

Зображення (відео, картинка або гифка):

  • унікальне;
  • високої якості;
  • релевантно темі цільової сторінки;
  • демонструє кінцевий результат або процес взаємодії з продуктом;
  • якщо це відео, то не довше 2 хвилин;
  • корисне користувачеві (плашка, Маша з фотостоку або рандомноє фото з Google за замовчуванням корисним не буває).
Зображення

Кнопка:

  • яскрава;
  • не менш 5% від площі екрану;
  • містить CTA;
  • описує наступний крок.
Приклад кнопки

Форма зворотного зв’язку:

  • обведена в контур з закругленими полями для візуального виділення на тлі;
  • з маскою для номера телефону;
  • є валідація (якщо дані заповнені невірно, висвічується підказка);
  • однотонний ненав’язливий фон.
Приклад форми зворотнього звязку

Ціна:

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

Кейси:

  • короткий опис «було – стало» з посиланням на докладний опис;
  • є зображення, що підтверджують результати;
  • логотип і дані замовника.
Кейси - оптимізація коефіцієнта конверсії

Відгуки:

  • ім’я;
  • фото або відео;
  • посилання на соцмережі;
  • логотип, посаду для корпоративних клієнтів;
  • корисна для читача структура відкликання (наприклад, причина – заперечення – покупка – особистий досвід – рекомендація);
  • функція підтверджених покупок для ecommerce буде плюсом.
Відгуки - оптимізація коефіцієнта конверсії

Іміджеві триггери:

  • посилання в популярних ЗМІ в ніші;
  • думки експертів;
  • сертифікати, рекомендації.
Іміджеві триггери - оптимізація коефіцієнта конверсії

Мікроконверсіі:

  • форма email-підписки;
  • white paper;
  • калькулятор;
  • презентація, бриф;
  • тест, заявка на бета-версію.

Порівняння з конкурентами:

  • таблиця з порівнянням властивостей;
  • виділення ключової властивості продукту, яке відрізняє від конкурентів.
Порівняння з конкурентами -оптимізація коефіцієнта конверсії

футер:

  • юридична інформація;
  • копірайт;
  • контактна інформація;
  • розширене меню;
  • посилання на соцмережі.
Футер - оптимізація коефіцієнта конверсії

Контент:

  • унікальний;
  • є FAQ;
  • текстовий контент від 2000 символів;
  • рівномірно розташований на цільовій сторінці;
  • схема (біль – продукт – переваги);
  • структурований по блоках.

Форми зв’язку:

  • відкрита форма зв’язку;
  • закрита (кнопка);
  • онлайн-консультант;
  • коментарі;
  • реквізити компанії.

Обличчя компанії:

  • команда продукту;
  • керівник компанії;
  • експерт-консультант.

Крок 1. Цільова аудиторія і портрети користувачів – розробка цільових сторінок

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

Щоб зрозуміти їх, потрібно скласти портрет цільової аудиторії. У ній зазвичай є ядро ​​- «найсмачніші» клієнти, які замовляють регулярно, вимагають низьких витрат ресурсів з боку підприємця і приносять прибуток. Це ядро ​​включає кілька груп.

Важливо! Іноді маркетологи складають один портрет – це рішення підходить, якщо аудиторія дуже однорідна, що рідкість. В основному, щоб охопити різні сегменти покупців, краще виділити кілька портретів.

Ось як виглядає цільова аудиторія в загальному на нашому проекті-прикладі:

Вік: від 20 до 50 років.

Пол: Жінки.

Характеристики:

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

Дохід: середній і вище середнього (від 300 $ / міс).

Больові точки:

  • немає часу на роботу з косметологом;
  • немає грошей на індивідуальну роботу з косметологом;
  • безсистемний підхід до догляду за шкірою;

Ми створювали портрети в Google Таблицях, там легко впорядкувати різнопланову інформацію.

Спочатку виділили основні параметри, які потрібні для аналізу. Під кожен відведений свій 1 стовпець:

Портрети покупців

Потім створили трьох персонажів: у кожного свої особливості, проблеми та манера поведінки.

Вийшло так:

Приклад персонажу

На цьому етапі важливо якомога детальніше описати загальну цільову аудиторію і виділити персонажів. Детально про цей етап ми писали в статті «Цільова аудиторія і персонаж покупця: що, як, навіщо» – почитайте її, перш ніж продовжувати.

Крок 2. Інформаційна структура цільова сторінка – розробка цільових сторінок

Коли ви розумієте, хто клієнт, можна думати про те, як він буде себе вести. Тут допоможе ментальна (вона ж інформаційна) карта – Mind map. Майндмеппінг допомагає моделювати різні сценарії поведінки, які дадуть бізнесу конверсію, а користувачеві – зручне отримання бажаного.

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

В процесі знадобляться сценарії, які ми прописали для персонажів – там ми сформували потреби, тут ми формуємо рішення для закриття цих потреб.

Зручний інструмент для майндмеппінга – mindmup.com. Він безкоштовний, з простим зрозумілим інтерфейсом і можливістю імпорту карти на Google Диск. Ось як виглядає інформаційна структура для нашого проекту:

Структура проекту

Додатково пропишіть прогнозований шлях від входу на сайт до закриття угоди:

Шлях від входу на сайт до закриття угоди

Крок 3. Створення паперового прототипу Landing page – розробка цільових сторінок

Багато цей етап ігнорують, а даремно. Паперовий скетч інтерфейсу – бюджетний і швидкий спосіб продумати нюанси і не гробити час технічних фахівців + гроші на реальні прототипи.

На цьому етапі закладається основа поведінкових факторів:

  • розташування УТП;
  • меню, розташування кнопок;
  • формат і розміщення форм (відкритого і закритого типу);
  • порядок блоків на цільовій сторінці.

На жаль, паперових прототипів для WOW! Touch не збереглося 🙁 Але ось як вони можуть виглядати:

Створення паперового прототипу Landing page - розробка цільових сторінок

Крок 4. Інтерактивний прототип цільової сторінки – розробка цільових сторінок

Заключний етап базового UX-проектування – створення інтерактивного прототипу, тобто оцифровка того, що ми на минулому етапі малювали олівцем на папері.

Для створення інтерактивного прототипу рекомендуємо десктопну програму Axure RP: у неї широкий функціонал для web- і mobile-розробки і тарифи від 29 $ / місяць з 10-денним безкоштовним trial-періодом.

Ось як виглядає інтерактивний прототип, на основі якого далі буде створюватися сам сайт:

Інтерактивний прототип
Замість картинок - порожні фрейми, а підписи досить умовні, але вже можна уявити, як буде виглядати кінцевий результат. Натисніть на картинку, щоб подивитися повну версію прототипу (в новому вікні)

Зліва відображається структура прототипу – ось вона:

Структура прототипу

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

Далі матеріали по UX-проектування передаються UI-дизайнера. Він відповідає за фінальні фізичні характеристики проекту: умовно кажучи, якого кольору буде сайт, чи зручно буде кликати по кнопках і читати текст. UI-дизайнер доведе напрацювання «до кондиції» для початку реалізації – але тільки від UX-проектування залежить, яким буде «фундамент».

Крок 5. Технічна перевірка готової сторінки – розробка цільових сторінок

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

1.Перевірка в браузерах:

  • Google Chrome;
  • Mozilla Firefox;
  • Internet Explorer 9;
  • Internet Explorer 8;
  • Opera;
  • Safari.

2. Оцінка в інструменті ScreenFly від Quirktools.com, наскільки коректно відображається сайт на основних дозволах екрану при ширині:

  • 800 px;
  • 1024 px;
  • 1280 px;
  • 1920 px;
  • 300 px.

3. Швидкість завантаження сайту в GTMetrix в зеленій зоні (рівень А чи В).
4. Мобільна адаптивність сайту перевіряється в mobile-friendly-інструменті Google.
5. Перевірити код сайту на валідність можна в валідаторі.

5 кращих практик та тенденцій CRO – оптимізація коефіцієнту конверсії

Як і будь-які інші, тенденції CRO щороку змінюються, тому що змінюється поведінка і вимоги користувачів, на які оптимізація коефіцієнта конверсій спрямована. Чим більше люди звикають до хорошого UX, тим складніше їх вразити кращим UX. Унікальність, своєчасність і деталізованість – 3 принципу, які визначають якість підходу до UX-проектування. І ось кращі способи застосувати ці принципи.

Відео (але тільки якісне!), Щоб пояснювати наочно – оптимізація коефіцієнта конверсії

Дослідження eyeviewdigital.com показало збільшення конверсії на 80% завдяки використанню відео на цільовій сторінці. Непогана мотивація вкласти зусилля в зйомку і додавання на сайт, чи не так?

Якщо ви продаєте косметику, покажіть її використання. Hunky Production знімають відео і показують нарізку прикладів робіт, що відразу демонструє їх рівень і якість. Genius Marketing проводять навчальні заходи і показують зйомку з конференції, яка передає масштаби дійства. WOW! Touch продають б’юті-бокси з косметикою і показують розпакування боксу: користувач бачить, на що він підписується. Mobilunity «знаходять таланти, які ви, можливо, не можете знайти на локальному ринку» і показують фахівців в неформальній обстановці з короткими підписами, хто і чим займається. Alba створюють інтер’єри і показують приклад своєї роботи.

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

Пара порад, щоб відео дійсно принесло успіх:

  • можна використовувати не тільки відеофон на першому екрані, але і вбудовувати звичайний плеєр на сторінку;
  • якість реально важлива: погане відео більше зіпсує враження про компанію, ніж допоможе щось пояснити;
  • якщо ви використовуєте відеофон з текстом поверх, уникайте тексту в самому відео: вони будуть накладатися один на одного і створювати бардак;
  • не вмикайте Автовідтворення, якщо використовуєте плеєр – відео зі звуком, яке включається саме по собі, може серйозно дратувати;
  • оптимізуйте швидкість завантаження для сторінок з відеофоном: все повинно завантажуватися швидко і не змушувати пристрій користувача підвисати в спробах прогрузити гігабайтний ролик;
  • СТА має бути видно при перегляді відео, щоб користувач не забував про дійсно важливу річ: конверсію;
  • відео має нести сенс і користь; рандомний ролик, який не допомагає користувачеві познайомитися з продуктом, частіше відволікає, ніж допомагає.

Оптимізована сторінка чекаута, щоб повертати загубленних – оптимізація коефіцієнту конверсії

Якщо ви розвиваєте екоммерс-сайт, ви самі знаєте, що таке кинуті кошики і як багато магазин може недоотримувати прибутку через що йдуть в останній момент користувачів. З ними можна (і потрібно) працювати за допомогою різних інструментів, той же ремаркетинг ніколи не старіє. Але є способи і «ближче до тіла»: оптимізувати сторінку чекаута.

За дослідженням Baymard Institute, середній задокументований коефіцієнт кинутих кошиків в онлайні становить 70%. Причин для кинутих кошиків може бути маса: складний процес заповнення всіх форм, невідповідні варіанти оплати (наприклад, тільки готівку кур’єру з обов’язковою кур’єрською доставкою) або доставки (наприклад, доставка тільки Укрпоштою, брр), відсутність безпечних платежів … Так що-тільки-не.

Спрощуйте способи покупки і той самий коефіцієнт тертя, підключайте різні системи доставки і оплати, якщо товар зі знижкою – до останнього показуйте плашку, скільки людина економить (у відсотках і національної валюті), не просіть інформації понад необхідне. Обов’язково використовуйте нормальні системи платежів – формат «Ми вам передзвонимо і скажемо номер особистої картки», звичайно, звичний для СНД, але все далі викликає нотку розчарування у користувачів. І, звичайно, робіть все з тестами. Тестування – запорука прийняття правильних рішень.

Машинне навчання для більшої персоналізації – оптимізація коефіцієнта конверсії

Чим більше особистий підхід ви використовуєте, тим більше шанси на конверсію. І в 2019 році є маса інструментів домогтися потрібного рівня персоналізації.

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

  • демографічні показники: адаптуємо дизайн під патерни цільової аудиторії, адже якщо наш клієнт – 18-річна дівчина, то сайт повинен виглядати інакше, ніж для 30-річного чоловіка;
  • локація: якщо це інтернет-магазин з офлайн-представництвами, локалізація дає можливість купувати не тільки онлайн, але і приходити в магазин і купувати офлайн. Припустимо, на сайті Комфі можна вказати Дніпро, але добре розуміти, що є можливість прийти в одну з 5 точок, щоб подивитися товар і зробити покупку; або ж замовити доставку в одну з точок і прийти перевірити товар;
  • час активності: акційні пропозиції по активному часу;
  • використовувані пристрої і браузери: якщо це десктоп, то фокус на перетворенні десктопа, якщо це мобільні – на них;
  • ключові слова / пошукові запити, завдяки яким користувач потрапив на сторінку: якнайкраще кастомизировать контент, роблячи правильний акцент на потрібні ключові слова.

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

Як це реалізувати?

Варіант, який першим приходить на думку, – рекомендаційні системи. За кейсам Dynamic Yield, різнопланова оптимізація на 15% збільшила середній дохід з користувача в компанії LUISAVIAROMA, а компанія Sephora досягла 6-кратного збільшення ROI від рекомендацій товарів на сторінках, плюс підвищення кликабельности на сторінках на 4%. LaModa так взагалі отримала фантастичні результати у вигляді 35-кратного збільшення ROI, 15-мільйонного (в доларах!) приросту валового прибутку і 8-% збільшення прибутку / сесія якраз таки за рахунок автоматичної персоналізації. Навіть якщо не замахуватися на такі масштаби, можливості рекомендаційних систем однозначно стануть в нагоді всім.

Ще одна цікава річ – це автоматичне регулювання цін.

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

Призначений для користувача контент для сильного соціального доказу – оптимізація коефіцієнта конверсії

UGC – це User Generated Content, він же призначений для користувача контент – той, який генерується самими користувачам.

Тейлор Барнум, найбільший американський шоумен 19 століття, сказав чудову фразу, яка максимально просто пояснює людську психологію: «Ніщо не приваблює натовп так, як натовп». Воістину так!

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

Якщо у вас є база задоволених клієнтів, нехай вони генерують контент для вас. Це той натовп, яка приверне до вас натовпу.

Як це зробити?

Просто попросити.

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

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

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

Чат-бот, щоб відповідати користувачеві так і там, де він хоче – оптимізація коефіцієнта конверсії

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

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

Чим важче виконати дію, тим менше шансів, що воно буде виконано. Це працює завжди.

Хороше рішення, не втрачає популярності останні пару років, – чат-бот. І є відразу кілька причин, чому вони відмінно працюють на поліпшення UX:

  • показують зацікавленість компанії в тому, щоб дати користувачеві потрібне і відповісти на його питання;
  • дозволяють показати експертність в продукті / його використанні, що підвищує довіру;
  • менше «коефіцієнт тертя» – кількість зусиль, яке доводиться докладати користувачеві для результату. Чатбот дає результат швидко і просто – і тому виграє перед іншими варіантами;
  • при правильному налаштуванні чат-бот можна використовувати для спрямування користувача на його купівельному шляху по сайту. 

23 поради по оформленню цільової сторінки для оптимізації коефіцієнта конверсії

1. Постарайтеся максимально скоротити час завантаження сторінки. Власне, тут все очевидно. За тестом Walmart.com підвищення швидкості на кожну 1 секунду приносило 2-відсоткове зростання конверсії. 1 секунда = 2% конверсії. Серйозно, чи не так? Щоб сайт завантажувався швидше, скоротіть JavaScript і CSS, включіть кешування, зменшите кількість запитів браузера і картинок; використовуйте стиснення gzip; поновіть хостинг при необхідності.

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

3. Не забувайте про простір після другого екрану: там теж повинні бути кнопки і форми. Зазвичай перший екран називають найважливішим і втискують в нього все. Але ніхто не робить покупку, побачивши фон, пару фраз і кнопку з СТА. Мало того, іноді СТА нижче першого екрану конвертують краще: користувачі вже знають щось про продукт, їм простіше прийняти рішення про покупку / контакт, тому що вони зрозуміли, яку користь ви принесете.

4. Використовуйте візуальні покажчики. Неймовірно просто, неймовірно ефективно: в тему поставлена ​​стрілочка, яка веде до конверсії, реально може підвищувати конверсії.

5. Інформаційна структура вмісту повинна допомагати людині прийняти рішення. Ми вважаємо, що вся інформація в будь-якому випадку подається не скопом, а з розбивкою на логічні блоки. Тому зараз мова саме про порядок цих блоків. Універсальна схема може виглядати ось так: Біль → Рішення → Як воно працює → Кому підійде → Соцдокази. Але, як завжди, починайте роботу з аналізу і підбирайте варіанти, які підійдуть вашому бізнесу. А потім тестуйте їх.

6. Опрацюйте схему читабельності. Є багато патернів читання контенту в інтернеті: F-патерн, патерн багатошарового торта, мітки і пропуску, плямистий патерн, патерн обов’язковості. Те, як люди будуть читати сторінку, залежить від пропозиції: новини переглядають по одній схемі, бізнес-пропозиції – по інший. Але цей нюанс теж важливо враховувати. Крім безпосередньо схеми, важлива і ширина рядка: занадто широкі абзаци читати не зручно. Ми рекомендуємо використовувати ширину рядка близько 60-75 символів – це як звичайний текст на аркуші А4 при стандартних відступах стандартним шрифтом (12 кегль або трохи більше).

7. Оптимізуйте сторінку під мобільні пристрої. Просто зробити адаптивний дизайн, щоб сторінка не розвалювалася на смартфоні – це добре. Але добре, якщо ви врахуєте різницю поведінки користувачів на різних пристроях і відповідно оптимізуєте сайт. Наприклад, картинки-схеми добре виглядають на комп’ютері, але на мобільному на них нереально щось розглянути без наближення. А це зайве завдання для користувача. Експериментуйте з вмістом сторінки конкретно для мобільної версії – і вибирайте варіанти, які будуть враховувати специфіку пристрою і поведінки користувача.

8. Будьте перебірливі з картинками. Особливо з фотографіями людей. Маша з фотостоку – це добре, але краще не треба. Підписи до картинок зазвичай добре читаються – використовуйте їх, щоб повторити важливу думку. Стискайте зображення і зменшуйте їх розмір, щоб вони не так сильно позначалися на часі завантаження сторінок. Слідкуйте, щоб занадто насичене зображення не перетягувати на себе увагу від пропозиції. І, звичайно, картинка повинна бути релевантна сторінці. Як і все інше.

9. Співвідношення уваги має бути 1 до 1 щодо посилань. На цільовій сторінці одна мета – і повинно бути тільки одне місце для кліка. Уникайте додаткових посилань, куди може захотіти піти користувач, уникайте додаткових навігаційних панелей. У західній практиці на цільовій сторінці часто немає футера, щоб користувач, долістав сторінку до кінця, не міг піти по посиланню в ньому. А заодно часто немає і хедера, якщо бізнес монопродуктовий і покупку можна зробити тільки на одній сторінці. Чим більше у користувача можливостей, тим більше шансів зробити не ту дію (читай – не зробити конверсію). На практиці Unbounce зміна співвідношення уваги з 10: 1 до 1: 1 збільшило CTR на 31%. Якщо не можете прибрати всі посилання, тестируйте, щоб прибрати самі відволікаючі.

10. Креатив – це добре, але кнопка з СТА повинна виглядати як кнопка – її дизайн не повинен викликати сумніви в тому, що потрібно зробити.

11. Використовуйте «ліниві» СТА, які говорять про результат. «Підписатися і отримати безкоштовний урок» (важкоооо) → «Отримати безкоштовний урок» (ліниво і клас). «Спробувати надцатідневную демо-версію» → «Почати 15 днів демо». Спрощуйте.

12. Збір інформації в формах – це загроза для користувача, тому підвищуйте її плавно. KlientBoost використовують трирівневу схему: на першому етапі дізнаються мету і місця рекламування; на другому – що потрібно користувачеві (ліди або продажу), місячні витрата на РРС і сайт; і тільки потім – ім’я, email і номер телефону. Розігрівайте аудиторію мікроконверсіямі до того, як попросити її зробити той-самий-останній-крок і дати вам особисту інформацію.

13. Викликайте правильні емоції. Алвін Хугердійк ще в 2012 році провів приголомшливий А / Б / С-тест з кодовою назвою «Сила посмішки». Суть в тому, що він зробив тестові сторінки з трьома варіантами свого фото: з серйозним виразом обличчя; з посмішкою; з посмішкою і зазначенням рукою на фото продукту. Версія з посмішкою підвищила реєстрації на 1,3%, продажу – на 9,9%, загальний прибуток на 10,7%. І це одне фото! Приголомшливо.

Оформлення цільової сторінки

Викликати емоції можна не тільки за допомогою зображень, але і за допомогою квітів і їх відтінків.

Оформлення цільової сторінки

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

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

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

17. Відповідайте на питання і не йдіть в сторону. Пошуковий запит – це питання людини. Коли він клікає на ваше оголошення, він як би задає це питання вам. Зробіть так, щоб відразу після завантаження сайту він побачив ваш відповідь і покажіть, що робити далі – дайте кнопку з СТА. Не змушуйте людину переривати сторінку в пошуках відповіді – він навряд чи це буде робити, швидше за піде спробувати щастя в наступному сайті з видачі.

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

19. Переконайтеся, що заголовок реально потрібен. Якщо він не корисний аудиторії і зробити його корисним не виходить, видаліть його (але без фанатизму, спочатку – тестування). Буває, що заголовок збігається з СТА (або гірше – сперечається з ним за увагу на сторінці). Це погано, тому що відволікає користувача від кінцевої мети – отримати потрібне, конвертуватися. Якщо ви об’єктивно бачите, що заголовок не допомагає досягати мети, протестуйте версію сторінки без нього. Можливо, він і правда зайвий. Найпростіше це зробити з Google Optimize.

20. Будьте лаконічні і розповыдайте про важливе. Відмінний приклад – Netflix, який на кожній стартовій сторінці видає мінімум інформації, але цей мінімум містить те найважливіше, чого достатньо для прийняття рішення.

21. Оголошення та сторінка повинні бути пов’язані від і до. Тобто важливо не тільки те, щоб вони за змістом збігалися (само собою), але і щоб вони несли один посил, один меседж користувачеві. Ключові слова, тональність, мовні звороти, інші ознаки повинні збігатися. Якщо людина клікнула на оголошення в креативному стилі, він явно не хоче бачити канцелярит на сторінці. І навпаки.

22. Перевірте грамотність всього тексту. Дайте перевірити її редактору. І перевірте ще раз. Орфографія і пунктуація – це не про снобізм, а про культуру мови і повагу до читача. А ще про довіру читача до вас. Складно довірити гроші компанії, яка пише про себе як про “професіоналів” та “високо класних фахівців”.

23. Оптимізувати сторінку «Спасибі за замовлення». Якщо ваш бізнес передбачає повторні звернення, призначений для користувача досвід після конверсії також важливий. Тому що він впливає на те, чи повернеться сюди людина ще раз чи ні. Крім цього, передбачте подальші дії користувача. Запропонуйте йому підписатися на соцмережі, подивитися інші продукти, відправити чек на пошту, почитати корисні статті по темі … Все, що допоможе налагодити контакт для подальшої співпраці і показати, що ви ще можете бути корисні!

І найголовніше: ЗАВЖДИ ВСЕ тестуйте. А / Б- або мультитести потрібні завжди. Завжди. Усе. Тестуйте заголовки, підзаголовки, опис, копірайтинг, колір, картинки, плашки, фони, кольори кнопок, форми кнопок, написи на кнопках, закруглені кути кнопки, переваги, характеристики, формати відгуків, сторінки вибору, сторінки замовлення, сторінки подяки .. .

Тестируйте все!

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

Це нормально, коли гіпотеза не підтверджується. Чудово, можна порадіти, ви з’ясували її непрацездатність в тесті, а не запровадивши її на постійній основі.

Будь-який результат тестів – хороший результат.

Головне, щоб вони були.

Понравилась статья? Оцените ее:
1 Star2 Stars3 Stars4 Stars5 Stars
Loading...
Березкин Денис

CTO

Пришел в компанию на должность менеджера в отдел разработки. За год вырос до руководителя отдела, еще через несколько лет стал СТО агентства. Руководит и участвует в реализации технических решений для работы РРС-специалистов — Komondor PPC Software и Panda Software; фокусируется на создании subscribe- и SaaS-проектов. Решает любые сложности силой присутствия.

Ми використовуємо куки, щоб зробити Penguin-team зручніше і корисніше для вас

Минимум слов. Максимум дела.

В одном письме в месяц

  • Только важные новости
  • Самые свежие статьи
  • Актуальные вакансии

В версии 3.0.0

  • новые сервисы: Ubersuggest (NeilPatel), Spyfu и другие;
  • автосохранение списка минус-слов в рабочей области;
  • авторизация для хранения данных в аккаунте;
  • списки типовых минус-слов;
  • возможность хранить пользовательские списки минус-слова в расширении для дальнейшего применения в аккаунте;
  • англоязычный и русскоязычный интерфейс.

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов

In version 3.0.0

  • new services: Ubersuggest (NeilPatel), Spyfu and others;
  • autosave of a negative keywords list in the workspace;
  • authorization for storing data in the account;
  • generic negative keyword lists;
  • the ability to store custom lists of negative keywords in the extension for further use in your account;
  • English and Russian interface.

Key combinations

  • LeftMouseClick to add a word, press again - to delete
  • LeftALT + LeftMouseClick - to collect phrases
  • LeftALT + S - for words searching

В версии 2.0

  • 2 режима выдачи ключевых слов:
  • быстрая выдача - аналогична выдаче Google Planner, но найденные результаты включают каждое слово из введенной в поиск фразы;
  • полная выдача - расширенная выдача, которая включает поиск по дополнительным релевантным фразам, но найденные результаты также включают каждое слово из введенной в поиск фразы.
  • Обновленный файл выгрузки ключевых слов Excel:
  • выгрузка локаций в удобном формате для загрузки в Editor;
  • обновленный шаблон для создания объявлений.
  • Полный список локаций.
  • Группировка отчетов по проектам.
  • Устранена ошибка с задержкой в 30 секунд.
  • Новые фильтры для получения релевантной выдачи.
  • Копирование минус-слов.

In version 2.0:

  • 2 modes of keywords search result:
  • quick search result - is similar to one of Google Planner , but the results found include every word of the phrase entered in the search;
  • full search result - extended search result that includes search on additional relevant phrases, but the results found also include every word of the phrase entered in the search.
  • Updated Exces Keyword Upload File:
  • uploading of locations in a convenient format for uploading to Editor;
  • updated template for creating ads.
  • Full list of locations.
  • Grouping of reports on the projects.
  • Fixed an error with a delay of 30 seconds.
  • New filters for getting relevant search results.
  • Copying of negative keywords.

Кілька кроків до роботи в Penguin-team

1 Заповніть форму
2Додайте резюме
3Пройдіть тест
1.Кліків 259, показів 3 515. Чому дорівнює CTR?
2.Відвідувань на сайті 874, конверсій 16. Чому дорівнює коефіцієнт конверсії?
3.Що таке СРА?
4.CTR 4,03%, кліків 240. Чому дорівнює число показів оголошення?
5.Витрат 20 158, конверсій 63. Чому дорівнює вартість конверсії?

Кілька кроків до роботи в Penguin

Заповніть форму

Прикрепите резюме: