Види лендингів та їх призначення. Що таке лендінг пейдж? Як створити лендінг пейдж? Відмінність Landing Page від інших сторінок

Вікторія Кучинова

Головна проблема більшості сучасних лендингів – всі вони начебто зроблені під копірку. А де ж креатив, вогонь, де дизайнерські шаленства?

У цій добірці я зібрала цікаві фішки та незвичайні ефекти. Частину з них зробили розробники та веб-дизайнери «Текстери», частина знайшлася на просторах рунету. Не обійшлося і без прикладів огидного дизайну та відвертої шизи – наприкінці статті на вас чекає знайомство з хом'яком-вбивцею та Снігуронькою з відром.

Дивіться, надихайтеся, застосовуйте ідеї, що сподобалися на практиці, міксуйте їх зі своїми і не забувайте проводити A/Б-тестування – ось єдино правильний рецепт створення забійних посадкових сторінок.

І, головне, пам'ятати, що лендінг – це не самодостатній інструмент. Для конверсій, лідів та продажів потрібен якісний трафік. А видобути його складно без комплексного просування.

Розширена форма

Зазвичай на односторінниках використовують стандартну форму заявки з кількома полями. Найчастіше клієнту потрібно вказати контактні дані – ім'я-прізвище, пошту чи телефон. Але в деяких складних галузях краще розкрити тему докладніше. Ось як це зробили в "Текстері": у формі лендінгу dellservers.ru клієнт може вибрати модуль, параметри, завдання сервера. Може скинути значення, якщо щось пішло не так.

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

Дві кнопки СТА

На лендингу планувальника завдань wunderlist.com/ru – одразу два заклики до дії, які посилюють один одного: «Створити безкоштовний обліковий запис» та «Завантажити Wunderlist». Користувачі клацають по обох посиланнях, конверсія зростає, а лендинг виконує свою роботу на відмінно.

Конкретні цифри (результати)

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

Персоналізація

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

Зручна форма відповіді

На багатьох лендингах та сайтах поставити запитання можна лише через форму. А це означає, що потрібно вказувати ім'я та прізвище, залишати телефон та електронну пошту. Іноді взагалі доводиться вводити капчі та коди – жах! Зрозуміло, що це робиться для того, щоб здобути ліди. Але є й інший варіант - як на лендінг "Церебро Таргет". Якщо ви зареєстровані у «ВКонтакті», нічого заповнювати не потрібно – бери та пиши. І клієнту зручно, і власнику добре – контакт залишено, можна працювати далі.

Відгуки клієнтів

Можна попросити клієнтів розповісти про свої враження та опублікувати отримані тексти на лендингу. Але проблема в тому, що відвідувач ніяк не перевірить - реальні це відгуки або фейкові. Краще піти далі та переконати відвідувачів у цьому. На лендингу huskypark.info, який розробляла «Текстер», наводяться слова клієнтів з «Інстаграма» з посиланнями на їхні облікові записи. Все чесно – зайдіть та переконайтесь.

Демонстрація результатів

Тривимірна графіка та доповнена реальність

Лендінг створений для програми Qubi. Це гра для дітей 3+ років та дорослих. Суть гри проста. На першому етапі користувач за запропонованою схемою склеює справжній паперовий, картонний або дерев'яний кубик.

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

На екрані смартфона чи планшета кубик оживає. Користувач грає у тривимірний варіант "Змійки", "2048", "Лабіринту". При цьому керувати грою потрібно за допомогою реального кубика. Щоб керувати кубиком двома руками, потрібно використати спеціальну підставку для смартфона, яку можна зібрати самостійно.

Тривимірну модель кубика можна побачити на ілюстрації.

Що хотів клієнт

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

Що ми зробили

Ми реалізували тривимірність за допомогою 3D-трансформацій CSS3. Переходи між гранями кубика зроблені за допомогою чистого JavaScript з відстеження подій drag і touch. Завдяки незвичайним переходам між екранами користувач створює відчуття об'ємності екрану. Це особливо яскраво виражено на робочій версії посадкової сторінки.

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

Лендінг повністю адаптивний.

Інтерактивний вибір кольорів фарбування інтер'єру та меблів

