Landing page: что делает лендинг продающим

Два одинаково аккуратных лендинга

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

Рядом другой лендинг — визуально проще, местами даже слегка неуклюжий по вёрстке. И он стабильно приносит обращения каждую неделю.

Разница между ними не в дизайне. Она в том, доводит ли последовательность блоков человека от «увидел рекламу» до «оставил заявку», или страница просто демонстрирует, что у компании есть сайт. Дизайн — упаковка. Продаёт то, что внутри: аргументы, порядок, в котором они появляются, и то, успевает ли страница снять сомнение раньше, чем оно закрепится у человека в голове.

Дальше — не про то, как сделать красиво. Про механику, которая превращает landing page в инструмент для заявок, а не в визитку с картинками.

Что вообще значит «продающий лендинг»

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

Продающий лендинг делает четыре вещи одновременно:

• Попадает в мотивацию именно той аудитории, которая приходит по рекламе
• За несколько секунд объясняет суть предложения без необходимости читать весь текст
• Снимает конкретные сомнения — не абстрактное «доверие», а реальные возражения этой аудитории
• Подводит к одному понятному действию, а не распыляет внимание на пять разных кнопок

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

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

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

Слабый оффер — самая частая причина. Не «мы делаем сайты», а конкретное предложение с понятной выгодой и сроком. Формулировка уровня «профессиональные услуги» ничего не говорит человеку, который сравнивает вас ещё с пятью открытыми вкладками в браузере.

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

Блоки стоят в порядке, который логичен для владельца бизнеса, но не для читателя. Например, раздел «О компании» идёт сразу после заголовка — раньше, чем объяснение, что вообще продаётся. Это интересно вам, но не человеку, который ещё не понял, зачем ему вообще читать дальше.

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

Нет доказательств, только утверждения. «Мы лучшие» и «нам доверяют» — это заявления. Конкретный кейс с цифрой, скриншот переписки, ссылка на отзыв на независимой площадке — это доказательство. Разница для читателя огромная, хотя по объёму текста может быть одна и та же строчка.

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

Первый экран: что нужно понять за пять секунд

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

Три элемента первого экрана должны работать вместе: заголовок отвечает на вопрос «что вы предлагаете», подзаголовок снимает первое уточнение или сомнение, а CTA даёт понятное следующее действие. Визуал и социальное доказательство — фотография, цифра, короткая метка вроде «20+ проектов» — усиливают, но не заменяют текст.

Слабый заголовок обычно звучит красиво, но ни о чём не говорит: «Психологическая помощь онлайн». Формально верно, но так может называться и бесплатный чат поддержки, и курс по медитации, и платная консультация с дипломированным специалистом. Сильнее звучит конкретика: «Помогаю справиться с тревогой и паническими атаками без многолетней терапии» — здесь понятна проблема, аудитория и обещанный формат.

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

Отличие оффера от красивого слогана простое: слоган можно вставить на сайт конкурента без единой правки, а оффер — нет, потому что он завязан на конкретную выгоду и конкретную аудиторию. «Мы создаём цифровые решения будущего» подходит кому угодно. «Готовый сайт под заявки за 5–7 дней, фиксированная цена» — подходит только тому, кто реально так работает.

Логика лендинга — путь вопросов пользователя

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

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

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

Структура, которая обычно работает

Универсальной формулы не существует, но есть рабочий базовый порядок, от которого стоит отталкиваться, если нет причины его менять: первый экран, проблема или контекст, решение, преимущества, как работает услуга, кейсы и результаты, о компании или специалисте, стоимость и формат работы, работа с возражениями, FAQ, финальный CTA.

Это не жёсткий чек-лист, а логика по умолчанию. Причины отойти от неё есть, и они конкретные. Если аудитория уже хорошо знакома с проблемой — например, приходит с рекламы, где боль уже названа в объявлении, — блок «проблема» можно сократить до одной строки или убрать вовсе, чтобы не терять время читателя на то, что он и так знает. Если продукт совсем новый и рынок ещё не понимает, зачем он нужен, блок проблемы, наоборот, стоит расширить и поставить раньше решения.

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

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

