Как сделать лэндинг самому

Как сделать лендинг самому. Пошаговая инструкция (2019)

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

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

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

Как сделать лендинг самому — подготовка контента

Перед тем как писать текст, важно сформулировать цель создания лендинга. Цель может звучать так:

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

Пример лендинга

Работа над контентом при создании лендинга проходит в несколько этапов.

Этап 1. Сформулировать гипотезу

Если вы решили сделать лендинг, значит, у вас есть идея или представление о странице. Запишите их коротко по плану:

Этап 2. Изучить конкурентов

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

Как это сделать? Посмотрите, что предлагают в ответ на запросы поисковики Google или Яндекс.

Поиск вариантов ключевых слов в Google Adwords

Затем введите в строку поиска подходящие ключевые слова и изучите страницы конкурентов:

Рекламные объявления компаний по запросу «беседка для дачи»

Конкуренты могут работать без сайта, продавая через соцсети. Поэтому есть смысл изучить предложения в Facebook, Instagram, «Вконтакте».

Сделайте таблицу со списком конкурентов. Запишите в столбцах: названия конкурентов, цены, суть предложения, условия доставки и гарантийного обслуживания. Первой строкой в таблице опишите ваше предложение. Так вы будете наглядно видеть свои преимущества и моменты, в которых вы проигрываете конкурентам.

Преимущества вы потом опишете в верхней части лендинга. А моменты, в которых проигрываете, сможете доработать или аргументировать.

Этап 3. Описать целевую аудиторию и выделить сегменты

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

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

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

Как изучить свою аудиторию и найти сегменты:

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

Пример отзыва на сайте магазина настольных игр

Если эти преимущества вы встретите в отзывах несколько раз, то они значимые. Их стоит упомянуть на лендинге.

Этап 4. Написать текст лендинга

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

В его структуре используются несколько стандартных блоков. Сейчас расскажем об основных из них. Шапка лендинга, УТП или оффер, подзаголовок и призыв к действию — блоки первого экрана. Его видит посетитель, попадая на сайт.

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

Теперь время написать текст. Но не спешите открывать конструктор. Создайте прототип страницы в Google Docs, Word или напишите от руки. Так удобнее редактировать текст и лучше видно, где нужно изменить или добавить информацию.

Этап 5. Подобрать картинки, видео, фотографии

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

Фотографии товара можно попросить у поставщика или сфотографировать самому.

Подобрать фотографии в высоком разрешении можно также на платных и бесплатных фотостоках.

Нельзя просто взять фотографию из поиска — это нарушение авторских прав. В лучшем случае автор фотографии напишет вам и попросит заменить или оплатить фото. А может и подать в суд. Бесплатно можно использовать фотографии с лицензией Creative Commons. Подробно о лицензии Creative Commons и ее типах мы писали в одной из прошлых статей.

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

Как сделать лендинг — оформляем текст в конструкторе

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

Сделать лендинг бесплатно можно с помощью конструкторов:

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

Зарегистрироваться на сайте и ознакомиться с подсказками

После регистрации сервис сразу предложит вам создать сайт.

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

Справочные материалы на сайте Tilda

Создать сайт

Придумайте название сайта. Это рабочий вариант, он виден только вам:

Создание сайта в конструкторе Tilda

Выбрать шаблон

Шаблоны в конструкторе сгруппированы по тематике и задачам. Просмотрите несколько вариантов, чтобы увидеть, есть ли там нужные блоки:

Выбор шаблона на сайте Tilda

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

Например, мы хотим сделать лендинг для продажи деревянных складных беседок. Беседки — дорогой товар, скорее всего, клиент не купит их сразу, а захочет поговорить с менеджером, посмотреть фотографии. Значит, лучше выбрать шаблон с формой «рассчитать стоимость» и галереей. Названия разделов и фотографии мы изменим, главное, что структура лендинга нам подходит.

Шаблон «Ремонтная компания» для создания страницы

Вставить свой текст и фотографии

На следующем этапе меняем текст-заглушку и фотографии на свои, прописываем текст на кнопках.

Шаблон со своим текстом и фотографией

Опубликовать сайт

Когда все отредактировано, нажимаем «сохранить» и смотрим результат.

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

На бесплатном тарифе адрес страницы будет иметь такой вид:

Бесплатный адрес сайта на субдомене Tilda

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

Как увеличить конверсию лендинга

На лендингах используются два подхода к продажам. Первый — сразу предложить купить товар или услугу. Он подходит для недорогих товаров и услуг или если клиент уже «прогретый», например, пришел с рассылки либо профиля в Instagram.

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

Email рассылки

Рассылки помогают прогреть посетителей, которые пока не готовы к покупке. Вы можете добавить на лендинг форму подписки из SendPulse. Тогда контакты подписчиков будут сразу попадать в сервис. В справочном разделе Tilda описано, как вставить на страницу форму подписки SendPulse и собирать email адреса потенциальных клиентов.

Автоматические серии писем

Конвертировать посетителей лендинга в покупателей помогут такие виды автоматических рассылок:

Чтобы настроить авторассылки, нужно зайти в SendPulse и выбрать раздел «Авторассылки»:

Создание автоматических рассылок в SendPulse

Web push уведомления

Еще один способ повысить конверсию лендинга — настроить web push уведомления. Когда посетитель находится на странице, в браузере появляется предложение подписаться на уведомления:

Предложение подписаться на push уведомления

Если человек нажимает «разрешить уведомления», он в будущем будет получать сообщения в браузере или на рабочем столе компьютера.

Web push уведомления помогают решить несколько задач:

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

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

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

