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

Источник: блог SendPulse

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

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

• собрать базу для рассылки;
• протестировать идею;
• сделать сайт-визитку;
• создать страницу для события — акции, тренинга, вебинара;
• собрать заявки или продавать товар.

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

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

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

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

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

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

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

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

Сначала найдите популярные запросы в сервисах подбора слов Яндекса или планировщика ключевых слов Google:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создать сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Email рассылки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Здесь мы рассмотрим вариант бесплатного создания лендинга из html шаблона. Кстати, ваш лендинг будет на 100% адаптивным подо все мобильные устройства. А это сегодня важно.

Итак, вот пошаговый план самостоятельного создания лендинга:

И прежде всего давайте скачаем основу для нашего будущего лендинга — готовый профессиональный html шаблон.

#1 — Скачиваем бесплатный html шаблон лендинга

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

То есть все, что вам надо сделать — это найти подходящий html шаблон, и отредактировать его под свои нужды. Что делать с этой страницей потом, мы разберемся ниже. А сейчас — скачайте например вот этот бесплатный шаблон лендинга. С ним мы и будем работать.

#2 — Заменяем картинку на главном экране

Когда скачаете — откройте папку «blue» и внутри вы найдете несколько файлов с расширением html. Кликните два раза на тот, который называется index.html.

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

Теперь нам надо его отредактировать. И удобнее всего это делать с помощью программы Notepad++. Скачайте её и установите себе на компьютер.

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

Укажите размер файла «Большой». Пока для тренировки можете скачать вот это изображение. Мы как будто делаем лендинг для профессиональных юридических услуг.

Теперь копируйте это изображение в папку «images». Поменяйте его название на «banner.jpg». То изображение, которое уже называется «banner.jpg» в этой папке, переименуйте во что-нибудь другое.

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

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

Если все ОК, то переходим к редактированию текста.

#3 — Редактируем текст на главном экране

Кликайте правой кнопкой мыши по файлу «index.html» и выбирайте «Открыть с помощью — Notepad++».

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

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

Сначала поменяем заголовок. Вместо «Alpha» напишем что-нибудь по нашей теме. Напоминаю, что тут мы продаем юридические услуги. Значит можно сформулировать это примерно так: «Срочная подготовка и сдача налоговой декларации для вашего бизнеса». Вставляем этот текст вот сюда, между тегами <h3></h3>:

После этого сохраняем документ, и обновляем лендинг в браузере. Получаем следующее:

Получилось не очень симпатично, потому что заголовок большой, и растянулся на весь экран. Попробуйте после слова «налоговой» вставить тег <br/>. Он сработает как разрыв в предложении, и часть текста перенесется на новую строку. Мне кажется, что так получится лучше.

Далее меняем подзаголовок. Чтобы посетитель сразу получил тот минимум информации, который необходим для заказа — прописываем наши конкретные предложения. Например: «Подготовка и сдача отчетности за 4 рабочих дня. Отчет УСН — от 5400р. ЕНВД без сотрудников — от 2100р.» Вставляем этот текст вот сюда:

Теперь меняем текст кнопок таким же образом. Пишем на белой «Заказать», на прозрачной — «Подробнее».

В итоге у нас получается вот такой главный экран лендинга:

#4 — Затемняем фоновую картинку

Все вроде бы неплохо, но мне, например, кажется, что фон у нас слишком светлый, и белые буквы на нем теряются. Предлагаю наложить более темный фильтр на картинку. Для этого переходим в папку «assets -> css ->images» и меняем названия у двух файлов, которые там расположены.

Более светлый называем, например «overlay2.png», а более темный — просто «overlay».

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

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

#5 — Заменяем форму подписки

Единственное, с чем у вас могут возникнуть сложности — это с формой подпиской в самом низу лендинга. Это надо регистрироваться в каком-нибудь сервисе рассылок, генерировать форму, вставлять её в лендинг и прочее.

Предлагаю решить эту проблему просто — вместо формы подписки укажите ваш телефон. Так вы получите больше конверсий/заказов.

То есть просто удаляйте всю форму и пишите в заголовке ваш номер телефона:

Теперь наш призыв к действию будет выглядеть так:

