Як створити Лендінгем Пейдж самостійно? правильний спосіб

1. Чому Лендінзі стали так популярні?
2. Для чого використовують Лендінзі?
3. Способи створення landing page
4. Етапи створення Лендінзі з нуля
5. Як визначити якість Лендінзі?
6. Підсумок. Які перспективи відкриваються перед тими, хто вміє створювати односторінкові сайти?

Від автора: я вітаю вас. Landing Page тобто односторінкові сайти увійшли в моду порівняно недавно. У цій статті я постараюся розповісти, чому вони взагалі з'явилися і як створити Лендінгем Пейдж самостійно?

Чому Лендінзі стали так популярні?

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

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

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

JavaScript. Швидкий старт

Вивчіть основи JavaScript на практичному прикладі зі створення веб-додатки

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

Для чого використовують Лендінзі?

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

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

Способи створення landing page

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

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

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

Етапи створення Лендінзі з нуля

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

JavaScript. Швидкий старт

Вивчіть основи JavaScript на практичному прикладі зі створення веб-додатки

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

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

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

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

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

Як визначити якість Лендінзі?

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

Власне, головний показник якості одностранічнік - конверсія. Це співвідношення кількості цільових дій (замовлення товару / послугу) до загального кол-ву людей, які зайшли на сайт. Наприклад, якщо ви купили платну рекламу і по ній на сайт перейшло 120 чоловік, а отримали ви 2 цільових дії, то ваша конверсія становить приблизно 1,66%. Тобто 1,66% людей буде замовляти ваш товар. Правда, тут потрібно зробити застереження, що 120 відвідувань і двох замовлень недостатньо, щоб вирахувати середній показник конверсії на сайті. Для цього потрібно набагато більше трафіку.

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

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

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

Підсумок. Які перспективи відкриваються перед тими, хто вміє створювати односторінкові сайти?

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

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

JavaScript. Швидкий старт

Вивчіть основи JavaScript на практичному прикладі зі створення веб-додатки

Вивчіть основи Bootstrap 4 на практичному прикладі по верстці блогу з нуля!