Лендинг – универсальный сайт, который позволяет реализовать ряд бизнес-целей. Кто-то выбирает его для продвижения 1-2 продуктов, событий, кто-то – как источник для привлечения клиентов на услуги, а кто-то через однострачник запускает полноценный интернет-магазин. Но алгоритм действий при всем этом разнообразии одинаковый, начиная с выбора , заканчивая выведение его в ТОП позиции поисковых систем. Какой именно алгоритм? Разберем в этом материале.
Шаг 1. Создаем приблизительную структуру лендинга
Если вы уже думаете о том, как запустить лендинг, то наверняка уже определились с нишей, имеете проект или думаете над началом бизнеса. Поэтому эти шаги мы упускаем.
Что имеется в виду под структурой? Это то, каким образом будут размещены блоки в лендинге. Например, вторым будет блок о вашей компании или вас как эксперта или описание услуг, проекта? А отзывы будут или нет? А лого компаний-партнеров? А что точно будет, а чего точно не будет? Вот на эти вопросы вам нужно ответить на данном этапе. И что немаловажно – структуру нужно соотнести с воронкой продаж или путем клиента.
Вот пример классической структуры лендинг шаблонов:
- Первый экран с заголовком, подзаголовком, кнопкой или кнопками с призывом к действию, лого компании.
- Краткий рассказ об эксперта или компании.
- Кратко о продукте или услугах с кнопками СТА.
- Описание преимуществ эксперта, компании.
- Описание самого оффера (может быть на 2-3 блока) обязательно с призывами купить, заказать.
- Триггерные блоки с акциями, социальными доказательствами (отзывы), кейсами, таймером обратного отсчета.
- FAQ.
- Лид-магнит.
- Контакты – ссылки на соцсети, почта, телефоны, адрес и другое.
- Подвал.
Шаг 2. Создаем прототип лендинга
Прототип – это уже визуальное отражение структуры одностраничника. Имея прототип, проще искать лендинг шаблоны, продумывать контент и в принципе работать с сайтом.
Выглядит прототип как схема, где квадраты, прямоугольники – картинки или видео, линии – текст, точки и линии – списки и т.д.
Прототип можно нарисовать на бумаге от руки, можно – сделать в приложении. Оба варианты отличные, выбирайте, как вам удобно.
Если вы за разработку прототипа лендинг шаблона в приложении, обратите внимание на такие сервисы:
- Omnigraffle;
- ConceptDrawPro;
- Pidoco;
- BalsamiqMockups;
- moqups.com.
Шаг 3. Выбираем платформу, где будем создавать лендинг
Лучше и удобнее всего создавать лендинг шаблоны в конструкторах. Они интуитивно понятные, такие сайты не нужно верстать, там есть много референсов для вдохновения или анализа своего макета. Рекомендуем рассматривать Tilda, Wix или LPGenerator.
Если конструктор вам не подходит, выбирайте движок. Для одностраничника лучше всего подходит WordPress. Под эту CMS есть лендинг шаблоны разного уровня сложности, качества и под разные тематики. А еще у этого инструмента множество плагинов, которые позволяют улучшить юзабилити сайта, и видеоуроков в свободном доступе. Если сами не разберетесь, с видео на Ютуб точно все получится.
Шаг 4. Выбираем лендинг шаблоны под свой проект
Выбирать лендинг шаблоны важно по таким критериям:
- Соответствие вашему прототипу. Обычно сложно найти шаблон, который бы на 100% соответствовал желаемой структуре. Но их можно редактировать (как отдельные элементы, так и целые блоки), поэтому проще искать что-то максимально похожее.
- Соответствие нише. Почему это важно? Потому что так есть шансы бесплатно получить фотоконтент для своего сайта. А еще это возможность получить какие-то фишки, инструменты, важные в вашей нише, о которых вы могли не догадываться на этапе обдумывания структуры.
- Цветовые решения. Кнопки с призывами к действию должны отличаться от всего визуального оформления и выделяться, привлекать.
- Типографика. Нормальное явление – когда один шрифт – для заголовка на первом экране, другой – для заголовков блоков, третий – для основного текста.
- Наличие разных фишек, вроде виджетов, лид-форм.
Шаг 5. Готовим наполнение лендинга
Лендинг шаблоны рассмотрели, один выбрали, значит, готовим наполнение. Вот о чем важно позаботиться:
- Тексты для всех блоков. В текстах важно использовать триггерные фразы, писать меньше воды и больше по сути. Обязательно проверить их на отсутствие различных ошибок.
- Фото, картинки. Можно поискать на фотостоках. Те, что есть бесплатно, не советуем использовать. Лучше заплатить пару долларов и получить качественные картинки, которые не в каждом лендинге. Если продаете физический товар, лучше провести фотосессию.
- Видео. Тут уже по желанию. Можно в видео показать продукт или отзывы подать через этот формат.
Шаг 6. Создаем сам лендинг, наполняем его данными
На этом этапе у вас уже должны быть и тексты, и фото, и видео.
Теперь подключаем макет, который вы выбрали среди множества лендинг шаблонов, к движку или конструктору. Загружаем все тексты, фото, подгоняем их по размерам, пробуем разные решения, размещения и выбираем лучшее.
После обязательно тестируем, все ли блоки, тексты, картинки в правильной последовательности, все ли работает, нормально смотрится.
Шаг 7. Подключаем домен
Для этого нужно зарегистрироваться на сайте, который позволяет выбрать доменное имя среди свободных, оплатить его и подключить. Один из самых популярных сервисов –site.nethouse.ru.
Обычно, подключение занимает 1 день. Для него нужны паспортные данные и черновой вариант сайта.
Шаг 8. Подключаем дополнительные функции
Под дополнительными функциями имеет в виду виджеты, лид-формы, почту, страницы благодарности и т.д.
Что важно подключить:
- Почту. В контактах все равно придется указывать какой-то почтовый ящик для связи. Создайте его, привяжите к сайту, протестируйте.
- Лид-формы или контактные формы. Информации с них должна где-то храниться. Чаще всего это Гугл Диск. Можете создать почту на gmail (там есть функция подключения корпоративной почты) и на этом аккаунте собирать все ответы с Гугл Форм.
- Виджеты. Достаточно разместить значки соцсетей, добавить к ним ссылки на свои страницы и указать где-то на сайте.
- Онлайн-чат или сервис обратного звонка. Это на случай, если клиенту нужно будет оставить запрос ночью или другое нерабочее время. Также этот инструмент воспринимают как возможность быстро что-то узнать или решить какую-то проблему.
- Системы аналитики. Зависит от того, где планируете продвигать сайт. Если это Гугл, то подключайте Гугл Аналитику, если Яндекс – Яндекс Метрику. Это важно, чтобы знать, откуда приходит трафик, какой его объем, какая динамика показателей.
Шаг 9. Задаем SEO-настройки
Это то, что поможет вам в SEO-продвижении своего лендинга. Важно, чтобы были Title, Description, Keywords. Также, если у вас не одна страница, чтобы была нормальная структура сайта – иерархическая, где первая страница – главная, остальные – субстраницы.
Шаг 10. Тестируем и продвигаем лендинг
Тестируем, чтобы выявить проблемные зоны.
Чаще всего проблемы бывают такими:
- не работают лид-формы (не приходят ответы на них);
- не работают виджеты (если на них нажать, перебрасывает либо на главную, либо ничего не происходит);
- не работают кнопки с призывами к действию (или ведут не на ту страницу, не тот блок);
- слишком много виджетов, которые больше мешают, чем помогают ориентироваться на странице;
- ошибки в текстах;
- неправильное размещение картинок;
- картинки, которые обрезались;
- нерабочая адаптивная (часто мобильная) версия.
Тестируйте, исправляйте, снова тестируйте и так, пока не убедитесь, что все работает отлично и можно активно заниматься продвижением сайта.
Создать лендинг можно как за день, так и за 2-3 недели. Рекомендуем не спешить и потратить на это 5-7 дней, из которых 3-5 дней на создание и наполнение страницы, 1-2 дня на тестирование.
Не бойтесь пробовать разные , анализа, улучшения своего сайта. Ведь только так можно добиться желаемых результатов!