Незвичайність лендингу «ДСК.Color» полягає у можливості самостійно вибрати колір меблів та предметів інтер'єру за допомогою інтерактивної палітри.

Компанія «ДСК.Color» фарбує будь-які поверхні у різні кольори. Можна замовити фарбування меблів, побутової техніки, велосипедів, музичних інструментів та інших предметів. Клієнт може вибрати будь-який колір.

Найпопулярніша послуга – фарбування меблів та предметів інтер'єру. На неї припадає близько 80% робіт клієнта.

Що хотів клієнт

Клієнт попросив зробити яскравий і лендинг, що запам'ятовується, «із закликом пофарбувати все навколо». У нього були ідеї зробити зображення меблів у форматі 3D, щоб відвідувач міг покрутити і розглянути пофарбований предмет з різних сторін.

Що ми зробили

Ми запропонували клієнту ідею: дати відвідувачу можливість самостійно вибрати колір меблів та предметів інтер'єру.

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

Клієнтові ідея дуже сподобалася, тому ми зробили робочий прототип лендінгу. На ньому основна частина виглядала так.

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

Після погодження прототипу в роботу включилися дизайнер і верстальник. Перший намалював всі предмети svg (це формат графіки). Другий зверстав і додав до областей svg палітру кольорів. Після цього реалізували модальне вікно. З його допомогою користувач може перевірити ще раз кольори і предмети і відправити заявку на послугу.

Незвичайні та звичайні прелоадери

За допомогою прелоадера або спіннера можна зробити зручнішим та візуально привабливим будь-яку посадкову сторінку. У цьому розділі поговоримо про прелоадерів та подивимося на приклади цих елементів, створені фахівцями «Текстери».

Що таке прелоадер і які завдання він вирішує

Прелоадер або спіннер – це знак, який з'являється на екрані до завантаження сторінки. Ці елементи ви бачите щодня, коли користуєтесь інтернетом. Нижче приклад прелоадера.

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

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

Прелоадери реалізуються за допомогою стандартних інструментів фронтенд-розробки: HTML, CSS, JavaScript та додаткових бібліотек та фреймворків, наприклад, jQuery, React.

Як ми покращуємо лендинги за допомогою прелоадерів

Ми створюємо унікальні прелоадери, зокрема анімовані. Ось кілька наших робіт.

• Qubi

Для лендінгу Qubi ми зробили прелоадер, який повторює меню навігації. Це дозволяє користувачеві зрозуміти принцип керування сторінкою до завантаження.

• Levellen

На сайті Levellen Interiors ми використовували прелоадер у вигляді логотипу компанії. Це додатковий елемент брендингу сайту.

На лендингу представлена ​​інформація про оренду приміщень у бізнес-центрі. Головний секрет посадкової сторінки знаходиться в розділі «Офіси». Тут користувач може переглянути наявність вільних офісів на кожному поверсі будівлі.

При наведенні курсору на вільний офіс з'являється кнопка «Докладніше».

Натискання кнопки направляє користувача на сторінку з інформацією про офіс та його фотографії. З цієї сторінки можна залишити заявку на оренду приміщення.

Особливості реалізації

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

Власне дизайн

У цьому прикладі немає складних технічних фішок та дизайнерських ефектів – весь лендинг вивозить гарна картинка: фон, кольори, апетитні фотографії астраханської ікри. Односторінок astrahancaviar.ru- Гарний приклад того, як завдяки дизайнеру продукт хочеться придбати. І негайно з'їсти!

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

Здрастуйте, шановні читачі блогу сайт. Сьогодні ми поговоримо про таку важливу річ як посадкова сторінка, яку дуже часто на буржуазний манер називають лендінг пейдж (від англійської landing page - цільова сторінка). Що ж це таке і чому так важливо?

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

Що таке лендінг пейдж і чому це так важливо

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

Швидше за все, ви забули продумати та підготувати приземлювальні (посадкові, цільові) сторінки, які часто називають лендингами. Що це таке?

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

