Анатомія лендінгем сторінок

558

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

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

Так само не потрібно забувати, що кожна така сторінка повинна бути оптимізована під певні ключові слова і фрази.

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

1. Анатомія лендінгем сторінок+опис.
2. Використання колірної гами для різних лендінгем сторінок.

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

Опис:
1. Заголовок сторінки або текст оголошення.

  • Заголовок лендінгем сторінки і рекламний текст повинні бути схожі і доповнювати один одного.

2. Чіткий і короткий заголовок.

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

3. Бездоганна граматики та орфографії.

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

4. Індикатори безпеки.

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

5. Використовуйте заголовки, як заклик до дії.

  • Після того як відвідувач вашої лендінгем сторінки, прочитав її опис, настав час підштовхнути його до дій.
  • Використовуйте заголовки в залежності від змісту вашої сторінки. Якщо ви закликаєте підписатися на розсилку, не забудьте обов’язково вказати, що розсилається безкоштовно. Якщо ви пропонуєте щось скачати, то так само вкажіть, що це абсолютно безкоштовно. Ну, а якщо продаєте, що то, то не погано вказати, що при купівлі існує на приклад 5% знижка.
    Всі ці слогани: безкоштовно, знижка тощо, саме вони і є закликом до дію.

6. Кнопки і заголовки іменують себе як заклик до дії повинні виділятися із загальної колірної гами.

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

7. Посилання на лендінгем сторінці.

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

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

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

9. Висота, ширина і місце розташування лендінгем сторінки.

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

10. Експериментуйте.

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

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

Жовтий:

  • Оптимістичний і молодий.
  • Часто використовується для залучення уваги відвідувачів.

Помаранчевий:

  • Викликає колір
  • часто використовується для заголовків закликають до того чи іншого дії.

Червоний:

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

Рожевий:

  • Романтичний і жіночний.
  • використовується при продажу продукції для жінок і молодих дівчат.

Блакитний:

  • Створює відчуття безпеки і правди.
  • часто використовується банками та бізнесменами.

Фіолетовий:

  • Спокій і примирення.
  • Часто використовується для реклами кошти від старіння, а так само продуктів омолоджування і краси.

Зелений:

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

Чорний:

  • Потужний і гладкий
  • Сприймається як розкішний і в той же час складний

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