Что такое лендинг и как его сделать

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

Что такое лендинг и чем он отличается от сайта

Простыми словами, лендинг — это одностраничный сайт. Его еще называют посадочная страница. Обычно его используют как посадочную страницу, на которую по рекламе попадают пользователи. Здесь они знакомятся с компанией или конкретным ее продуктом. Вместо разделов здесь есть блоки: о компании, отзывы, услуги и товары, примеры работ. 

Пример Landing page

Несколько отличий лендинга от сайта:

1. Количество страниц. Лендинг — это одностраничный сайт. На обычном сайте может быть много страниц: от 2-3 до 100 или 1000.
2. Структура. У лендинга может быть несколько блоков, чтобы их просмотреть, нужно скроллить страницу. Все блоки находятся на одной странице. У сайта несколько разделов, каждый является отдельной страницей.
3. Цель. У лендинга только одна задача или цель. Например, продать курс. На сайте много страниц и цели у всех разные: познакомить с компанией, собрать контактные данные, показать обзоры на товар и т. д.
4. Призыв к действию. Главный элемент лендинга — яркий и заметный призыв к действию. Все элементы страницы подчеркивают важность выполнения этого действия. На обычных сайтах также есть призывы к действию, но они разбросаны по разным страницам и не являются единственным фокусом. К примеру, на одной странице сайта может быть форма сбора контактов, кнопки для покупки товара и ссылки на соцсети.
5. Аналитика. Лендинг легко поддается аналитике благодаря своей простой структуре и одной конкретной цели. A/B тестирование помогает оптимизировать элементы страницы для увеличения конверсии. На обычном сайте аналитика более сложная из-за большого количества страниц. Для сбора данных нужно больше усилий.

Если кратко. Лендинг и обычный сайт выполняют разные функции и служат разным целям в маркетинговой стратегии компании. Лендинг предназначен для рекламы конкретного продукта, сфокусирован на одной цели. Обычный веб-сайт предоставляет комплексную информацию о компании и может выполнять сразу несколько целей. 

Преимущества лендингов

Доступная стоимость. Создать лендинг очень просто. За несколько тысяч рублей это может сделать специалист, или его можно собрать самостоятельно в конструкторе. Цены на лендинги на биржах начинаются от 4000 ₽. Средняя стоимость примерно 20 000 ₽.

Высокая конверсия. Обычно лендинги создают для определенного сегмента целевой аудитории. Поэтому реклама, которую на них запускают, оказывается эффективной. Многое зависит от наполнения лендинга и правильной настройки рекламы, но все же за счет возможности сузить ЦА часто конверсии достаточно высокие.

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

Можно быстро добиться целей. На создание лендинга и запуск рекламы не придется тратить много времени. 

Допустим, если хотите через месяц провести вебинар, нет смысла делать сайт. За неделю делаете лендинг и пускаете на него трафик. Цель достигнута. 

Виды и примеры лендингов

Микролендинг

Микролендинг — компактная посадочная страница, предназначенная для одного действия. Обычно микролендинги содержат минимум информации: контакты компании, оффер или уникальное торговое предложение, кнопку.

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

Одноэкранный лендинг

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

Многоэкранный лендинг

Многоэкранный лендинг состоит из нескольких смысловых блоков. На них размещают подробную информацию о компании, товарах, услугах. В отдельные блоки добавляют отзывы, выгоды сотрудничества, FAQ, информацию об акциях, тарифах. 

Для более сложных товаров или услуг подходит именно многостраничный лендинг. Пример такого сайта ниже.

Витрина

Если на одной странице нужно продемонстрировать сразу несколько товаров, делают сайт-витрину. Помимо описания компании, призывов к действию и кнопок, здесь есть отдельный блок — витрина товаров.

Квиз

Квизы — это опросы и викторины, которые используют для привлечения аудитории. С помощью геймификации можно собирать контакты пользователей, знакомить людей со своей компанией, увеличивать посещаемость сайта и тестировать маркетинговые гипотезы.

Геолендинг или мультилендинг

Мультилендинг — одностраничник, на котором меняется информация, исходя из поискового запроса пользователя. Например, человек вводит в Яндексе фразу «Аренда самосвала», открывает первую же ссылку tehnika.ru и попадает на лендинг, на котором указана соответствующая услуга. Если пользователь введет запрос «Аренда экскаватора», откроет tehnika.ru и увидит уже другое содержимое страницы. На нем будет описана услуга аренды экскаватора.

Геолендинг работает по такому же принципу. Пользователь ищет в поиске ремонт телефонов в Москве, открывает сайт и видит адрес сервисного центра и контакты. Другой человек ищет ремонт телефонов в Санкт-Петербурге, открывает сайт этой же сети мастерских, но видит информацию о питерском филиале. 

Как создать лендинг самостоятельно

Лендинг можно сделать с помощью конструкторов: Tilda, Mottor, LPgenerator, Bloxy. Они работают примерно одинаково: нужно выбрать и настроить подходящие блоки, добавить текст, иллюстрации и всплывающие окна, прикрутить онлайн-чат и платежные системы. Но сначала нужно понять, какие блоки использовать и чем их заполнять. 

Шаг 1. Определите цель и изучите целевую аудиторию. Допустим, вы фотограф и хотите продавать свои фотосессии. Для создания лендинга в первую очередь нужно определить, кто является вашей целевой аудиторией. Важно постараться сегментировать ее. У фотографа несколько сегментов: 

