Как сделать лендинг самому — пошагово и честно
Лендинг кажется самым простым форматом сайта — одна страница, готовые блоки в конструкторе. Отчасти так и есть. Но я регулярно вижу самодельные лендинги, которые технически «готовы», а заявок не приносят. Разница почти всегда не в дизайне, а в структуре и оффере. Расскажу, как собрать лендинг правильно и где обычно теряется конверсия.
Лендинг — это не «страница», а воронка на одном экране
Главная ошибка при самостоятельной сборке лендинга — относиться к нему как к красивой визитке. На самом деле лендинг — это последовательность аргументов, которая ведёт человека от «зашёл случайно» до «оставил заявку». Каждый блок должен либо снимать сомнение, либо усиливать желание оставить контакт. Если блок не делает ни того, ни другого — он не нужен.
Прежде чем открывать конструктор, ответьте на три вопроса — письменно, хотя бы в заметках:
- Одно действие. Что именно должен сделать посетитель — оставить заявку, позвонить, купить? Если действий несколько (и позвонить, и в мессенджер, и заказать), внимание распыляется и конверсия падает.
- Один оффер. Чем вы лучше или отличаетесь от того, к кому человек пойдёт, если не к вам? «Мы качественно делаем ремонт» — не оффер, это может сказать кто угодно.
- Кто читает. Человек, который сравнивает пять компаний, и человек, который уже решил и выбирает из двух, — им нужны разные аргументы и разный объём текста.
Когда меня зовут пересобрать лендинг «который не работает», в девяти случаях из десяти дизайн там нормальный. Проблема в первом экране: там либо нет конкретного предложения, либо непонятно, что нужно сделать дальше. Люди уходят за первые 5 секунд не из-за цвета кнопки, а потому что не поняли, зачем им сюда попали.
Конструктор или готовый шаблон
Для лендинга, в отличие от многостраничного сайта, конструктор — почти всегда правильный выбор для самостоятельной сборки: структура простая, блоки типовые, а скорость важнее гибкости.
| Вариант | Порог входа | Скорость | Когда подходит |
|---|---|---|---|
| Конструктор Tilda, Creatium |
Низкий, без кода | 1-2 дня на сборку | Стандартный лендинг-услуга: оффер, блоки, форма. Подходит почти всегда для самостоятельной сборки |
| Готовый шаблон купленный или бесплатный HTML |
Средний, нужна базовая правка кода | Часы, если шаблон подходит | Если умеете немного в код и хотите избежать аренды тарифа |
| С нуля на коде | Высокий | Недели без опыта | Практически никогда не оправдано для одностраничника — переплата времени за то, что не влияет на конверсию |
Держите в голове: посетитель лендинга не оценивает, на чём он сделан. Он оценивает, отвечает ли страница на его вопрос за разумное время. Поэтому не зацикливайтесь на инструменте — зацикливайтесь на структуре, о которой ниже.
Порядок, который реально работает
Это не единственно верная схема, но рабочий каркас, который закрывает путь от «не знаю вас» до «оставляю заявку». Меняйте под свою задачу, но не выбрасывайте блоки без замены.
- Первый экран — оффер и действиеЧто вы предлагаете, кому и одна кнопка. Без «прокрутите вниз, чтобы узнать больше» — решение должно быть возможно уже здесь.
- Боль или задача клиентаОпишите ситуацию, с которой к вам приходят, его словами, а не своими профессиональными терминами.
- Что вы делаете и какКоротко, по пунктам — что входит в услугу или продукт, без длинных абзацев.
- Выгоды, а не характеристикиНе «используем качественные материалы», а «ремонт служит дольше, меньше ремонтируете повторно».
- ДоказательстваКейсы, отзывы, цифры, фото работ. Это блок, который чаще всего слабый на самодельных лендингах — не экономьте на нём.
- Цены или тарифыДаже примерный диапазон снимает сомнение «а вдруг это не по карману» и отсекает нецелевые заявки.
- Частые вопросыЗакрывайте реальные возражения, которые вам задают в переписке — это готовый список тем.
- Форма заявкиМинимум полей. Каждое лишнее поле — часть людей, которые не дозаполнят форму.
Как это собрать по факту
- Домен и тариф конструктора. Своё имя на латинице плюс платный тариф — без него нельзя убрать чужую рекламу с поддомена. Нюанс: не жалейте времени на выбор адреса — короткое запоминающееся имя проще произнести и написать, если о вас узнают из рекомендации.
- Соберите каркас блоков из раздела 03, в этом порядке. Нюанс: сначала расставьте блоки-заглушки со всеми заголовками, и только потом наполняйте текстом. Так проще увидеть логику целиком.
- Напишите оффер и текст первого экрана в последнюю очередь, когда весь остальной текст готов. Нюанс: звучит нелогично, но так проще: сформулировать главную мысль легче, когда вы уже прописали все аргументы ниже.
- Подберите доказательства. Реальные фото, цифры, отзывы — просите у клиентов, даже если их пока мало. Нюанс: один настоящий отзыв с именем и фото сильнее пяти абстрактных «отличный сервис».
- Настройте форму и проверьте её. Отправьте тестовую заявку себе на почту или в Telegram. Нюанс: самая частая техническая беда лендинга — форма стоит, но письма не доходят, а владелец узнаёт об этом через месяц по нулевым заявкам.
- Проверьте на телефоне. Больше половины трафика на лендинги, особенно из рекламы, приходит с мобильных. Нюанс: кнопка формы должна быть видна без лишней прокрутки, а текст — читаться без увеличения.
- Заполните SEO-поля и подключите Метрику. Заголовок страницы, описание, счётчик аналитики. Нюанс: даже для лендинга под рекламу это важно — без Метрики вы не увидите, докручивать конверсию или трафик.
Что чаще всего убивает конверсию
Это не список «на всякий случай», а то, что я вижу почти в каждом самодельном лендинге, который зовут переделать:
- Оффер размыт. «Профессионально и качественно» — это не отличает вас ни от кого.
- Слишком много действий. Кнопка «позвонить», кнопка «в мессенджер», форма внизу — человек теряется, что из этого сделать.
- Нет доказательств или они не настоящие. Стоковые лица в разделе «отзывы» считываются мгновенно и подрывают доверие ко всему остальному.
- Длинная форма. Имя, телефон, e-mail, город, комментарий — часть людей просто не дойдёт до конца.
- Цена скрыта наглухо. Полное отсутствие ориентира по цене отсекает тех, кто был готов заявку оставить, но не готов «узнавать в переписке».
- Медленная загрузка. Особенно критично для трафика из рекламы — за клик уже заплачено, а страница не успевает открыться.
Отдельно про формат: если у вас несколько разных услуг или сложная структура предложения, лендинг — не тот инструмент. Тогда лучше подходит сайт-визитка или полноценный сайт — разницу форматов я разбирал в статье лендинг или сайт.
Сколько это стоит и когда заказать
Самостоятельно: домен (200-1000 ₽/год) плюс тариф конструктора (обычно 500-1500 ₽/мес). Ощутимая статья расходов — время: реалистично неделя вечеров у новичка, если делать по-честному, с текстами и доказательствами, а не просто расставить блоки.
Разница с многостраничным сайтом в том, что здесь цена ошибки выше: лендинг почти всегда работает вместе с рекламой, и слабая структура означает, что вы платите за клики, которые не превращаются в заявки. Подробный разбор того, от чего складывается цена, — в статье сколько стоит лендинг.
Если это тест идеи или разовый проект без бюджета на рекламу — собирайте сами, это нормальная и оправданная задача. Если лендинг будет работать с платным трафиком и должен окупать рекламный бюджет — здесь структура и оффер напрямую влияют на деньги, и заказ под ключ обычно окупается быстрее, чем недели самостоятельных доработок.
Я делаю лендинги под ключ — от оффера и структуры до готовой формы заявок, разово от 20 000 ₽. Можно начать с описания задачи, и я подскажу, подойдёт ли вам лендинг или лучше другой формат — например, сайт под ключ.
Коротко о главном
Чем лендинг отличается от обычного сайта?
Лендинг — это одна страница, целиком заточенная под одно действие: заявку, звонок, покупку. Обычный сайт — это несколько разделов для разных задач: услуги, каталог, блог, о компании. Лендинг проще и быстрее сделать, но он не подходит, если у бизнеса много разноплановых услуг, которые нужно показать по отдельности.
Сколько блоков должно быть на лендинге?
Универсального числа нет, но рабочий минимум — 6-8 блоков: первый экран с оффером, проблема или боль клиента, что вы предлагаете, выгоды, доказательства, цены или тарифы, ответы на частые вопросы и форма заявки. Меньше — не хватает аргументов для решения, больше — начинает утомлять и снижает конверсию.
Можно ли сделать лендинг бесплатно?
На бесплатном тарифе конструктора и поддомене вроде name.tilda.ws — технически да. Но для бизнеса это плохой вариант: чужая реклама на странице, несолидный адрес, слабое SEO. Минимально рабочий вариант — свой домен (от 200-1000 ₽ в год) и платный тариф конструктора, это уже не бесплатно, но недорого.
Сколько времени займёт создание лендинга самостоятельно?
Собрать каркас из готовых блоков конструктора можно за один-два вечера. Но если считать честно — с написанием продающих текстов, подбором доказательств и настройкой формы — реалистичный срок для новичка обычно неделя. Дольше всего обычно уходит не на сборку, а на формулировку оффера и подбор доказательств.
Когда лучше заказать лендинг, а не делать самому?
Если лендинг должен реально приносить заявки, а не быть визитной карточкой для теста идеи — качество структуры, текста и скорости загрузки напрямую влияет на конверсию и стоимость рекламы. В этом случае заказ под ключ обычно окупается быстрее, чем кажется: разово от 20 000 ₽ против недель на пробы и переделки и худшей отдачи от рекламного бюджета.