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