Как сделать лэндинг самому
Как сделать лендинг самому. Пошаговая инструкция (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-рассылок. Обсуждаем лучшие примеры и механики. Говорим о деньгах. Публикуем вакансии.
В сети много информации о том, как делать лендинги. Встречаются и по-настоящему подробные инструкции, где прописаны все шаги, которые нужно сделать в идеале. Но в этом есть подвох.
Пока вы будете проводить исследования и досконально изучать аудиторию, кто-то по-быстрому склепает лендинг в конструкторе и заберёт клиентов.
Тратить кучу времени, чтобы с первого раза сделать самую лучшую посадочную страницу, бессмысленно:
Поэтому я расскажу, как сделать хороший лендинг с нуля, чтобы быстро запустить его в работу и приступить к другим задачам: подготовке рекламных кампаний, тестированию и совершенствованию.
Определяем цель
Прежде чем делать лендинг, надо понять, для чего он вам нужен.
Основные цели лендинга:
От цели зависит содержание лендинга. Чем ближе к покупке, тем больше аргументов и подробностей требуется.
Не распыляйтесь, поставьте только одну цель. Иначе велика вероятность, что посетители запутаются и уйдут.
Совет
Если вы только начинаете заниматься интернет-маркетингом, делайте лендинг для получения заявок. Так у вас будет больше шансов дожать клиента до покупки, если он пока сомневается. Кроме того, в разговоре вы поймёте, какой информации на сайте не хватает или какие блоки плохо работают.
Собираем информацию
Продающий лендинг нельзя сделать совсем без подготовки. Такой сайт получится оторванным о реальности и не принесёт результата. А придумывать его будет сложнее.
Прежде чем приступить к разработке одностраничника, важно изучить сайты конкурентов и целевую аудиторию. Я постаралась максимально упростить эти шаги, чтобы не тратить на них слишком много времени и сил.
Изучаем сайты конкурентов
Возьмите лучшие идеи конкурентов, адаптируйте под себя — и лендинг готов.
Зачем анализировать конкурентов:
Если конкурентов с аналогичным предложением мало, подумайте, какие ещё продукты закрывают ту же потребность. Например, отпраздновать День рождения человек может в кафе, а может пойти в боулинг или записаться на квест.
Результаты анализа занесите в таблицу:
Название компании | Рога и копыта |
Сайт конкурента | www.***.ru |
Преимущества продукта | Доставка за 2 дня |
Собственное производство
Отзывы
Совет
Даже если вам известны основные конкуренты, не поленитесь проверить, какие ещё сайты выдаёт поиск по соответствующим запросам. Также поищите похожие предложения в соцсетях.
Анализируем целевую аудиторию
Рассказать о продукте можно по-разному. Надо понять, как и что рассказывать посетителям вашего лендинга, чтобы убедить их совершить целевое действие (нажать на кнопку).
Если у вас уже есть клиенты, покопайтесь в голове и поищите там ответы на вопросы:
Если на какие-то вопросы не знаете ответов, позвоните 4—5 клиентам и уточните.
Зафиксируйте информацию любым удобным способом. Важно, чтобы у вас в голове сформировалось целостное представление о покупателях. Это поможет вам при подготовке текста и материалов.
Если клиентов пока нет, попробуйте задать эти вопросы знакомым, которые покупали нечто аналогичное.
Если и таких знакомых нет, пропустите этот шаг и сосредоточьтесь на анализе конкурентов. Наверняка, самое важное они уже учли. Когда запустите лендинг, сможете пообщаться с клиентами и скорректировать информацию в нужную сторону.
Совет
Есть правило: один лендинг — один сегмент. Не пытайтесь впихнуть на одну страницу информацию для покупателей, которые предъявляют разные требования к продукту (например, физические лица и компании). Так вы только всех запутаете. Лучше на первом этапе создайте лендинг пейдж для самого важного сегмента, а потом постепенно сделаете для остальных.
Пишем текст
Лендинг — это история о вашем продукте и компании. Нет смысла браться за дизайн, пока вы не решили, что и в какой последовательности рассказывать посетителю.
Чтобы убедить человека оставить заявку, важно внятно ответить на его вопросы и разрешить сомнения. Об этом и пишите. При продумывании структуры текста и подачи материала опирайтесь на информацию о целевой аудитории и конкурентах, собранную на предыдущем шаге.
О чём писать
Обычно лендинг состоит из таких логических блоков:
Это основные блоки информации, которые используют в большинстве случаев. Всё остальное зависит от продукта и целевой аудитории.
Чтобы понять, насколько логичным получается рассказ, для начала напишите названия блоков, а потом приступайте к их наполнению.
Совет
Писать и редактировать текст для лендинга удобнее в текстовом редакторе. Я пользуюсь Google Docs, потому что так могу работать и с телефона, и с ноута, а также подключать к согласованию и редактированию любое количество человек.
Основные принципы копирайтинга
Пишите ясно. Люди приходят на лендинг за простым и быстрым решением проблем. Они не готовы по два раза перечитывать текст, чтобы уловить суть. Всегда можно найти более понятный сайт у ваших конкурентов.
Не увлекайтесь ключевиками. SEO-оптимизация для лендингов работает плохо. На лендинге мало текста, всего одна страница с единственным предложением, а информация обновляется редко. Поэтому надеяться на приличные позиции в поиске можно только по низкочастотным запросам. Например, если ищут какую-то конкретную модель товара или специализированный сервис. Если очень хочется, добавьте в текст одну группу ключей, по которой хотите продвигать лендинг пейдж. Однако не переусердствуйте: текст должен остаться понятным, а ключевые слова выглядеть органично.
Длинный vs короткий лендинг
Не существует оптимальной длины продающего лендинга. Нельзя сказать, что лендинг пейдж из 2 экранов работает хуже или лучше одностраничника из 10.
Размер лендинга зависит от:
Цели. Оставить почту в обмен на что-то ценное многие готовы, лишь бегло ознакомившись с предложением. А вот если просят заплатить кому-то деньги, хочется знать всё ОТ и ДО.
Продукта и его стоимости. Чем сложнее и дороже продукт, тем длиннее нужен лендинг, чтобы обосновать цену. Об очных курсах или крутом смартфоне мы хотим получить больше информации, чем о каком-нибудь дешёвом и простом сервисе.
Осведомленности аудитории. Если посетители лендинга знакомы с компанией или продуктом, их убедит и более короткий сайт. Популярный пример про Ренда Фишкина и его компанию MOZ (программное обеспечение для SEO). Увеличив лендинг в 6 раз, компания повысила конверсию на 52%. Однако в дальнейшем, когда MOZ приобрела мировую известность, маркетологи снова сократили длину сайта.
Короткий лендинг сделать проще, так как требуется меньше информации, а значит, меньше сил уйдёт на её подготовку и упаковку.
Делать длинный лендинг — это не значит «лить воду». В тексте не должно быть ничего лишнего. Если вы можете сократить лендинг без потери значимой информации о компании или продукте, сделайте это!
Рисуем прототип
Прототип — схематичный рисунок лендинга. Он показывает длину сайта и то, что у него внутри: где расположен текст, где форма, а где картинки.
Есть специальные программы для создания прототипов. Но если вы не занимаетесь этим профессионально, проще и быстрее нарисовать прототип от руки. Для одностраничника этого достаточно.
Алгоритм создания прототипа
Прототип легко поместится на листе А4, если не делать его широким. Чтобы оценить, насколько логично и удобно представлена информация на лендинге, хватит и 5 см.
Совет
Прототип — самый удобный шаг, чтобы скорректировать лендинг пейдж. Не поленитесь и нарисуйте несколько вариантов. Сравните их и выберите лучший. Убедитесь, что структура логична и удобна, что страница не перегружена текстом, что на ней достаточно визуальных материалов.
Основные принципы
Один экран — одна мысль. Если в тексте несколько идей, разбейте его на части и дополните изображениями или видео. Когда на одном экране слишком много информации, мозгу приходится напрягаться. А это неприятно.
Фото и видео лучше текста. Даже самый крутой текст уступает по воздействию визуальным материалам. Подумайте, какие предложения или даже абзацы можно заменить на фотографии или видео и обозначьте это в прототипе.
Не забудьте про шапку и футер. Это обязательные элементы лендинга. В шапке обычно размещают логотип и меню для удобства навигации по сайту, а в футере — контакты, кнопки соцсетей и ссылки на другие проекты.
Добавьте кнопки призыва к действию. Кнопка обычно присутствует на первом и последнем экранах продающего лендинга. Если сайт длинный, стоит добавить еще несколько кнопок: по одной на 2—3 экрана. Что касается текста на кнопках, попробуйте разные формулировки. Главное, чтобы они соответствовали одной выбранной цели.
Создаём лендинг
На этом этапе есть два пути. Можно нанять дизайнера и программиста, которые на основе прототипа, ваших материалов и пожеланий сделают лендинг. А можно собрать сайт в конструкторе.
Подробный обзор конструкторов — отдельная тема, поэтому здесь лишь перечислю самые популярные сервисы:
Современные конструкторы достаточно гибкие и функциональные, чтобы сделать приличный лендинг. Кроме того, у них есть ряд важных плюсов, которые имеют особое значение на первых порах работы с одностраничниками.
Преимущества конструкторов
Просто. В конструкторе любой человек сможет сделать лендинг сам без специальных знаний. Хороший сервис сам помогает и даёт подсказки. Там есть шаблоны и готовые продуманные блоки, а адаптация под мобильные делается автоматически.
Быстро. Сайт в конструкторе реально сделать за 1—2 дня. Не надо тратить время, чтобы искать специалистов, объяснять задачу, согласовывать дизайн, регистрировать хостинг. Да и любые изменения вносить гораздо быстрее.
Дёшево. У каждого конструктора есть бесплатные тестовые периоды, а у некоторых и бесплатные версии. Но даже абонентская плата по самому навороченному тарифу не сравнится со стоимостью работы дизайнера и программиста. Минус, правда, в том, что платить придётся регулярно.
Совет
Изучите каждый из этих конструкторов, прежде чем определиться, где делать лендинг. Оцените, насколько удобно работать в сервисе, какие возможности он предлагает, нравятся ли вам шаблоны, подходит ли функционал для создания сайта по вашему прототипу.