Сам термін «лейдинг пейдж» утворений від англійської фрази «landing page», що в перекладі означає цільову, посадкову (приземляючу) сторінку. Лендінги створюються не аби як, а з урахуванням психології відвідувачів. Вони повинні чіпляти і не відпускатиїх до самого моменту покупки (або реєстрації), бо повторно залучити відвідувача буде вже складно.

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

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

Приклади лендінгів

Залежно від цілей, які ви переслідуєте, можна розділити посадкові сторінки (лендинги) на кілька типів:

12 кроків щодо створення ідеального лендингу

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

1. Кожен лендинг повинен бути заточений тільки під одну цільову (конверсійну) дію або підписка, або продажу. Не треба скупитися, бо увага користувача буде розсіяна і сильно збільшиться ймовірність його відходу (так нічого і не вибравши із запропонованих варіантів). Краще якнайменше змушувати клієнтів думати і вибирати - шлях на landing page повинен бути прямим як стріла (очевидним для нього) і без будь-яких відгалужень.
2. На посадочній сторінці обов'язково має бути присутнім заклик до дії(З дієсловами у наказовому способі - подзвони, купи, отримай, прийди і т.п.). Фрази повинні бути короткими та мотивуючими. Наприклад, «купіть зараз», «отримати відеокурс» або «підпишись та отримай».
3. Керують також яскраві кнопки та стрілки, що створюють на них акцент. Непогано працюють кнопки червоних і жовтих відтінків, бо помітні і містять заклик до дії.

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

   

   Іноді дуже непогано працюють анімовані кнопки(але в будь-якому випадку потрібно буде проводити тестування ефективності тих чи інших елементів лендінг пейджу):

   

4. Якщо у лендингу використовуються(на підписних посадкових сторінках без них не обійтися, але і на продажниках їх досить часто використовують), то стурбуйтеся тим, щоб у них містилося якнайменше полів. В ідеалі, у формі має бути тільки одне поле (для введення Емайл адреси), але для подальшого спілкування (проведення маркетингу) вам знадобиться знати і ім'я користувача, тому два поля є найбільш поширеним варіантом. Велика кількість полів може суттєво . До того ж, додавання полів для введення телефону або адреси викликає у користувачів настороженість і може призвести до відмови від цільової дії.
5. У статті про я згадував, що користувачі в інтернеті не читають тексти — вони їх переглядають. І найважливішим у цьому плані є заголовок. Якщо його немає (або він не виділений відповідним чином), це дуже сильно знизить конверсію. На лендінгах заголовки повинні бути обов'язково чіпляючими, щоб користувач схилився до подальшого читання або відразу до здійснення конверсійної дії (підписки, замовлення, дзвінка).

   

6. На вашій landing page повинні бути не лише заклики до дії та ефектні заголовки, але й аргументація необхідностіпідписки, покупки, замовлення чи дзвінка. У разі сторінки підписки це може бути, наприклад, невеликий відеоролик з описом та змістом «халяви», або все те саме оформлено у вигляді короткого списку (переліку). У разі продажника це також може бути відеоролик з оглядом товару, списком послуг, які ви пропонуєте (у тому числі і ваші конкурентні переваги).
   
   
7. Дуже добре на посадочних сторінках працюють відгукивід клієнтів, покупців або передплатників (краще, якщо при цьому будуть вказані якісь контакти тих, хто ці відгуки залишив, щоб все виглядало правдоподібно).

   

8. Також непогано працюють на посадкових сторінках порівняння «до і після». Не для всіх тематик це застосовно, але в області схуднення, косметології, фітнесу та багатьох інших ніш можна з високою ефективністю використовувати. Наприклад, так робить фірма, яка надає послуги з ресторану.
   
   
9. Сторінка landing page може бути досить довгою, але під час перегляду першого екрану(це та область сторінки, що видно без використання прокручування) користувачеві має бути абсолютно ясно і зрозуміло, що саме ви хотіли сказати.
10. Для стимулювання передплатників або покупців деяких товарів (наприклад,) можна використовувати варіант додаткових бонусів, які отримає передплатник або покупець при замовленні. Коли користувач знаходиться на межі прийняття рішення, то саме такі «плюшки» можуть переважити чашу терезів на вашу користь.
11. Ну і, звичайно ж, варто наголошувати на тому, що «тільки тут і тільки протягом кількості часу» користувачеві буде доступна вся ця пишність (підписка, спеціальна ціна на товар, додатковий набір послуг). Як це зробити найкраще? Правильно, поставити таймер, що веде зворотний звіт часудо години Х, коли дана можливість буде втрачена. Ніщо так не стимулює до прийняття рішення вагається користувача, як буквально на очах секунди, що втікають.

    

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

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

    

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