#6 — Загружаем лендинг на хостинг

Когда шаблон лендинга отредактирован, вам нужно выложить его в интернет. Для этого вы приобретаете домен и хостинг у любого провайдера (например у Reg.ru), и закачиваете вашу страницу на хостинг. Только переименуйте сначала папку «blue» во что-нибудь более подходящее. Например «services». Тогда адрес вашего лендинга будет выглядеть так: yourdomain.ru/services/index.html

После загрузки вы можете сменить расширение html на php. Тогда ваш новый лендинг будет открываться просто по адресу: yourdomain/services/.

#7 — Привлекаем целевую аудиторию

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

Не забудьте скачать мою книгу «Автостопом к миллиону». Там я показываю вам самый быстрый путь с нуля до первого миллиона в интернете (выжимка из личного опыта за 10 лет = )

До скорого!

Как создать крутой лендинг самостоятельно! Лучшие советы

Создаем правильный лендинг пейдж. Речь пойдет о том, как получить максимальную конверсию и теплых клиентов. Мой опыт в 400+ рекламных кампаний дает понимание, что работает в лендингах, а что не очень. Речь пойдет именно о продаже услуг и товаров.

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

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

У меня есть парочка полезных видео по оформлению лендингов и сайтов. Можете их посмотреть — так понятнее и с примерами:

Вот большая история про создание положительного впечатления

Основное при разработке лендинга

Основная задача — разбить базовое негативное впечатление человека и недоверие к рекламе.

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

1. Вам недоверяют очень сильно. Любой недостаток информации воспринимается как подтверждение этой идеи
2. Люди не будут вчитываться в каких то незнакомых негодяев
3. Текст не является доказательством и вообще никак не переубеждает человека
4. Поменять мнение человека (типа искал одно, а вот лучше другое купи) — вообще невозможно.

Доказательствами обратного могут быть фотографии. Желательно каких-то лиц, складов, помещений, клиентов и т.д. Доказать, что вы СУЩЕСТВУЕТЕ и выглядите так, что вам можно доверять.

Пример прекрасных первых экранов, вызывающих доверие. Алексей по внешности чистокровный добрый юрист-профессионал)). Вот вам человек, что вызывает доверие, и основная информация.

А вот вам свирепый адвокат:Поймите, что это — эмоциональный компонент, который воспринимается очень быстро. Они выглядят как люди, которым можно доверять.

Повесь сюда молоток судьи или пачку документов, лендосы моментально станут паршивыми!!! Одна проклятая фотография на первом экране создает крутое впечатление.

Если вы повесили важное фото на 3 экран, то базовое недоверие пополнят безликие первые и вторые экраны. Как-то копится этот эффект недоверия.

Киллер-фича: на каждый экран одностраничника повесьте по одной реальной фотографии:

• фото офиса
• фотографии команды с описанием
• фото рабочих в процессе
• множество реальных фотографий в портфолио, желательно с клиентами
• коротенькие видосы с подписью «вот Люське такую задачу решили — посмотрите как хорошо», а не «НАШИ ВИДЕООТЗЫВЫ»

Портфолио на лендингах

Помимо фотографий на доверие влияют ДОКАЗАТЕЛЬСТВА о вашей компетенции — портфолио, кейсы или отзывы (реальные, в которые поверят!). Человек должен тупо захотеть себе так же, захотеть работать с конторой, которая делает такие высокие результаты. Это качество не заменишь продающими текстами и модным дизайном.

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

Если ко мне приходит клиент с сайтом на шаблоне, да с полотном текста на всю страницу — я советую ему вставить портфолио повыше. Это реально имеет эффект.

Внимание. Просто так отзывы написать не канает — делайте фото, скриншоты с соцсетей, профили людей из вк\инсты, видео — используйте ДОКАЗАТЕЛЬСТВА. Чтоб можно было на крайний случай проверить ваш отзыв. Или чтоб он выглядел так, как будто его где-то реальное лицо написало.

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

Понятливость одностраничника

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

Поэтому, при посещении сайта, важно показать понятную тематическую картинку и яркий, контрастный заголовок, показывающий то, чем вы занимаетесь. (Релевантность ключу в этом плюс — делайте подстановку).