• семьи, которые устраивают тематические фотосессии к праздникам;
• пары, которые заказывают свадебную съемку и романтические фотосессии;
• люди, заказывающие индивидуальные фотосессии.

В этом случае можно создать мультилендинг и для каждого сегмента разработать отдельный контент для лендинга.

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

Например, можно найти форумы, посвященные выбору фотографа. Это поможет понять, как люди принимают решение о выборе специалиста и что для них важно. Фотограф сможет увидеть, что люди жалуются на длительную обработку фото. И на сайте сделает акцент на скорость обработки фотографий.

Шаг 2. Проанализируйте конкурентов. Найдите в поисковике несколько сайтов конкурентов и соберите информацию о том, как они себя позиционируют:

• Какие используют офферы. Оффер — короткое торговое предложение, которое подчеркивает уникальность компании. 
• Что указывают в качестве преимуществ. Как и в случае с оффером, лучше не повторять за конкурентами, а постараться отстроиться и указать уникальные особенности бизнеса.
• Какой используют дизайн. Стоит сделать лендинг, который будет не похож на остальные. Например, если клиенты используют пастельные тона, можно выбрать сочетание черного цвета и красных оттенков. При этом такое решение лучше протестировать на фокус-группе.
• Какие используют хитрости. Например, на сайте может быть таймер с отсчетом обратного времени до окончания скидки или необычный дизайн кнопок.

Выпишите идеи, которые возникли после анализа конкурентов. Можно сгенерировать их с помощью нейросетей. Для этого опишите задачу, особенности конкурентов и посмотрите, что предложит искусственный интеллект. 

Шаг 3. Пропишите структуру. Лендинг может состоять из нескольких блоков. Чаще всего из таких:

• о компании или эксперте;
• описание продукта или услуги;
• тарифы;
• выгоды сотрудничества;
• отзывы;
• контакты.

Блоки нужно выбирать исходя из особенностей ЦА. Например, фотографу важно показать свои работы и отзывы клиентов. Если на лендинге делаем упор на скорость обработки фото, стоит добавить об этом отзывы клиентов. 

Простую схему сайта с расположением блоков, текста и иллюстраций можно сделать в текстовом редакторе или Figma. 

→ Макет лендинга в Google Docs.

Шаг 4. Составьте оффер и текст для каждого блока. Не стоит копировать информацию конкурентов. Подумайте, что поможет склонить людей совершить нужное действие. 

Например, фотографу нужно указать, что он:

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

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

Шаг 5. Выберите расположение инфографики. Картинки, таблицы, иконки, фотографии, видео должны дополнять и пояснять текст. Например, если на сайте пишем о том, что фотограф умеет создавать комфортную атмосферу, стоит подтвердить это, например, с помощью бэкстейджей.

Для этого нужно записать видео, как фотограф работает с людьми. Клиенты смогут оценить его профессионализм не только из слов. Они посмотрят видео и проанализируют, насколько им нравится подход фотографа.

Шаг 6. Сделайте лендинг в конструкторе. Когда понятно, как и чем наполнить сайт, переходим к его сборке в конструкторе. Заходим на Tilda или в другой онлайн-конструктор. Для этого нужно зарегистрироваться, а дальше по шагам с помощью подсказок собрать лендинг. 

Давайте разберем процесс создания сайта на примере Tilda:

1. Введите название проекта. Оно не будет отображаться на сайте.

2. Выберите настройки сайта, введите описание и субдомен. Здесь сразу можно настроить шрифты и цвета, шапку и подвал. Некоторые настройки, например, подключение домена и платежных систем, доступны только на платных тарифах.

3. Чтобы создать лендинг, вернитесь в проект и нажмите «Создать новую страницу». Выберите подходящий шаблон. 

4. Теперь можно настраивать страницу: добавлять и убирать блоки, загружать фотографии и текст. Редактор очень простой: слева есть кнопки «Настройки» и «Контент». Здесь можно настраивать шрифты, кнопки, отступы и анимации. Справа есть кнопки для дублирования, удаления и перемещения блоков.

5. Когда все блоки настроены, нужно выбрать «Предпросмотр» и проверить сайт. После этого нажимаем «Опубликовать». 

Что в итоге

• Лендинг — одностраничный сайт. Вместо разделов здесь есть блоки: о компании, отзывы, услуги и товары, примеры работ.  
• От обычного сайта, помимо количества страниц и структуры из блоков, лендинги отличаются целью создания. У лендинга только одна задача или цель. Например, продать курс. На сайте много страниц и цели у всех разные: познакомить с компанией, собрать контактные данные, показать обзоры на товар.
• Главный элемент лендинга — яркий и заметный призыв к действию. Все элементы страницы подчеркивают важность выполнения этого действия. На обычных сайтах также есть призывы к действию, но они обычно разбросаны по разным страницам и не являются единственным фокусом.
• Есть несколько видов лендингов: микролендинг, витрина, квиз, геолендинг и мультилендинг, одноэкранный и многоэкранный лендинг.
• Чтобы создать лендинг, нужно определить его цель и изучить целевую аудиторию, проанализировать конкурентов, построить структуру, составить офферы и текст для каждого блока, выбрать расположение инфографики. 
• Затем нужно собрать страницу в одном из конструкторов с помощью шаблонов. Для этого используют Tilda, Mottor, LPgenerator, Bloxy.