Приклади помилок, що роблять landing неробочим

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

1. Ще раз нагадую, що в інтернеті практично ніхто не читає (принаймні знову відкриту сторінку), а саме, переглядає інформацію. Якщо вона виявиться дійсно стоїть і вимагає детальнішого вивчення, то тоді вже доходить справа і до прочитання (загалом, так само як і з газетами). Тому не допускайте перевантаженості лендінгу інформацією— це може дезорієнтувати користувача та викликати реакцію відторгнення ще до того моменту, коли він розбереться, про що там йдеться.
2. Текст має бути невеликого обсягу, максимально лаконічний та наповнений інформацією, а не водою. Пару абзаців "ні про що" викличуть у користувача бурхливе бажання закрити таку посадкову сторінку. На landing page також погано працює маленький шрифт. Загалом, його використання не потрібно, бо для викладу суті багато слів не потрібно.
3. Не обманюйте очікування користувача. Якщо в рекламі або в пості в соціальній мережі ви говорили про одне, а при попаданні на лендинг користувач бачить дещо інше, відбувається втрата довіри і різко знижується конверсія. Дуже важливо стежити за цією відповідністю.

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

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

У вас ще трохи часу? Бажаєте провести його з користю? Тоді беріть попкорн, сідайте зручніше і дивіться двогодинний майстер-клас "Покроковий алгоритм створення Landing Page":

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

Отже, що таке Landing Page?Лендінг це місце, де відвідувач ніби Приземляється«, після того, як він натиснув на оголошення в Google Adwords або Яндекс-Дірект. Лендінг пейдж це - простими словами цільова сторінка, тобто в неї одна мета - спонукати людину до дії (CTA). Простота Landing Page зробила цей інструмент неймовірно популярним і найкращим варіантом підвищення конверсій від реклами.

Завдання лендингу вкрасти увагу відвідувача на 100%, тому зі сторінки забираються всі фактори, що відволікають: зайві посилання, елементи навігації, варіанти, зайві тексти і так далі.

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

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

Лендінг знижує витрати на продаж, тому що мають одну конкретну мету.

Злом лендінгу: копірайтинг для неписьменників

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

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

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

Але як це зробити?

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

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

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

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

Але у всьому цьому немає сенсу, якщо у вас поганий заголовок. Заголовок надихає та змушує відвідувача залишитись та уявити відчутну вигоду після покупки. Перегляньте приклад Apple iPad:

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

Також дуже наполягаю пройти навчання у Антона Петроченкова зі створення Landing Page, в якому він ділиться секретними лайф-хаками, як писати забійні тексти без досвіду в копірайтингу. Навіть я думав, що все знаю, виявляється ні:)

Зображення

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

На щастя, для цього ми маємо картинки.

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

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

Покажіть переваги

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

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

Але людям начхати!

Проблема в тому, що людям на лендинг все одно. Їм все одно, скільки незліченних годинників ви вклали в цю витончену функцію. Плювати що ви 30 років на ринку! У них лише одне питання:

Це полегшить мені життя?

Досить хвалитися. Просто дайте відповідь на це питання. Як ваш продукт полегшить життя? Що у клієнта зміниться на краще?

Лайф-Хак.Напевно, ви зустрічали десь приголомшливі лендинги і задавалися питанням як скопіювати лендинг. За посиланням можна замовити копію Landing Page всього за 500 руб.

Відгуки

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

• Лідери думок. Попросіть інших розповісти про вас. Це можуть бути якісь відомі персонажі із вашої галузі.
• Більше деталей — більш правдоподібно. Ім'я автора, посада, посилання на соціальні мережі. Це дозволить легко відстежити джерело.
• Фоторафії. Особи клієнтів ще раз підтверджують справжність відгуків.
• Відео відгуки. Відео-відгуки ще більше розширюють цей принцип. Їх складніше підробити.
• Зовнішній контент. Якщо у вас є шалені відгуки у соціальних мережах, перетягніть їх на сайт. Зовнішні віджети не можна змінити, тому вони виглядають більш сирими та реальними.