Хороший пример — никакого супер-пупер дизайна. Основная информация, чтобы быстро разобраться. Снизу там куча фото — посмотрите.

И только после соблюдения первых двух условий (картинка и понятная инфа) садитесь писать заголовки по всем техникам, которые вы только знаете.

Информация о товаре

На самом деле, все просто. Если вы используете холодный трафик — рассказываете про то, какую потребность товар закрывает. Если теплый — как он их закрывает, раскройте характеристику товара.

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

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

Вернитесь к скриншотам — посмотрите, что написано на первых экранах. Приоритетная информация.

Чтобы быть читабельным — удаляем текст и включаем дизайнера

Еще одно важное правило — человек не читает полотно текста. Несколько коротких, лакончиных предложений о том, что ОН получит в каждом блоке, не больше.

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

Вот вам перегруз портянками. Да кому надо столько параши через глаза пропускать?

А вот вам положительный пример с детсадом. Это целый экран сайта, а сколько там текста? Чуть-чуть и самое важное + подкреплено фотографиями.

И еще один важный момент.

Сам по себе товар имеет самое жесткое влияние на ваши конверсии

Если у вас ценник такой же или больше, чем у рынка — вам страдать.

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

Если 10 человек продают айфон 5 64гб за 32к, то ни один из них не сможет иметь конверсию в несколько раз больше, чем у остальных. Она будет в среднем на уровне днища, рекламные инструменты тут не спасут.

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

Пару слов про дизайн Landing page

 Дизайн сам по себе ничего никогда не продает.

Если вам что-то советует дизайнер — шлите его в йух. Они только думают, что разбираются. Я раньше сам был таким, пока не увидел, как сайты, сделанные обезьяной в ворде дают конверсию в 10%.

Лично общался с человеком (Александр, привет), который делает все сайты на белом фоне с черным шрифтом, а в итоге конверсия такая, что дизайнеры за сердце схватятся. «Дизайн» в понимании дизайнеров нужен там, где он является доказательством «серьезности» конторы.

Прежде всего, задача дизайна landing page — быть понятным и доносить характеристики товара.

Подводите человека к окну заявки!

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

Оно должно быть ярким и контрастным. Рассказали все о товаре, показали, чем отличается от остальных, показали отзывы, сказали «Оставь заявку!» и показали где ее оставить. Полей для формы должно быть минимум. Как правило, хватает почты и телефона.

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

Структура для простеньких ниш

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

Что должно быть на одностраничнике?

1. На каждом экране по триггеру для доверия. Фотографии, видосы, социальные сети с подписчиками, скриншоты отзывов с соцсетей.
2. В первую секунду понятно, куда попал.
3. Характеристики товара. Все основные качества, не зная которых нельзя сделать выбор.
4. Отзывы, кейсы, вопрос доверия.
5. Ваше предложение должно быть лучше, чем у конкурентов. Никакие реклама и сайт говно не продадут.
6. Пропустили один из 4 предыдущих пунктов и конверсия сайта НОЛЬ.

Пользуйтесь, господа.

Как я могу вам помочь?

Как создать лендинг самому и бесплатно: пошаговая инструкция для начинающих

Performance Marketing основывается на четко и однозначно измеряемых параметрах Мы находим оптимальные решения в любой отрасли! Работаем над правильными KPI

Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подпишись на рассылку и получи книгу в подарок!

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

Для чего нужен лендинг

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

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

Как сделать лендинг пейдж

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

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

Есть и такой вариант — сверстать html-страницу самостоятельно, наполнить ее нужной информацией и ждать потока клиентов. Но и этот вариант подходит далеко не всем — не каждый имеет достаточные познания в верстке и не каждому будет интересно разбираться в этом. Значит ли это, что пора опускать руки и забывать о реализации своих планов? Вовсе нет, ведь на помощь приходит старый добрый Вордпресс.

Создание лендинга посредством WordPress

Несмотря на обилие всевозможных плагинов и тем, позволяющих собрать посадочную страницу, мы выберем один — Free Landing Pages Builder by Wishpond — и рассмотрим, как создать лендинг самому бесплатно — пошаговая инструкция для всех. Мы не будем рассматривать процесс самого создания и запуска сайта, а также установки плагина, поскольку туториалов в Рунете на эти темы представлено предостаточно. Приступим непосредственно к обзору сборки лендинга.