Регистрируйтесь в SendPulse, чтобы повышать конверсию лендинга с помощью рассылок и push уведомлений и превращать посетителей в покупателей!

Источник

Как сделать хороший лендинг. Самое важное в одной инструкции

Рассказываем про инструменты для email-рассылок. Обсуждаем лучшие примеры и механики. Говорим о деньгах. Публикуем вакансии.

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

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

Тратить кучу времени, чтобы с первого раза сделать самую лучшую посадочную страницу, бессмысленно:

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

Определяем цель

Прежде чем делать лендинг, надо понять, для чего он вам нужен.

Основные цели лендинга:

От цели зависит содержание лендинга. Чем ближе к покупке, тем больше аргументов и подробностей требуется.

Не распыляйтесь, поставьте только одну цель. Иначе велика вероятность, что посетители запутаются и уйдут.

Совет

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

Собираем информацию

Продающий лендинг нельзя сделать совсем без подготовки. Такой сайт получится оторванным о реальности и не принесёт результата. А придумывать его будет сложнее.

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

Изучаем сайты конкурентов

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

Зачем анализировать конкурентов:

Если конкурентов с аналогичным предложением мало, подумайте, какие ещё продукты закрывают ту же потребность. Например, отпраздновать День рождения человек может в кафе, а может пойти в боулинг или записаться на квест.

Результаты анализа занесите в таблицу:

Собственное производствоОсновные блокиПреимущества

ОтзывыЧто понравилосьУникальные иллюстрацииЧто не понравилосьМало конкретики, много водыИдеиПодумать, стоит ли использовать иллюстрации вместо фото

Совет

Даже если вам известны основные конкуренты, не поленитесь проверить, какие ещё сайты выдаёт поиск по соответствующим запросам. Также поищите похожие предложения в соцсетях.

Анализируем целевую аудиторию

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

Если у вас уже есть клиенты, покопайтесь в голове и поищите там ответы на вопросы:

Если на какие-то вопросы не знаете ответов, позвоните 4—5 клиентам и уточните.

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

Если клиентов пока нет, попробуйте задать эти вопросы знакомым, которые покупали нечто аналогичное.

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

Совет

Есть правило: один лендинг — один сегмент. Не пытайтесь впихнуть на одну страницу информацию для покупателей, которые предъявляют разные требования к продукту (например, физические лица и компании). Так вы только всех запутаете. Лучше на первом этапе создайте лендинг пейдж для самого важного сегмента, а потом постепенно сделаете для остальных.

Пишем текст

Лендинг — это история о вашем продукте и компании. Нет смысла браться за дизайн, пока вы не решили, что и в какой последовательности рассказывать посетителю.

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

О чём писать

Обычно лендинг состоит из таких логических блоков:

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

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

Совет

Писать и редактировать текст для лендинга удобнее в текстовом редакторе. Я пользуюсь Google Docs, потому что так могу работать и с телефона, и с ноута, а также подключать к согласованию и редактированию любое количество человек.

Основные принципы копирайтинга

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

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

Длинный vs короткий лендинг

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

Размер лендинга зависит от:

Цели. Оставить почту в обмен на что-то ценное многие готовы, лишь бегло ознакомившись с предложением. А вот если просят заплатить кому-то деньги, хочется знать всё ОТ и ДО.

Продукта и его стоимости. Чем сложнее и дороже продукт, тем длиннее нужен лендинг, чтобы обосновать цену. Об очных курсах или крутом смартфоне мы хотим получить больше информации, чем о каком-нибудь дешёвом и простом сервисе.

Осведомленности аудитории. Если посетители лендинга знакомы с компанией или продуктом, их убедит и более короткий сайт. Популярный пример про Ренда Фишкина и его компанию MOZ (программное обеспечение для SEO). Увеличив лендинг в 6 раз, компания повысила конверсию на 52%. Однако в дальнейшем, когда MOZ приобрела мировую известность, маркетологи снова сократили длину сайта.

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

Делать длинный лендинг — это не значит «лить воду». В тексте не должно быть ничего лишнего. Если вы можете сократить лендинг без потери значимой информации о компании или продукте, сделайте это!

Рисуем прототип

Прототип — схематичный рисунок лендинга. Он показывает длину сайта и то, что у него внутри: где расположен текст, где форма, а где картинки.

Есть специальные программы для создания прототипов. Но если вы не занимаетесь этим профессионально, проще и быстрее нарисовать прототип от руки. Для одностраничника этого достаточно.

Алгоритм создания прототипа

Прототип легко поместится на листе А4, если не делать его широким. Чтобы оценить, насколько логично и удобно представлена информация на лендинге, хватит и 5 см.

Совет

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

Основные принципы

Один экран — одна мысль. Если в тексте несколько идей, разбейте его на части и дополните изображениями или видео. Когда на одном экране слишком много информации, мозгу приходится напрягаться. А это неприятно.

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

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

Добавьте кнопки призыва к действию. Кнопка обычно присутствует на первом и последнем экранах продающего лендинга. Если сайт длинный, стоит добавить еще несколько кнопок: по одной на 2—3 экрана. Что касается текста на кнопках, попробуйте разные формулировки. Главное, чтобы они соответствовали одной выбранной цели.

Создаём лендинг

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

Подробный обзор конструкторов — отдельная тема, поэтому здесь лишь перечислю самые популярные сервисы:

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

Преимущества конструкторов

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

Быстро. Сайт в конструкторе реально сделать за 1—2 дня. Не надо тратить время, чтобы искать специалистов, объяснять задачу, согласовывать дизайн, регистрировать хостинг. Да и любые изменения вносить гораздо быстрее.

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

Совет

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

Источник