На думку Reevo, відгуки покупців збільшують продажі на 18%.

Відмінність Landing Page від інших сторінок

Запитуючи «Чим відрізняється лендинг від інших сторінок?», Ви повинні розуміти, що цільові сторінки призначені для платного трафіку, такого як Google Adwords, а домашня сторінка сайту призначена для органічного пошукового трафіку.

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

Лендінги використовуються тоді, коли ви маєте розуміння, ким є відвідувач – це визначається за джерелом переходу. На зображенні нижче зліва показана головна сторінка, праворуч лендинг, жовтим кольором показані Action-області, це посилання або кнопки:

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

Типи лендінгів

Існує два основних типи Landing Page.

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

Лендінги з переходом на кліку. Якщо ви щось купували в інтернеті, то ви швидше за все використовували Landing Page. Використовуються для E-commerce та мають просту кнопку дії. Призначені виключно для продажу. Перетворюють теплих клієнтів на гарячих та повторних покупців. Довжина лендінгу залежить від ціни, рівня довіри аудиторії та складності пропозиції. Чим менше бар'єрів виникає до покупки, тим коротший лендінг.

Релевантність лендінг-пейдж

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

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

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

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

Звучить просто, але насправді більшість припускають це не пробачної помилки.

Приклад поганої відповідності: Отримайте знижку 50% на iphone X. Текст лендінг: Ласкаво просимо до магазину техніки Apple.

Приклад хорошої відповідності: Отримайте знижку 50% на ihpone X. Текст на лендингу: Отримайте знижку 50% на ihpone X у магазині техніки Apple.

Коли потрібно використовувати цільову сторінку?

Спробуйте використати лендинг для кожної рекламної кампанії окремо. Можливо, ви продаєте різні товари та різним сегментам аудиторії. Один лендинг не впорається з такою різноманітністю.

Стиль та ефективність маркетингу варіюватимуться також залежно від джерела (PPC, електронна пошта, органічний трафік, соціальні мережі, рекламні банери). Наприклад, не всі акції призначені всім людям.

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

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

Відео на Landing Page

Відео це маст-хев, його потрібно використовувати обов'язково. Це найлегший спосіб взаємодії із відвідувачем. Результати досліджень eyeviewdigital.com кажуть, що відеоролики піднімають конверсію до 80%.

Люди приклеєні до екранів телевізорів із середини 20 століття. Відео змінило інтернет, і тепер YouTube став "новою пошуковою системою".

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

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

Перед записом відео напишіть сценарій. Використовуйте зовнішній мікрофон для якісного звуку.

Повторне використання контенту. Додайте своє відео на YouTube та оптимізуйте його для SEO. Відео в 52 рази частіше з'являється на першій сторінці Google, ніж текстова стаття (швидше за все, через відсутність конкуренції).

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

Як виміряти ефективність лендінг-пейджу?

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

Потім ви маєте розділити кількість учасників на кількість відвідувачів, щоб отримати свій 'коефіцієнт конверсії'. Гарний, залежить від типу вашого Landing Page. Дослідження показують, що коефіцієнти конверсії лідогенерації становлять близько 3-5%, а показники електронної комерції – 1-2%.

Ефективна посадкова сторінка

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

Впізнавання- Уявлення або думка, яку відвідувач відчуває знаходячи те, що він шукав у момент попадання на лендінг.

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

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

Ясний заклик до дії— це, мабуть, найважливіший елемент, який сприяє конверсії. Кнопка CTA повинна виділятись, тобто ви повинні використовувати колір, який контрастує з іншими елементами на сторінці.

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

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

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

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

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

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

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

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

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

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

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

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

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

Секретний соус

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

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

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

Трафік випадково розподіляється на кожному варіанті сторінки на основі заданої ваги – наприклад, якщо ви виконуєте тест із 2 варіантами сторінки, ви можете розділити трафік 50/50 або 60/40. Відвідувачі, як правило, направляються так, що вони завжди будуть бачити ту саму версію сторінки.

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