Создание Landing Page с помощью плагина Вордпресс

Первым делом необходимо пройти регистрацию, потому после установки жмем «SIGN UP», далее «STAR TRIAL FREE». Вводим адрес электронной почты, создаем пароль. Кликаем по «NEXT», после чего выбираем создание новой страницы — «NEW LANDING PAGE».

Процесс сборки посадочной страницы выглядит следующим образом:

• Выбираем поле «Landing Page». После чего нам будут даны на выбор темы. Рассмотрите все предложенные варианты и ознакомьтесь с ними с помощью превью. Выбрав наиболее подходящую, кликайте на «Choose Template».
• Экран разделится на две части, подобно тому, как происходит в случае настройки темы: левая сторона монитора представляет собой панель инструментов, правая же отображает получаемый эффект от изменений. Все действия производятся простым перетаскиванием элементов мышью и их вставкой в нужное место. После всех произведенных манипуляций не забываем сохраняться путем нажатия на «Save as draft».
• Отображение изменений можно просмотреть с помощью инструмента «Preview». Данная функция позволяет визуально адаптировать отображения под любые устройства: стандартные мониторы, планшеты, мобильные телефоны.
• Публикация лендинга осуществляется нажатием на «Publish» после проведения всех действий по настройке внешнего вида.
• Даем название нашей странице, а также прописываем метатеги в настройках.

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

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

Плюсы и минусы плагина Free Landing Pages Builder by Wishpond

Преимущества	Недостатки
Легкая настройка блоков, виджетов, дизайна путем перетаскивания мышью. Позволяет преобразовывать одну и ту же страницу в версии, совершенно отличные от исходного варианта	Плагин англоязычный, отсутствует русифицированная поддержка. Что, впрочем, легко решается знанием английского языка на среднем уровне либо помощью сервисов перевода
Множество тем (более двухсот), созданных исключительно для одностраничных сайтов	Хоть плагин и предоставляет бесплатную версию, разбор которой мы привели выше, она несколько ограничена в функционале, и весьма высока вероятность появления необходимости покупки платной версии в дальнейшем
Возможность отслеживания количества посетителей в любых временных интервалах	Приложение тяжеловесно, что скажется на скорости загрузки сайта, однако и данная проблема решается путем оптимизации кода
Удобство управления страницами. Дополнительные всплывающие окна и кнопки анимации

Создание лендинга в конструкторе Wix

Еще один популярный и несложный способ собрать посадочную страницу — воспользоваться конструктором Wix. Именно этот сервер — один из первых в Рунете, который «поймал волну ажиотажа на одностраничники и быстро адаптировал меню под него, потому ничего удивительного нет, что немалая часть русскоязычных лендингов собрана именно на этом конструкторе. Итак, ближе к делу.

Переходим на сайт. Он встречает нас приветливым дизайном.

Жмем «Создать сайт». Появляется форма регистрации, которую можно быстро пройти, благодаря аккаунтам Facebook или Google.

Далее меню предоставляет нам модификации сайтов — мы выбираем пункт «Лендинги».

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

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

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

Общие правила создания лендинга

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

• Создаем запоминающийся логотип — это позволит повысить узнаваемость бренда.
• Заголовок — должен «цеплять» и интриговать потенциального посетителя, но ни в коем случае не отпугивать призывом к немедленной покупке. Пусть лучше он будет информативным и провокационным.
• Информация о компании и контактные данные — предназначены для создания атмосферы доверия для клиента. При наличии конкретного адреса он воспримет вашу фирму как серьезную организацию, а не как очередной сайт-однодневку.
• Данные о товаре или услугах — этот пункт должен совмещать подробное описание продукции, его фото- или видеообзор, а также реальные отзывы клиентов в отдельном блоке или виджете. Не злоупетребляйте шаблонными «Почему большинство выбирает нас» и т.д. — это скучно и не привлекает, используйте воображение.
• Плюсы сотрудничества должны быть представлены конкретным списком преимуществ бренда и покупки товара именно у вас. Никаких пространных рассуждений о том, до чего вы классные ребята. Только сухие факты и характеристики.
• Форма обратной связи или подписка на рассылку позволит вам поддерживать контакт и «добыть» заинтересовавшегося клиента.

