г. Екатеринбург
Бажова, 174, оф. 510
ЗАПОЛНИТЕ БРИФ
Чтобы нам лучше понимать задачу, заполните небольшой бриф.
Это займет у вас не более 3 минут
Это займет у вас не более 3 минут
ОТПРАВИТЬ РЕЗЮМЕ
Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности.
Получите ценные данные о ваших конкурентах
Оставьте заявку и получите подробный анализ поисковой стратегии конкурентов. Выявите их слабые места и создайте преимущество для своего бизнеса.
Нажимая на кнопку «Заказать», вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности.
Узнайте стоимость продвижения
Оставьте заявку и получите расчет стоимости продвижения сайта
Нажимая на кнопку «Заказать», вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности.
Получить бесплатный аудит
Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности.
Заявка на услугу
Расскажите о вашей задаче и мы свяжемся и скажем как её лучше решить
Нажимая на кнопку «Отправить», вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности.
Мы обрабатываем файлы cookie. Они помогают нам делать этот сайт удобнее для пользователей. Продолжая работу с сайтом, вы соглашаетесь с обработкой файлов cookie вашего браузера
10 ошибок на лендинге, которые губят продажи
Лендинг запущен, реклама крутится, трафик идёт — а заявок нет. Или есть, но три штуки в неделю вместо ожидаемых тридцати. В большинстве случаев дело не в рекламе и не в нише — дело в самой посадочной странице. За годы работы мы в ТитанСофт разобрали сотни лендингов клиентов и выявили 10 ошибок, которые встречаются чаще всего. Каждая из них роняет конверсию лендинга по-своему. Разбираем по порядку — с примерами и конкретными способами исправить.
01.10.2024
#Разработка
#Продажи
Первые три секунды на лендинге — решающие. Именно столько времени посетитель тратит на то, чтобы понять: это мне нужно или нет? Если первый экран не отвечает на вопрос «что здесь продаётся и зачем мне это» — человек уходит. Не потому что предложение плохое. Просто потому что непонятное.
Вот реальный пример заголовка, который мы видели у клиента из сферы бухгалтерских услуг: «Профессиональное решение для вашего бизнеса». Звучит солидно. Но что именно предлагается — бухгалтерия, юридические услуги, IT-аутсорсинг? Непонятно. Показатель отказов на этом лендинге был 78%.
После замены заголовка на «Бухгалтерское обслуживание ООО и ИП в Екатеринбурге — от 3 900 руб./мес.» отказы упали до 34%, а количество заявок выросло вдвое за первый месяц.
Вот реальный пример заголовка, который мы видели у клиента из сферы бухгалтерских услуг: «Профессиональное решение для вашего бизнеса». Звучит солидно. Но что именно предлагается — бухгалтерия, юридические услуги, IT-аутсорсинг? Непонятно. Показатель отказов на этом лендинге был 78%.
После замены заголовка на «Бухгалтерское обслуживание ООО и ИП в Екатеринбурге — от 3 900 руб./мес.» отказы упали до 34%, а количество заявок выросло вдвое за первый месяц.
1. Неясное УТП: посетитель не понимает, что вы продаёте
Плохое УТП объединяет одно: оно говорит о компании, а не о пользе для клиента. Посетитель читает заголовок и не понимает, что конкретно получит и чем это отличается от десятка похожих предложений в соседних вкладках.
Сравните две пары заголовков — из одной и той же ниши:
Медицинский центр:
❌ «Современное оборудование и опытные специалисты»
✅ «УЗИ брюшной полости в день обращения — без очереди и направления»
Оптовый поставщик:
❌ «Широкий ассортимент по выгодным ценам»
✅ «Кровельные материалы оптом в Екатеринбурге — отгрузка от 1 паллеты, доставка за 24 часа»
Разница очевидна: правые варианты называют конкретный результат, условие или выгоду. Левые — просто заполняют место на первом экране.
Сравните две пары заголовков — из одной и той же ниши:
Медицинский центр:
❌ «Современное оборудование и опытные специалисты»
✅ «УЗИ брюшной полости в день обращения — без очереди и направления»
Оптовый поставщик:
❌ «Широкий ассортимент по выгодным ценам»
✅ «Кровельные материалы оптом в Екатеринбурге — отгрузка от 1 паллеты, доставка за 24 часа»
Разница очевидна: правые варианты называют конкретный результат, условие или выгоду. Левые — просто заполняют место на первом экране.
Как выглядит плохое УТП — примеры
Берёте листок и последовательно отвечаете на четыре вопроса:
Ответы на эти вопросы складываются в формулу: «[Кому] — [что получит] — [за сколько / при каком условии]».
Одно предложение на первом экране, подзаголовок из двух строк с деталями. Остальное — ниже по странице.
Проверить, насколько УТП понятно, можно простым тестом: покажите первый экран незнакомому человеку на 5 секунд и спросите, что здесь продаётся. Если он отвечает правильно — УТП работает. Если мнётся — возвращайтесь к формуле.
О том, как правильно выстроить все элементы первого экрана, читайте в нашем материале о структуре продающего лендинга.
- Кто ваш клиент конкретно — не «бизнес», а «прораб на объекте» или «мама ребёнка до 3 лет»?
- Какую одну проблему он хочет закрыть прямо сейчас?
- Какой измеримый результат получит и в какой срок?
- Что делает ваше предложение неудобным для игнорирования — гарантия, скорость, цена, условие?
Ответы на эти вопросы складываются в формулу: «[Кому] — [что получит] — [за сколько / при каком условии]».
Одно предложение на первом экране, подзаголовок из двух строк с деталями. Остальное — ниже по странице.
Проверить, насколько УТП понятно, можно простым тестом: покажите первый экран незнакомому человеку на 5 секунд и спросите, что здесь продаётся. Если он отвечает правильно — УТП работает. Если мнётся — возвращайтесь к формуле.
О том, как правильно выстроить все элементы первого экрана, читайте в нашем материале о структуре продающего лендинга.
Как переформулировать УТП за 15 минут
Лендинг — не статья в блоге и не коммерческое предложение на восьми страницах. У посетителя нет задачи вас изучить. Есть задача быстро понять: решает ли это предложение его проблему. Если первый экран встречает его стеной текста — он просто скроллит мимо или закрывает вкладку.
Мы видели лендинг екатеринбургского застройщика, где только описание планировок занимало 11 абзацев подряд без единого визуального разделителя. Показатель отказов — 81%. После того как текст разбили на блоки, сократили вдвое и добавили иконки с короткими тезисами, отказы упали до 49% за первые две недели.
Мы видели лендинг екатеринбургского застройщика, где только описание планировок занимало 11 абзацев подряд без единого визуального разделителя. Показатель отказов — 81%. После того как текст разбили на блоки, сократили вдвое и добавили иконки с короткими тезисами, отказы упали до 49% за первые две недели.
2. Перегруженность текстом: читать некому, уходят все
Здесь нет универсальной цифры — всё зависит от температуры аудитории и сложности продукта. Но есть рабочее правило: каждый блок лендинга должен умещаться в один экран и отвечать ровно на один вопрос посетителя.
Первый экран — что это и для кого.
Второй — почему это решает мою проблему.
Третий — почему вам можно доверять. И так далее. Если блок не отвечает ни на один вопрос — он лишний.
Для большинства услуг в B2B достаточно 6–8 смысловых блоков. Для товаров и простых B2C-услуг — 4–6. Всё что сверх этого либо уходит на отдельную страницу, либо прячется в раскрывающийся FAQ.
Первый экран — что это и для кого.
Второй — почему это решает мою проблему.
Третий — почему вам можно доверять. И так далее. Если блок не отвечает ни на один вопрос — он лишний.
Для большинства услуг в B2B достаточно 6–8 смысловых блоков. Для товаров и простых B2C-услуг — 4–6. Всё что сверх этого либо уходит на отдельную страницу, либо прячется в раскрывающийся FAQ.
Сколько текста реально нужно на лендинге
Текст на лендинге работает иначе, чем в статье: его не читают последовательно, его сканируют. Глаз цепляется за заголовок блока, крупную цифру, короткий тезис. Вот почему длинный связный текст здесь проигрывает структурированному.
Несколько приёмов, которые работают на практике:
Тезис + расшифровка. Вместо абзаца на шесть строк — жирный тезис в одну строку и два предложения пояснения под ним. Так устроено большинство блоков преимуществ на конвертирующих лендингах.
Цифры вместо прилагательных. «Быстрая доставка» — ничто. «Доставка за 2 часа по городу» — конкретика, которую можно проверить. Поставщик спецодежды, с которым мы работали, заменил все оценочные прилагательные на цифры — средний чек заявки вырос на 23%, потому что клиенты стали лучше понимать продукт до звонка.
Короткие абзацы. Максимум 3–4 строки на абзац. После каждого — воздух. Это не про красоту, это про удержание внимания: мозг воспринимает короткие порции текста как завершённые мысли и охотнее читает следующую.
Несколько приёмов, которые работают на практике:
Тезис + расшифровка. Вместо абзаца на шесть строк — жирный тезис в одну строку и два предложения пояснения под ним. Так устроено большинство блоков преимуществ на конвертирующих лендингах.
Цифры вместо прилагательных. «Быстрая доставка» — ничто. «Доставка за 2 часа по городу» — конкретика, которую можно проверить. Поставщик спецодежды, с которым мы работали, заменил все оценочные прилагательные на цифры — средний чек заявки вырос на 23%, потому что клиенты стали лучше понимать продукт до звонка.
Короткие абзацы. Максимум 3–4 строки на абзац. После каждого — воздух. Это не про красоту, это про удержание внимания: мозг воспринимает короткие порции текста как завершённые мысли и охотнее читает следующую.
Как структурировать информацию блоками
Посетитель дочитал лендинг до конца. Предложение ему понравилось. И он закрыл страницу — потому что не понял, что делать дальше. Это звучит невероятно, но мы видим такие лендинги регулярно: целевое действие либо спрятано, либо сформулировано так размыто, что не побуждает ни к чему.
3. Нет чёткого призыва к действию — посетитель просто уходит
Одного призыва к действию в конце страницы недостаточно. Посадочная страница должна давать возможность оставить заявку в любой момент, когда посетитель созрел — будь то после первого экрана или после блока с отзывами.
Рабочая схема расстановки CTA:
Для услуг с длинным циклом принятия решения — юридические компании, медицинские центры, B2B-поставщики — хорошо работает промежуточный CTA: не «купить», а «получить консультацию» или «узнать стоимость». Он снижает порог входа и увеличивает количество первичных обращений.
Рабочая схема расстановки CTA:
- Первый экран — основная кнопка с главным целевым действием
- После блока преимуществ — повторная кнопка или форма заявки
- После блока доверия (отзывы, кейсы, сертификаты) — снова CTA
- В конце страницы — финальный призыв, часто с дополнительным стимулом (бесплатная консультация, расчёт стоимости)
Для услуг с длинным циклом принятия решения — юридические компании, медицинские центры, B2B-поставщики — хорошо работает промежуточный CTA: не «купить», а «получить консультацию» или «узнать стоимость». Он снижает порог входа и увеличивает количество первичных обращений.
Где размещать CTA и сколько раз
Кнопка «Отправить» — худший вариант CTA. Она говорит о действии пользователя, но ничего не говорит о том, что он получит. То же самое с «Подробнее» и «Нажмите здесь».
Разница между «Отправить» и «Получить расчёт стоимости» — это разница между действием пользователя и его результатом. Первое говорит о том, что он делает. Второе — о том, что он получит. Мозг выбирает второе.
Несколько конкретных замен, которые работают:
— «Отправить» → «Получить расчёт стоимости»
— «Подробнее» → «Узнать, подходит ли мне этот формат»
— «Заказать» → «Записаться на бесплатный замер»
Показательный случай: стоматологическая клиника убрала с кнопки слово «Записаться» и добавила «на бесплатную консультацию» — три слова, никаких других изменений на странице. Кликов по кнопке стало больше на 34%. Причина простая: человек ещё не решил, готов ли он платить. Слово «бесплатная» убирает этот вопрос раньше, чем он успевает возникнуть.
Разница между «Отправить» и «Получить расчёт стоимости» — это разница между действием пользователя и его результатом. Первое говорит о том, что он делает. Второе — о том, что он получит. Мозг выбирает второе.
Несколько конкретных замен, которые работают:
— «Отправить» → «Получить расчёт стоимости»
— «Подробнее» → «Узнать, подходит ли мне этот формат»
— «Заказать» → «Записаться на бесплатный замер»
Показательный случай: стоматологическая клиника убрала с кнопки слово «Записаться» и добавила «на бесплатную консультацию» — три слова, никаких других изменений на странице. Кликов по кнопке стало больше на 34%. Причина простая: человек ещё не решил, готов ли он платить. Слово «бесплатная» убирает этот вопрос раньше, чем он успевает возникнуть.
Какие формулировки работают, а какие нет
Скорость загрузки — это не техническая деталь, которую можно отложить на потом. Это прямой влияющий фактор на конверсию лендинга. По данным Google, 53% пользователей мобильных устройств закрывают страницу, если она грузится дольше 3 секунд. При этом каждая дополнительная секунда задержки снижает конверсию в среднем на 7%.
Яндекс учитывает скорость загрузки как поведенческий фактор: если пользователи массово уходят до того, как страница открылась, это сигнал для понижения позиций. Медленный лендинг проигрывает дважды — и в рекламе, и в поиске.
Яндекс учитывает скорость загрузки как поведенческий фактор: если пользователи массово уходят до того, как страница открылась, это сигнал для понижения позиций. Медленный лендинг проигрывает дважды — и в рекламе, и в поиске.
4. Медленная загрузка: каждая секунда стоит заявок
Два инструмента, которые достаточно знать:
Google PageSpeed Insights (pagespeed.web.dev) — бесплатный сервис, анализирует страницу по отдельности для мобильных и десктопа. Даёт конкретный список проблем с пояснением, что именно тормозит загрузку. Целевые показатели: на мобильных — от 50 баллов, на десктопе — от 80.
Яндекс.Вебмастер — в разделе «Качество сайта» показывает скорость загрузки страниц и сравнивает с конкурентами в вашей тематике. Особенно полезен, если основной трафик идёт из Яндекса.
скриншот
Проверяйте скорость не только на главной, но и на самом лендинге — они могут сильно отличаться, особенно если страница собрана на конструкторе с тяжёлыми виджетами.
Google PageSpeed Insights (pagespeed.web.dev) — бесплатный сервис, анализирует страницу по отдельности для мобильных и десктопа. Даёт конкретный список проблем с пояснением, что именно тормозит загрузку. Целевые показатели: на мобильных — от 50 баллов, на десктопе — от 80.
Яндекс.Вебмастер — в разделе «Качество сайта» показывает скорость загрузки страниц и сравнивает с конкурентами в вашей тематике. Особенно полезен, если основной трафик идёт из Яндекса.
скриншот
Проверяйте скорость не только на главной, но и на самом лендинге — они могут сильно отличаться, особенно если страница собрана на конструкторе с тяжёлыми виджетами.
Как проверить скорость лендинга
Без привлечения разработчика можно устранить 60–70% проблем со скоростью тремя действиями.
Сжать изображения. Самая частая причина медленной загрузки — тяжёлые фотографии в оригинальном разрешении. Сервис TinyPNG сжимает PNG и JPEG без видимой потери качества в среднем на 60–80%. Интернет-магазин строительных материалов после сжатия всех изображений на лендинге сократил время загрузки с 8,4 до 3,1 секунды — без единой строчки кода.
Перевести изображения в формат WebP. Этот формат весит в среднем на 30% меньше JPEG при том же визуальном качестве. Большинство современных конструкторов (Tilda, Readymag) конвертируют изображения в WebP автоматически при загрузке — достаточно включить эту опцию в настройках.
Убрать лишние виджеты и скрипты. Каждый подключённый виджет — онлайн-чат, счётчик обратного отсчёта, встроенная карта — добавляет время загрузки. Оставьте только те, без которых лендинг теряет функциональность. Карту лучше заменить статичным скриншотом со ссылкой на 2ГИС или Яндекс.Карты — визуально то же самое, весит в десятки раз меньше.
Сжать изображения. Самая частая причина медленной загрузки — тяжёлые фотографии в оригинальном разрешении. Сервис TinyPNG сжимает PNG и JPEG без видимой потери качества в среднем на 60–80%. Интернет-магазин строительных материалов после сжатия всех изображений на лендинге сократил время загрузки с 8,4 до 3,1 секунды — без единой строчки кода.
Перевести изображения в формат WebP. Этот формат весит в среднем на 30% меньше JPEG при том же визуальном качестве. Большинство современных конструкторов (Tilda, Readymag) конвертируют изображения в WebP автоматически при загрузке — достаточно включить эту опцию в настройках.
Убрать лишние виджеты и скрипты. Каждый подключённый виджет — онлайн-чат, счётчик обратного отсчёта, встроенная карта — добавляет время загрузки. Оставьте только те, без которых лендинг теряет функциональность. Карту лучше заменить статичным скриншотом со ссылкой на 2ГИС или Яндекс.Карты — визуально то же самое, весит в десятки раз меньше.
Три быстрых способа ускорить страницу
Посетитель может понять УТП, дочитать до конца и всё равно не оставить заявку. Причина — он вам не верит. Не потому что предложение плохое, а потому что лендинг не даёт ни одного основания доверять. Никаких доказательств, что компания реальная, что она выполняет обещания и что другие клиенты уже получили результат.
Это особенно критично для новых компаний и для ниш с высоким средним чеком — юридические услуги, медицина, строительство, оборудование для бизнеса. Чем дороже решение, тем больше доказательств нужно до того, как человек нажмёт кнопку.
Это особенно критично для новых компаний и для ниш с высоким средним чеком — юридические услуги, медицина, строительство, оборудование для бизнеса. Чем дороже решение, тем больше доказательств нужно до того, как человек нажмёт кнопку.
5. Нет доверия: почему посетитель не верит вашему лендингу
Не все элементы доверия одинаково эффективны. Вот что реально влияет на конверсию посадочной страницы:
Конкретные отзывы с деталями. «Всё понравилось, спасибо» — не работает. Работает: «Заказали монтаж вентиляции для цеха 800 м². Уложились в 12 дней, смета не увеличилась. Уже рекомендовали двум партнёрам». Чем конкретнее отзыв — тем выше доверие.
Фото и видео реальных объектов. Фотостоковые изображения распознаются мгновенно и подрывают доверие. Реальные фото сотрудников, объектов, процесса работы — наоборот, создают ощущение живой компании.
Цифры с расшифровкой. «Более 200 клиентов» — слабо. «214 поставок в 2024 году, из них 89% — повторные заказы» — убедительно. Цифра без контекста ничего не доказывает.
Логотипы реальных клиентов — работают в B2B лучше любого текста. Если среди ваших заказчиков есть узнаваемые компании, их логотипы на лендинге стоят дороже, чем три абзаца о вашем опыте.
Конкретные отзывы с деталями. «Всё понравилось, спасибо» — не работает. Работает: «Заказали монтаж вентиляции для цеха 800 м². Уложились в 12 дней, смета не увеличилась. Уже рекомендовали двум партнёрам». Чем конкретнее отзыв — тем выше доверие.
Фото и видео реальных объектов. Фотостоковые изображения распознаются мгновенно и подрывают доверие. Реальные фото сотрудников, объектов, процесса работы — наоборот, создают ощущение живой компании.
Цифры с расшифровкой. «Более 200 клиентов» — слабо. «214 поставок в 2024 году, из них 89% — повторные заказы» — убедительно. Цифра без контекста ничего не доказывает.
Логотипы реальных клиентов — работают в B2B лучше любого текста. Если среди ваших заказчиков есть узнаваемые компании, их логотипы на лендинге стоят дороже, чем три абзаца о вашем опыте.
Какие элементы доверия работают в 2026 году
Отзыв должен отвечать на три вопроса: кто оставил, какую задачу решал и какой результат получил. Формат «имя + должность + компания + фото» работает лучше анонимного текста — даже если фото небольшое и качество среднее.
Кейс — это усиленная версия отзыва. Минимальная структура: задача → что сделали → результат в цифрах. Производитель упаковки разместил на лендинге три кейса в таком формате вместо общего описания услуг — конверсия в заявку выросла с 1,8% до 3,4% за месяц без изменения рекламного бюджета.
Размещайте отзывы и кейсы не в самом конце страницы, а сразу после блока с описанием услуги — в тот момент, когда у посетителя уже возник интерес, но ещё не закрыто возражение «а вдруг не выполнят».
Кейс — это усиленная версия отзыва. Минимальная структура: задача → что сделали → результат в цифрах. Производитель упаковки разместил на лендинге три кейса в таком формате вместо общего описания услуг — конверсия в заявку выросла с 1,8% до 3,4% за месяц без изменения рекламного бюджета.
Размещайте отзывы и кейсы не в самом конце страницы, а сразу после блока с описанием услуги — в тот момент, когда у посетителя уже возник интерес, но ещё не закрыто возражение «а вдруг не выполнят».
Как правильно оформить отзывы и кейсы
По данным Яндекс.Метрики, в большинстве российских ниш доля мобильного трафика превысила 60% ещё в 2022 году. В B2C-сегменте — доставка еды, косметология, фитнес, розничная торговля — цифра нередко достигает 75–80%. Это означает: если лендинг плохо выглядит на смартфоне, три из четырёх посетителей видят сломанную страницу.
При этом адаптация — не просто «чтобы текст влезал на экран». Кнопка, на которую неудобно нажимать пальцем, форма с мелкими полями, изображение, обрезанное по краям — всё это убивает конверсию так же эффективно, как полное отсутствие мобильной версии.
При этом адаптация — не просто «чтобы текст влезал на экран». Кнопка, на которую неудобно нажимать пальцем, форма с мелкими полями, изображение, обрезанное по краям — всё это убивает конверсию так же эффективно, как полное отсутствие мобильной версии.
6. Нет мобильной адаптации — теряете половину трафика
Три способа, которые не требуют специальных знаний:
Откройте лендинг на реальном смартфоне. Звучит очевидно, но многие владельцы бизнеса проверяют лендинг только с компьютера. Пройдите весь сценарий: зашли, прочитали первый экран, добрались до формы, заполнили, нажали кнопку. Если на каком-то этапе возникает дискомфорт — там проблема.
Используйте Chrome DevTools. В браузере Google Chrome нажмите F12, затем значок телефона в верхнем левом углу панели — откроется эмулятор мобильных устройств. Можно выбрать конкретную модель: iPhone 12, Samsung Galaxy S21 и другие. Бесплатно, без регистрации, за 30 секунд.
Проверьте через Google PageSpeed Insights. Помимо скорости, сервис показывает скриншот того, как страница выглядит на мобильном устройстве, и отдельно отмечает проблемы с мобильной версией.
Откройте лендинг на реальном смартфоне. Звучит очевидно, но многие владельцы бизнеса проверяют лендинг только с компьютера. Пройдите весь сценарий: зашли, прочитали первый экран, добрались до формы, заполнили, нажали кнопку. Если на каком-то этапе возникает дискомфорт — там проблема.
Используйте Chrome DevTools. В браузере Google Chrome нажмите F12, затем значок телефона в верхнем левом углу панели — откроется эмулятор мобильных устройств. Можно выбрать конкретную модель: iPhone 12, Samsung Galaxy S21 и другие. Бесплатно, без регистрации, за 30 секунд.
Проверьте через Google PageSpeed Insights. Помимо скорости, сервис показывает скриншот того, как страница выглядит на мобильном устройстве, и отдельно отмечает проблемы с мобильной версией.
Как проверить мобильную версию за 5 минут
За годы работы с лендингами мы выделили пять проблем, которые встречаются чаще всего:
Кнопки слишком маленькие. Минимальный размер кнопки для комфортного нажатия пальцем — 44×44 пикселя. Если кнопка меньше, часть пользователей просто промахивается и уходит.
Текст не масштабируется. Фиксированный размер шрифта, который хорошо читается на мониторе, на смартфоне превращается в мелкий нечитаемый текст. Минимальный размер основного текста на мобильных — 16px.
Горизонтальная прокрутка. Если какой-то элемент выходит за границы экрана — таблица, широкое изображение, блок с иконками — страница начинает скроллиться по горизонтали. Для посетителя это сигнал, что сайт «сломан».
Форма с мелкими полями. Поля, в которые сложно попасть пальцем и неудобно вводить текст с мобильной клавиатуры, резко снижают количество заполненных заявок. Высота поля — минимум 48px, между полями — отступ не менее 12px.
Всплывающие окна на весь экран. Поп-ап, который на десктопе выглядит как аккуратное окошко, на смартфоне может перекрыть весь экран без очевидной кнопки закрытия. Пользователь не понимает, как от него избавиться, и закрывает страницу целиком. Строительная компания после отключения агрессивного поп-апа на мобильных устройствах увеличила глубину просмотра страницы на 40%.
Кнопки слишком маленькие. Минимальный размер кнопки для комфортного нажатия пальцем — 44×44 пикселя. Если кнопка меньше, часть пользователей просто промахивается и уходит.
Текст не масштабируется. Фиксированный размер шрифта, который хорошо читается на мониторе, на смартфоне превращается в мелкий нечитаемый текст. Минимальный размер основного текста на мобильных — 16px.
Горизонтальная прокрутка. Если какой-то элемент выходит за границы экрана — таблица, широкое изображение, блок с иконками — страница начинает скроллиться по горизонтали. Для посетителя это сигнал, что сайт «сломан».
Форма с мелкими полями. Поля, в которые сложно попасть пальцем и неудобно вводить текст с мобильной клавиатуры, резко снижают количество заполненных заявок. Высота поля — минимум 48px, между полями — отступ не менее 12px.
Всплывающие окна на весь экран. Поп-ап, который на десктопе выглядит как аккуратное окошко, на смартфоне может перекрыть весь экран без очевидной кнопки закрытия. Пользователь не понимает, как от него избавиться, и закрывает страницу целиком. Строительная компания после отключения агрессивного поп-апа на мобильных устройствах увеличила глубину просмотра страницы на 40%.
Типичные поломки на мобильных устройствах
Лендинг без аналитики — это бизнес вслепую. Вы не знаете, с какого рекламного канала приходят заявки, на каком блоке посетители уходят, какая кнопка работает лучше. Любые изменения делаются на ощущениях, а не на данных. И когда что-то идёт не так — непонятно где именно.
Мы считаем отсутствие базовой аналитики более серьёзной проблемой, чем медленная загрузка или неудачный цвет кнопки. Потому что без данных невозможно выявить и исправить остальные девять ошибок из этого списка. Аналитика — это не инструмент маркетолога, это инструмент владельца бизнеса.
Мы считаем отсутствие базовой аналитики более серьёзной проблемой, чем медленная загрузка или неудачный цвет кнопки. Потому что без данных невозможно выявить и исправить остальные девять ошибок из этого списка. Аналитика — это не инструмент маркетолога, это инструмент владельца бизнеса.
7. Нет аналитики: улучшать нечего, потому что ничего не измеряется
Не нужно настраивать десятки отчётов. Для большинства лендингов достаточно отслеживать шесть показателей:
Конверсия в заявку — процент посетителей, которые оставили заявку. Ориентир зависит от ниши: для B2B-услуг 2–4% считается нормой, для B2C с низким чеком — 5–10%.
Показатель отказов — доля посетителей, которые ушли, просмотрев только один экран. Выше 70% — сигнал, что с первым экраном что-то не так.
Глубина прокрутки — до какого блока доходит большинство посетителей. Если 80% уходят после третьего блока, значит именно там теряется интерес.
Источники трафика — откуда приходят посетители и какой канал даёт больше заявок при меньших затратах.
Время на странице — косвенный показатель вовлечённости. Слишком мало (меньше 30 секунд) — не читают.
Слишком много без заявки — есть возражения, которые страница не закрывает.
Клики по кнопкам CTA — какая кнопка нажимается чаще и на каком этапе посетитель решается на целевое действие.
Конверсия в заявку — процент посетителей, которые оставили заявку. Ориентир зависит от ниши: для B2B-услуг 2–4% считается нормой, для B2C с низким чеком — 5–10%.
Показатель отказов — доля посетителей, которые ушли, просмотрев только один экран. Выше 70% — сигнал, что с первым экраном что-то не так.
Глубина прокрутки — до какого блока доходит большинство посетителей. Если 80% уходят после третьего блока, значит именно там теряется интерес.
Источники трафика — откуда приходят посетители и какой канал даёт больше заявок при меньших затратах.
Время на странице — косвенный показатель вовлечённости. Слишком мало (меньше 30 секунд) — не читают.
Слишком много без заявки — есть возражения, которые страница не закрывает.
Клики по кнопкам CTA — какая кнопка нажимается чаще и на каком этапе посетитель решается на целевое действие.
Минимальный набор метрик для лендинга
Яндекс.Метрика — достаточный инструмент для большинства лендингов малого и среднего бизнеса. Настройка занимает 30–60 минут и не требует знания программирования.
Три цели, которые нужно настроить в первую очередь:
Отправка формы заявки. В Метрике выберите «Цели» → «Добавить цель» → «JavaScript-событие». Программист или разработчик лендинга добавляет в код кнопки одну строку: ym(XXXXXXXX, 'reachGoal', 'form_submit'). После этого каждая отправка формы фиксируется в отчёте.
Клик по номеру телефона. Если на лендинге есть кликабельный номер, настройте отдельную цель на клик по нему — особенно важно для мобильного трафика, где звонок часто заменяет заявку.
Достижение страницы благодарности. Если после отправки формы открывается отдельная страница — настройте цель «Посещение страниц» с URL страницы благодарности. Это самый простой и надёжный способ считать конверсии.
Три цели, которые нужно настроить в первую очередь:
Отправка формы заявки. В Метрике выберите «Цели» → «Добавить цель» → «JavaScript-событие». Программист или разработчик лендинга добавляет в код кнопки одну строку: ym(XXXXXXXX, 'reachGoal', 'form_submit'). После этого каждая отправка формы фиксируется в отчёте.
Клик по номеру телефона. Если на лендинге есть кликабельный номер, настройте отдельную цель на клик по нему — особенно важно для мобильного трафика, где звонок часто заменяет заявку.
Достижение страницы благодарности. Если после отправки формы открывается отдельная страница — настройте цель «Посещение страниц» с URL страницы благодарности. Это самый простой и надёжный способ считать конверсии.
Как настроить цели в Яндекс.Метрике за один вечер
Яндекс.Метрика на лендинге Tilda — подключение за 4 шага
Если лендинг собран на Tilda, подключить счётчик можно без помощи разработчика:
- Зайдите в Яндекс.Метрику и создайте новый счётчик для вашего сайта — система выдаст уникальный номер.
- В личном кабинете Tilda откройте Настройки сайта → Аналитика → Яндекс Метрика и введите этот номер.
- Сохраните настройки.
- Переопубликуйте все страницы сайта — без этого шага счётчик не заработает.
Статистика начнёт собираться через несколько часов после публикации. Там же, в настройках счётчика на Tilda, можно включить Вебвизор — он записывает действия пользователей на странице и показывает, где именно люди останавливаются, что игнорируют и на каком блоке закрывают лендинг. Для диагностики конверсии это незаменимый инструмент.
После настройки целей проведите аудит лендинга — он покажет, какие именно метрики просели и где страница теряет посетителей быстрее всего.
После настройки целей проведите аудит лендинга — он покажет, какие именно метрики просели и где страница теряет посетителей быстрее всего.
Человек кликнул на объявление «Натяжные потолки за 3 дня». Попал на лендинг, где первый экран — общий каталог услуг по ремонту. Он не нашёл то, за чем пришёл, и ушёл. Клик оплачен, заявки нет.
Это и есть несоответствие рекламы и посадочной страницы — одна из самых дорогостоящих ошибок, потому что она сливает рекламный бюджет молча, без каких-либо технических сбоев.
Это и есть несоответствие рекламы и посадочной страницы — одна из самых дорогостоящих ошибок, потому что она сливает рекламный бюджет молча, без каких-либо технических сбоев.
8. Реклама обещает одно — лендинг показывает другое
Правило простое: что обещает объявление — то должен подтверждать первый экран. Тот же заголовок или его вариация, та же акция, тот же продукт. Посетитель должен почувствовать: попал туда, куда и хотел.
Если реклама ведёт на несколько разных аудиторий — делайте отдельный лендинг под каждый сегмент. Оптовик стройматериалов с двумя объявлениями — для прорабов и для розничных покупателей — получил рост конверсии на 28% просто за счёт разделения трафика на два лендинга с разными заголовками и офферами.
Если реклама ведёт на несколько разных аудиторий — делайте отдельный лендинг под каждый сегмент. Оптовик стройматериалов с двумя объявлениями — для прорабов и для розничных покупателей — получил рост конверсии на 28% просто за счёт разделения трафика на два лендинга с разными заголовками и офферами.
Что такое согласованность сообщений и почему это важно
Длинная форма — это трение. Каждое лишнее поле — это дополнительное усилие, которое посетитель должен приложить до того, как получит хоть что-то взамен. Чем больше усилий — тем ниже конверсия.
Юридическая компания сократила форму с восьми полей до трёх — имя, телефон, тип вопроса. Количество заявок выросло на 41% при том же трафике. Остальные данные менеджер уточнял уже по телефону.
Юридическая компания сократила форму с восьми полей до трёх — имя, телефон, тип вопроса. Количество заявок выросло на 41% при том же трафике. Остальные данные менеджер уточнял уже по телефону.
9. Форма заявки с десятью полями: пользователь устаёт и уходит
Универсальное правило: запрашивайте только то, без чего не сможете обработать заявку. Для первого контакта в большинстве ниш достаточно имени и телефона. Иногда — email, если коммуникация идёт письмами. Всё остальное — на этапе квалификации.
Чем выше средний чек и сложнее продукт, тем больше полей допустимо. B2B-поставщик оборудования может обоснованно спросить название компании и объём закупки — это помогает сегментировать лиды ещё до звонка. Но даже здесь больше пяти полей — уже риск.
Чем выше средний чек и сложнее продукт, тем больше полей допустимо. B2B-поставщик оборудования может обоснованно спросить название компании и объём закупки — это помогает сегментировать лиды ещё до звонка. Но даже здесь больше пяти полей — уже риск.
Сколько полей оставить в форме
Если данных всё же нужно много — разбейте форму на шаги. Первый шаг: имя и телефон. Второй: уточняющие вопросы. Психологически это работает иначе: человек уже начал заполнять и с большей вероятностью дойдёт до конца, чем если бы увидел все поля сразу.
Важный нюанс: даже если пользователь бросил форму на втором шаге — данные первого шага уже у вас. Медицинский центр за счёт такой схемы поднял процент дошедших до отправки с 34% до 61%.
Важный нюанс: даже если пользователь бросил форму на втором шаге — данные первого шага уже у вас. Медицинский центр за счёт такой схемы поднял процент дошедших до отправки с 34% до 61%.
Многошаговые формы — когда они помогают
Посетитель заполнил форму и нажал кнопку. Что он видит дальше? Если просто исчезает кнопка или появляется скромная надпись «Спасибо, мы свяжемся с вами» — момент упущен. Человек только что совершил целевое действие, его вовлечённость максимальна. И именно в этот момент большинство лендингов замолкают.
10. Нет страницы благодарности: упущенный этап воронки
Минимум — подтверждение и ожидание. Клиент должен понять: заявка принята, дальше вот что произойдёт. «Мы позвоним в течение 30 минут в рабочее время» лучше, чем просто «спасибо». Конкретика снимает тревогу и снижает количество повторных обращений.
Хорошая страница благодарности содержит три элемента: подтверждение действия, следующий шаг и дополнительное предложение. Последнее — не обязательно продажа. Это может быть полезный материал, ссылка на кейсы или приглашение подписаться на соцсети.
Хорошая страница благодарности содержит три элемента: подтверждение действия, следующий шаг и дополнительное предложение. Последнее — не обязательно продажа. Это может быть полезный материал, ссылка на кейсы или приглашение подписаться на соцсети.
Что должно быть на странице спасибо
Страница благодарности — одно из немногих мест на сайте, где у посетителя нет защитной реакции. Он уже принял решение, барьер снят. Это подходящий момент для мягкого дополнительного предложения.
Несколько рабочих сценариев:
Смежная услуга. Клиент заказал натяжные потолки — предложите замер в другой комнате со скидкой. Стоматология после записи на чистку зубов предлагает консультацию по отбеливанию — конверсия в дополнительную запись около 18%.
Полезный материал. Поставщик промышленного оборудования на странице спасибо предлагает скачать PDF с техническими характеристиками линейки — это прогревает клиента до звонка менеджера и сокращает время сделки.
Соцсети. Простой и недооценённый приём. Предложите подписаться на канал или группу — человек, который только что оставил заявку, с высокой вероятностью станет подписчиком и останется в контакте, даже если сделка не закроется сразу.
Несколько рабочих сценариев:
Смежная услуга. Клиент заказал натяжные потолки — предложите замер в другой комнате со скидкой. Стоматология после записи на чистку зубов предлагает консультацию по отбеливанию — конверсия в дополнительную запись около 18%.
Полезный материал. Поставщик промышленного оборудования на странице спасибо предлагает скачать PDF с техническими характеристиками линейки — это прогревает клиента до звонка менеджера и сокращает время сделки.
Соцсети. Простой и недооценённый приём. Предложите подписаться на канал или группу — человек, который только что оставил заявку, с высокой вероятностью станет подписчиком и останется в контакте, даже если сделка не закроется сразу.
Как использовать thank-you page для допродаж
Десять ошибок — это не повод переделывать лендинг с нуля. Начните с диагностики: пройдите по каждому пункту и отметьте, что уже есть, а чего не хватает. В большинстве случаев три-четыре точечных правки дают ощутимый прирост конверсии без полного редизайна.
Если лендинг давно работает, но заявок мало — скорее всего, проблема не одна и не очевидная. В таких случаях помогает профессиональный аудит лендинга: он показывает узкие места на основе данных аналитики, а не ощущений.
Если лендинга ещё нет или нынешний не поддаётся лечению — посмотрите, как мы подходим к разработке лендингов под ключ. Перед стартом всегда разбираем задачу, аудиторию и конкурентов — чтобы страница работала с первого месяца, а не после третьей переделки.
Если лендинг давно работает, но заявок мало — скорее всего, проблема не одна и не очевидная. В таких случаях помогает профессиональный аудит лендинга: он показывает узкие места на основе данных аналитики, а не ощущений.
Если лендинга ещё нет или нынешний не поддаётся лечению — посмотрите, как мы подходим к разработке лендингов под ключ. Перед стартом всегда разбираем задачу, аудиторию и конкурентов — чтобы страница работала с первого месяца, а не после третьей переделки.