Що потрібно протестувати на лендінг?

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

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

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

Деякі елементи, які ви повинні розглянути тестування:

1. Основний заголовок
2. Заклик до дії(CTA) – зазвичай текст на кнопці
3. Зображення. Зображення з контекстом. Спробуйте свою фотографію (якщо вона у вас є)
4. Дизайн кнопок
5. Колір кнопки– зелений для дії, синій для кольору посилання, помаранчевий чи червоний для емоційної реакції
6. Кількість полів уведення на формі
7. Довга копія проти короткої копії. Часто більш короткий найкращий, але для деяких продуктів деталь важлива у процесі прийняття рішення. Перевірте це та подивіться.

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

Останні думки

Тепер ви чітко розумієте, що це таке лендинг. У вас на думці одне – продажі. Тому за допомогою цього посібника ви зможете зробити ідеальний Landing Page. Зізнаюся, що в цій статті я охопив лише 10% інформації, було цікаво, але це лише поверхово, тому я рекомендую вам пройти поглиблений курс, наприклад, цей!

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

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

Існує 4 основні можливості, де розміщується лендінг:

1. На окремому домені: domain.ru;
2. На вашому піддомі: landing.domain.ru;
3. Сторінка сайту: domain.ru/landing.html;
4. На сторонньому сервісі: service.ru/yourlanding чи yourlanding.service.ru.

Основне завдання лендингу – спонукання до здійснення цільової дії. Наприклад, ви можете зробити окремий лендинг для набору передплатників для розсилки. Для кожного завдання існує окремий вид посадкової сторінки, і нижче ви дізнаєтеся, які види існують, а також який тип landing page краще використовувати в окремих випадках.

Різновиди сторінок, що продають

Усі лендинги поділяються на три великі групи:

• Мікросайти;
• Окремі сторінки сайту у вигляді лендінгів;
• Повноцінні лендінги;

Також лендинги поділяються на кілька категорій за завданням:

1. Продають;
2. Передплатні;
3. інформаційні;
4. Вірусні;
5. Диференціальні;
6. Інші.

Мікросайти

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

Розглянемо такий мікросайт на прикладі сайту готелю - https://fenixhotel.ru/.

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

Окрім головної на сайті є й інші сторінки:

• Приклади збудованих будинків;
• Типові проекти;
• Технологія будівництва;
• Інші.

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

Мінусом подібних мікро-сайтів є те, що вони найкраще працюють із покупним трафіком, і з ними дуже важко у SEO-просуванні.

Лендінг може виступати і окрема сторінка на вашому сайті, наприклад, - https://nethouse.ru/internet-magazin або https://moi-biser.nethouse.ru/czechbiser .

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

Плюси такого формату в тому, що на таку посадкову сторінку можна гнати трафік із різних джерел, у тому числі, використовуючи Яндекс.Дірект та інші джерела.

Повноцінні лендінги

Повноцінні лендинги - це односторінкові сайти, побудовані за принципом: "Дій або йди".

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

Висока конверсійність є ключовою перевагою лендингів. Чому так виходить? Справа у психології. Правильні лендинги захоплюють увагу відвідувача (чітка структура, красива графіка), переконують його у правильності вибору (акцент на перевагах продукту) і в результаті призводять до блоку заклику до дії (Call To Action) – все це буквально змушує людину вчинити ту дію, яку потрібно вам.

Як і з мікросайтами, максимум, що може зробити вебмастер з лендингом для його просування – SEO-оптимізувати його під групу цільових запитів. Але можливості SEO просування посадкових сторінок обмежені. Основний трафік доведеться купувати самостійно або за допомогою арбітражника.

Типи лендингів та їх призначення

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

Метою такого лендингу, як випливає з назви, є продаж товару чи послуги. Часто залучення трафіку використовуються платні методи – контекстна реклама, тизери тощо. Ви могли бачити такі лендинги, коли була мода на продаж іграшки «хом'як, що говорить». Приклад лендингу, що продає - https://nabor-noskov.ru або http://www.maxitrip.ru/.