Готовим прототип

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

Наполнение контентом

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

• Наполняйте блоки предложениями с различными видами побуждений клиента к действию. Например, один блок предлагает купить товар, значит, пусть второй призывает к заказу обратного звонка или вызову мастера для бесплатного осуществления замеров/предоставления консультации.
• Не усложняйте речевые конструкции, говорите с клиентом на его языке, применяйте разговорную речь (без жаргонизмов).

Ваша страница должна придерживаться параметров маркетингового стандарта AIDAS, где:

A — attention — привлечение внимания посетителя.
I — interest — пробуждение интереса потенциального клиента.
D — desire — разжигание желания.
A — action — побуждение пользователя к действию (покупке, заказу).
S — satisfaction — удовлетворение клиента приобретением и закрепление его для дальнейшего сотрудничества.

Оформление landing page

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

Несколько советов по оформлению:

1. Не допускайте сильных разбросов в цветовой гамме — ваша страница должна привлекать взгляд приятным сочетанием, а не крикливостью красок.
2. Используйте минималистичный стиль, так как это, во-первых, упростит задачу, а во-вторых, согласно исследованиям, повысит доверие пользователя.
3. Не забывайте о структуре сайта — одни блоки (первостепенные) должны привлечь внимание раньше других (второстепенных), находящихся в соподчинении первым. Потому выделяйте их разными цветами и абрисами, задавайте им разные размеры.
4. Соблюдайте дистанцию между блоками и элементами, не позволяйте им слиться воедино.

Подведем итоги

Интернет дал миру огромный потенциал для создания сайтов практически любой тематики и направленности, в том числе и для Landing Page. Потому нет никакой необходимости отдавать деньги веб-студиям и фрилансерам, достаточно покорпеть в настройках и получить на выходе привлекательный и, главное, ни в чем не уступающий студийным или коробочным продуктам лендинг.

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

Не нужно делать «универсальный» лендинг со множеством категорий товаров в надежде охватить весь рынок. Лучшим вариантом будет запуск нескольких параллельных проектов с узкой специализацией.

Создание лендинга самостоятельно бесплатно с нуля

Что нужно знать при создании лендинга

При создании лендинг пейдж с нуля надо знать:

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

• лендинг, который никто не увидел, не принесет ничего. Настройка рекламы – важная часть работы с сайтом.

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

Основы работы над landing page

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

Также нужно помнить, что контраст цветов на странице не должен отвлекать от основной информации. Слишком пестрые «кричащие» сайты уводят внимание читателя в сторону, он устает и уходит с интернет-страницы.

Создание и продвижение лендинга самостоятельно: пошаговая инструкция

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

Лендинги являются составной частью рекламных кампаний определённого товара или предложения с «горячей» ценой, а также используются для привлечения целевой аудитории из источников контекстной рекламы «Гугл Эдвордс», «Яндекс. Директ», социальных сетей и почтовых рассылок.

Что это такое?

Landing Page – это независимая страничка, способствующая:

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

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

Со стороны пользователя Landing Page – это страничка, на которую он попадает после нажатия на изображение, информер, рекламное объявление и прочее. Лендинговая страница совершенно непохожа на интернет-магазин, поскольку для реализации конкретного продукта или проведения рекламной акции оформляется собственная страничка с использованием различных триггеров воздействия.

Разновидности лендинг-пейдж

• Самостоятельный. Это наиболее распространённый вид одностраничного сайта. Его ключевой задачей является подзадоривание пользователя к приобретению продукта/услуги либо совершению любого другого шага, рекомендуемого ресурсом.
• Микросайт. Это сайт (чаще всего отдельно от основного) максимум на 5 листов, включающий в себя сведения о товаре либо услуге.
• Основной портал. В качестве посадочной применяется одна и больше страниц ресурса.
• Лендо-сайт. Он представляет собой портал, целиком состоящий из самостоятельных целевых страничек.

Способы создания Landing Page

Лендинг можно сделать несколькими способами:

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