Два вопроса, где нет одного правильного ответа

Короткий лендинг или длинный

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

Подход №1. Короткий лендинг продаёт лучше, потому что человек не готов читать длинную страницу, особенно с телефона и особенно если пришёл по рекламе с холодным трафиком и минимальным намерением. Каждый лишний экран — точка, где часть аудитории уходит.

Подход №2. Длинный лендинг продаёт лучше, потому что дорогому или сложному продукту нужно больше аргументов, а не меньше. Человек, который выбирает между вариантами за 300 000 рублей, не примет решение по одному экрану с заголовком и кнопкой — ему нужны кейсы, детали процесса, ответы на возражения, которые в принципе не помещаются в короткий формат.

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

Показывать цену или скрывать

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

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

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

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

Как это выглядит на практике

Психолог

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

Стоматология

Здесь на первый план выходят не абстрактные преимущества, а конкретика: фотографии врача и клиники, реальные кейсы с «до / после», цена «от» на ключевую процедуру и понятные этапы лечения. Блок «Почему выбирают нас» с обтекаемыми фразами про «внимательное отношение» работает слабее, чем один конкретный кейс имплантации с ценой и сроком — потому что решение об операции связано с доверием к конкретному врачу, а не к абстрактной клинике.

B2B-услуга

Для дорогой B2B-услуги лендинг почти всегда требует большего объёма аргументации, чем для розничного продукта. Решение здесь редко принимает один человек за пять секунд — обычно нужно показать материалы кому-то ещё внутри компании, а значит, страница должна работать и как самостоятельный документ: понятные этапы работы, условия, конкретные результаты по цифрам, если они есть и подтверждены, ответы на типичные возражения закупщика.

Техническая часть, о которой часто забывают

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

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

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

Прототип и структура обычно собираются в Figma до того, как переходить к реализации — так проще менять порядок блоков, ничего не переверстывая. Дальше сама реализация: я делаю лендинги на Tilda, но не через готовые блоки конструктора, а через Zero Block с собственным кодом — про разницу между «конструктором для новичков» и рабочим инструментом на Tilda я отдельно писал в статье про разработку сайтов на Тильде. Это даёт контроль над структурой и адаптивом, которого не получить из стандартных блоков.

Финальный шаг — A/B-тестирование, но не с первого дня. Сначала нужен минимальный объём трафика и данных, чтобы тест вообще что-то показал, а не превратился в сравнение случайных колебаний. Пока трафика мало, полезнее следить за качественными сигналами из Вебвизора, чем гнаться за статистической значимостью на десяти визитах в день.

Частые вопросы о landing page

Что такое landing page?

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

Чем лендинг отличается от обычного сайта?

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

Какая структура лендинга лучше всего продаёт?

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

Сколько блоков должно быть на лендинге?

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

Нужно ли указывать цену?

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

Можно ли сделать продающий лендинг на Tilda?

Да, Tilda давно не ограничивается готовыми блоками для новичков — через Zero Block можно реализовать практически любую структуру и адаптив, не уступающие разработке с нуля. Ограничение обычно не в платформе, а в том, использует ли исполнитель её возможности полностью или собирает страницу из стандартных заготовок без переработки под задачу.

Сколько стоит разработка landing page?

Цена зависит от того, разрабатывается ли структура и дизайн индивидуально под задачу или используется готовый шаблон с минимальными правками — разброс на рынке доходит от 15 000 до 300 000 рублей, я подробно разбирал это в статье про стоимость сайта, на которую ссылался выше. У меня разработка лендинга под ключ, с индивидуальной структурой и текстами, стоит от 32 000 ₽ со сроком 5–7 дней.

Когда лендинг вообще не нужен?

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

Хороший лендинг начинается не с дизайна

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

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