Ключовим елементом лендингу, що продає, є наявність одного Call To Action (заклику до дії), а всі інші блоки звертають увагу користувача саме на нього. Існують і альтернативні приклади лендингів, що продають, де використовуються масові CTA елементи, що спонукають зробити покупку.

Якщо ваші продажі в офлайні, або ваш тип бізнесу не передбачає імпульсної покупки, то лендинг, що продає, вам не підійде. У цьому випадку краще працюють лендинги для розсилок, які часто називають підписними сторінками, що продають. Приклад підписного лендингу з високою конверсією: https://www.unisender.com/ru/about/bonusy/correct-email/.

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

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

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

Інформаційний landing page створюється для підігріву інтересу до нового продукту компанії або до особливої ​​події, яка станеться в найближчому майбутньому. Метою інформаційного лендингу є наступний перехід відвідувача на основний сайт або додавання певної дати в календар користувача. Гарний приклад інформаційного лендінгу: https://www.coca-cola.ru/product.

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

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

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

Приклади вірусних лендінг пейдж із високою конверсією:

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

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

У більшості випадків, такий тип посадкової сторінки використовується інтернет-магазинами і включає поєднання майже всіх вищеперелічених типів лендингів. Приклад такого лендінгу - https://www.mvideo.ru/promo/predator-50.

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

На диференціальній посадковій сторінці, як правило, є форми збору контактів, як і на посадковій для збору email адрес.

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

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

Який тип лендингу найкращий?

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

Діліться в коментарях вашим досвідом створення сторінок, що продають, а також ставте питання нашій команді та експертам конструктора сайтів

Ми часто чуємо слова посадкова сторінка, односторінник, landing page. І начебто розуміємо, про що йдеться, але не знаємо всіх особливостей та фішок.

Ми розповімо, що це таке — лендинг, якою є його структура, дизайн і як підвищити конверсію односторінника. А також навчимо, де можна замовити лендинг чи створити його самостійно.

Що таке лендінг?

Як ви вже здогадалися, це односторінковий сайт, який – увага! — присвячений якійсь одній послузі чи товару.

На звичайному сайті може бути багато розділів меню з різною інформацією (“Про компанію”, “Наші новини”, “Товари”, “Новинки”, “Контакти” – якщо сайт спрямований на продаж, та “Суспільство”, “Економіка”, “ Відносини – якщо тематика інформаційна).

На лендингу – жодних розділів, лише інформаційні блоки.

Навіщо потрібен лендинг?

Лендінг не просто інформує про товар – він його продає. Мета будь-якого лендингу – одна конкретна дія.

Це або продаж товару/послуги, або збирання контактних даних відвідувачів, або

Усі разом – не вийде, у кожного лендингу – своє завдання. Розглянемо найголовніші.

Продаж товару.Допустимо, ви стали фрілансером-копірайтером і хочете просунути в інтернеті свої послуги. Послуга у вас одна – написання текстів.

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

Публікуєте відгуки замовників, якщо вони вже є. І – найголовніше – на лендингу має бути форма зворотного зв'язку, щоб клієнти могли замовити текст.

Збір контактних даних або лідів.контакти потенційних клієнтів Як їх зібрати? Очевидно, зацікавити людей, щоб вони залишили у формі замовлення свій телефон чи електронну пошту.

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

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

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

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

Головне - пам'ятати найважливіше правило: кожен односторінок створюється для певної мети, заважати в купу їх не можна.

Мінуси лендінгу

Про переваги розповіли тепер поговоримо про недоліки landing page. Будемо чесними – вони є.

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

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

Структура лендінгу

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

Навіть є таке поняття – сходи Ханта, які показують, які етапи проходить людина від неусвідомлення проблеми до здійснення покупки.

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

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

3 етап – порівняння.Клієнту потрібно надати на вибір кілька варіантів вирішення проблеми.

4 етап – вибір.З кількох варіантів він вибирає одне рішення – звичайно, те, що ви пропонуєте. Для цього потрібно роз'яснити усі переваги вашого товару чи послуги.

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

Назвемо основні елементи структури лендингу, які проведуть клієнта сходами Ханта. Існує стандартна схема, яку ми зараз розпишемо.

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