• Помощь профессионалов. Задачу по созданию и SEO-продвижению лендинг-пейдж можно делегировать. К примеру, контент заказать у копирайтера, оформление – у дизайнера, а интеграцию с движком – у разработчика программного обеспечения. При этом на предприятии должен быть маркетолог, способный осуществлять контроль проекта на всех его стадиях. К плюсам такого способа относится в первую очередь низкая стоимость и отличный результат, поскольку каждый этап будет выполнять профессионал. К минусам можно причислить то, что высок риск неправильного подбора экспертов.
• Специализированные агентства. Этот метод создания лендинг-пейдж предполагает обращение в организацию, которая все задачи возьмёт на себя: изучение конкурентов, подбор концепции, составление рекламной кампании, уладит все задачи по интеграции и реализует проект. От заказчика лишь потребуется заполнить бриф на разработку, а созданием и продвижением лендинга под ключ займётся организация. К плюсам сотрудничества с агентством относятся результативность и экономия времени, из минусов – сравнительно высокая стоимость.
• Штатные сотрудники, которые будут отвечать за оформление и продвижение лендинга. Это очень затратный, но в то же время действенный способ. Своя команда, состоящая из копирайтера, дизайнера, разработчика программного обеспечения и маркетолога, сможет в полной мере воплотить и продвинуть проект.

Можно ли самостоятельно оформить Landing Page

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

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

Можно ли сделать лендинг бесплатно

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

• Создать лендинг-пейдж можно на сайте setup.ru после простого процесса регистрации.
• С помощью программного продукта Adobe Photoshop.
• Воспользоваться конструктором KompoZer.

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

Оптимизация лендингов

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

Структура одностраничника не позволяет выполнить качественную внутреннюю оптимизацию в привычном понимании, то есть «заточить» интернет-ресурс под запросы поисковиков. Решить эту проблему позволила вёрстка от Google с применением JavaScript и способа PushState.

Что для этого нужно?

Для оптимизации лендинга необходимо выполнить следующее:

• Лендинг разбить на несколько блоков.
• Каждый из них должен иметь собственный оригинальный индикатор, текстовку, наименование, заголовок и URL.

Другими словами, блоки должны обладать теми же свойствами, которые есть у любой отдельной страницы полноценного портала. В этом случае робот будет расценивать посадочную страницу как несколько уникальных. Посетители этот момент вряд ли уловят, только наиболее бдительные заметят, что в процессе скроллинга в строке меняется URL и title. Но тут следует понимать, что для осуществления этих действий потребуются определённые познания в сфере SEO и вёрстки с JavaScript.

SEO-продвижение лендинга

Как сделать популярной созданную страницу? Продвижение лендинга в поисковых системах или SEO своими силами – вполне выполнимая задача, несмотря на то, что зачастую случается слышать, что поисковые системы плохо относятся к одностраничным сайтам. На самом деле всё не совсем так. Если страница соответствует определённым условиям и будет содержать максимальное количество информации о реализуемом продукте/услуге, то можно добиться отличных результатов СЕО-продвижения лендинга.

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

Что нужно делать?

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

• Основа успешной Landing Page – содержимое. То есть описание продукта должно содержать определённую информацию для пользователя: детали, фотографии, видеообзор, отзывы и прочее.
• Продвижение лендинг-пейдж с помощью ссылочной массы. Для прокачки одностраничного сайта потребуется ссылочная масса, которую можно приобрести на других ресурсах. Численность ссылок будет зависеть от конкурентоспособности реализуемого продукта, а также от региона, количества соперников на рынке и прочего. Отличный способ заявить о себе, а также получить ссылочную массу с других ресурсов – это поместить на них обзор вашего товара. Для этого существуют специальные инструменты и сервисы. Другой вариант (более трудоёмкий, но в то же время интересный) – самостоятельно искать веб-сайты похожей тематики и обращаться непосредственно к администраторам с пожеланием разместить у них вашу информацию. Безусловно, делается это за вознаграждение. В обзор необходимо вставить несколько ссылок на сайт. Если подобранные ресурсы пользуются популярностью, то с них легко можно получить поток посетителей, которые в последующем могут стать клиентами. Этот способ раскрутки является самым удачным и естественным. Вы приобретаете так называемые вечные ссылки, за которые платите единожды, обеспечивая при этом Landing Page целевым трафиком.

• Альтернативный вариант – арендные ссылки. Сайты ставят такие ссылки только на тот период, который был оплачен. Их преимущество заключается в доступности по цене, однако за применение такого метода раскрутки к лендингам могут применяться серьёзные санкции.

Внутренняя оптимизация Landing Page

В сущности, посадочная страница – это место, куда будут попадать пользователи изо всех источников привлечения: поисковые системы, рекламные объявления, тематические ресурсы и прочее. Следовательно, очень важно оптимизировать её не только для поисковых машин, но и для людей. Что для этого нужно? Как не уступать конкурентам? Нужно придерживаться следующих правил:

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

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

Результат и эффективность

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

15 отличных примеров целевых страниц, которые вас вдохновят

В своих последних двух сообщениях я говорил о двух продуктах, которые упрощают создание целевых страниц: LeadPages и Thrive Content Builder.

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

Может быть, немного вдохновения для целевой страницы?

Итак, я решил потратить несколько часов на поиск в сети и попытаться найти отличных примеров целевых страниц .

Я обнаружил, что есть много красивых целевых страниц и много не очень хороших.

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

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

Обратите внимание, что на одном снимке экрана сложно передать всю суть целевой страницы.Щелкайте по ссылкам, чтобы увидеть каждую целевую страницу так, как она задумана.

FoodTruckr

FoodTruckr — результат чрезвычайно успешной серии игр Niche Site Duel 2.0 Пэта Флинна. По сути, это нишевый сайт, который он создал для владельцев Food Truck.

На сайте продается созданная им книга под названием How to Start a Food Truck: The Definitive Guide , и для ее продажи он создал красивую длинную целевую страницу с чистым плоским дизайном, который соответствует стилю его бренда.

Социальные триггеры

Social Triggers — это маркетинговый блог, который ведет Дерек Халперн.

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

Киссметрики

Kissmetrics — это компания, основанная Нилом Пателем из компании QuickSprout. Они продают продукт веб-аналитики, который помогает вам анализировать воронки продаж.

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

Slack

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

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

Блог Тиран

Я регулярно читаю BlogTyrant, и Рэмси собрал отличный пример целевой страницы блога.

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

Однако основное внимание на целевой странице уделяется его форме подписки по электронной почте, к которой вас привлекает фотография, на которой он сидит на диване снаружи.

Wunderlist

Wunderlist — мое любимое приложение со списком Todo. Мне нравится, как он синхронизирует мои задачи на всех моих устройствах.

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

Типовой комплект

Typekit — это служба Adobe на основе подписки, которая позволяет клиентам встраивать шрифты в свои веб-сайты и онлайн-документы.

Целевая страница Typekit довольно уникальна тем, что представляет вещи с помощью динамического наведения мыши.

Рафаль Томал

Рафаль Томаль — ведущий дизайнер Copyblogger. Его личная целевая страница отличается исключительно чистым и минималистичным дизайном.

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

Гитарные трюки

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

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

DropBox

DropBox, вероятно, самый популярный сервис для синхронизации ваших файлов с облаком.

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

GetResponse

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

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

FourHourWorkWeek

Четырехчасовая рабочая неделя — это образ жизни, популяризированный Тимом Феррисом и его одноименной книгой.Tim — очень известный бренд с большим влиянием в этой сфере.

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

Death To The Stock Photo

Death To The Stock Photo — популярный сайт, предлагающий бесплатные ежемесячные пакеты стоковых фотографий, которые можно использовать где угодно. У них также есть премиальное предложение, которое предлагает доступ ко всей их библиотеке стоковых фотографий и дополнительный бонусный ежемесячный пакет фотографий.

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

Оккупид

Okcupid — один из самых популярных бесплатных сайтов знакомств в сети.

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

.

Анатомия целевой страницы [Включает иллюстрации]

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

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

Мы вас поймаем.Но здесь действует старая максима:

Хорошо знайте правила, чтобы эффективно их нарушать.

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

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

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

Щелкните здесь, чтобы увидеть полноразмерную версию анатомической иллюстрации (открывается в новой вкладке).

Компоненты целевой страницы

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

1. Уникальное торговое предложение (УТП)
2. Главное изображение или видео
3. Преимущества вашего предложения
4. Некоторая форма социального доказательства
5. Единая цель конверсии (или ваш призыв к действию)

1. Ваше уникальное торговое предложение (USP)

Ваше уникальное торговое предложение — это то, что выделяет ваш продукт или услугу среди конкурентов.Это ответ на назойливый вопрос: «Что делает это предложение таким особенным?» Не зацикливайтесь на «уникальности». Думайте о своем USP как о том, как вы позиционируете свое предложение как отличающееся от (и лучше!) От всех остальных.

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

1a.Основной заголовок

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

Вот отличное письмо от клиента Unbounce:

1b. Вспомогательный заголовок

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

1. Он может действовать как , прямое продолжение заголовка , по сути завершая мысль. (Однако заголовок должен стоять сам по себе.)
2. Или он может предложить дополнительную ценность или передать вторичное убедительное сообщение, которое все еще связано с вашим заголовком.

1с. Подтверждающее заявление (необязательно)

Если ваша целевая страница длинная, имеет смысл напомнить посетителям о вашем УТП с помощью подкрепляющего заявления посередине страницы.

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

1д. Заключительное заявление (необязательно)

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

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

2. Изображение-герой

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

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

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

3. Преимущества

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

В чем разница? Характеристика — это конкретное качество вашего продукта или услуги, а преимущество описывает положительное влияние, которое эта функция оказывает. (Вот простой пример: лимонад, который вы продаете, может быть ледяным, но то, что он держит вас прохладным в жаркий день, является преимуществом.)

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

1. « Keep cool с ледяным ледяным Sunshine Lemonade ».
2. «Вы можете создавать целевые страницы самостоятельно , без помощи разработчика, используя конструктор перетаскивания Unbounce ».

4. Социальное доказательство

Проще говоря, социальное доказательство — это влияние людей вокруг нас на решения, которые мы принимаем . Это причина, по которой все внезапно покупают Instant Pot, или почему вы можете пожалеть о татуировке клана WuTang, на которую вас уговорила Синди.

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

1. Прямые цитаты от клиентов
2. Примеры из практики (или ссылки на тематические исследования)
3. Видео-интервью или отзывы
4. Логотипы компаний-клиентов
5. Просмотрите оценки с таких сайтов, как Yelp, Amazon или Capterra

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

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

ПРОФЕССИОНАЛЬНЫЙ СОВЕТ. Обязательно сделайте свои отзывы намного более убедительными, включив в них настоящие имена клиентов и фотографии вместо стоковых фотографий и вымышленных имен.

5. Цель конверсии (ваш призыв к действию)

И последнее, но не менее важное: целевая страница должна быть ориентирована только на одну цель конверсии — иначе это не будет целевая страница (см. Предыдущий раздел).Вашему посетителю это представляется как призыв к действию (CTA), который может быть либо отдельной кнопкой на странице перехода, либо формой на целевой странице, предназначенной для привлечения потенциальных клиентов.

Существуют всевозможные дополнительные ресурсы по созданию оптимальных CTA, но вот три основных правила, с которых можно начать:

1. Избегайте пустого текста на кнопках, такого как «НАЖМИТЕ ЗДЕСЬ» или «ОТПРАВИТЬ». Используйте разговорный язык и сообщите вашим посетителям, что они получат за свои драгоценные клики («НАЧАТЬ БЕСПЛАТНЫЙ ПРОБНЫЙ ПЕРИОД» или «ПОЛУЧИТЬ СКИДКУ 50% НА СВОЮ ПОКУПКУ»).
2. Делайте формы как можно короче и включайте заявление о конфиденциальности, чтобы гарантировать безопасность данных (и соответствие правилам GDPR).
3. Поскольку небольшие различия могут иметь большое влияние на коэффициент конверсии, CTA всегда являются хорошими кандидатами для A / B-тестирования. Вы можете прочитать об этом здесь.

Итак, как я могу использовать целевые страницы?

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

.

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарий *

Имя *

Email *

Сайт