Разбираем самые частые ошибки на главной странице — от «водяного» заголовка до перегруженной шапки и медленной загрузки. Даю конкретные правки и чек-листы, чтобы повысить конверсию без редизайна.
TL;DR:
Сделайте понятный заголовок с УТП за 1–2 строки.
Уберите лишние пункты меню, оставьте 5–7.
CTA — один главный, заметный, повторить 2–3 раза.
Упростите первый экран: 1 фото/иллюстрация, 1 заголовок, 1 подпояснение, 1 кнопка.
Сожмите изображения, включите lazy-load.
Добавьте доверие: отзывы, логотипы клиентов, контакты в шапке и футере.
Проверьте мобильную версию: шрифты, отступы, кликабельные зоны.
Симптом: на первом экране общие слова: «Мы — команда профессионалов», непонятно, что вы продаёте.
Как исправить:
Заголовок = что вы делаете + для кого + главный выигрыш клиента.
Подзаголовок в 1–2 строки: уточнение и/или социальное доказательство.
Рядом — один главный CTA.
Формула заголовка:
[Продукт/услуга] + [аудитория] + [итог/ценность]
Пример: «Сайты для малого бизнеса, которые приводят заявки за 14 дней».
Микрокопия CTA:
«Получить расчёт за 10 минут»
«Бесплатный аудит главной»
«Попробовать демо»
Симптом: 10–15 пунктов, выпадающие списки в три уровня, нет кнопки «Контакты».
Как исправить:
5–7 пунктов максимум в верхнем меню.
Выделить один CTA (кнопка) справа.
Телефон/мессенджер — кликабельные, видимы.
Скрестить одинаковые разделы («О нас», «Команда») в один.
Мини-чек-лист шапки: логотип (кликабелен на главную), 5–7 пунктов, CTA, контакты, заметный поиск (если каталог).
Симптом: слайдеры, баннеры, три кнопки — непонятно, куда нажать.
Как исправить:
Уберите слайдер, оставьте один статичный «герой».
Визуальная иерархия: H1 → подзаголовок → CTA.
Один образ/иллюстрация, показывающая продукт «в деле».
Никаких «читать далее» на первом экране.
Шаблон геро-блока:
H1 (1–2 строки) → Подзаголовок (до 120 знаков) → Кнопка (главный CTA) → Второй, тихий CTA (например, «Смотреть работы»).
Симптом: кнопки разные, цвета «прыгают», CTA спрятан в футере.
Как исправить:
Один главный CTA на страницу, повторён в 2–3 местах.
Единый текст CTA, единый цвет, контраст ≥ 4.5:1.
Рядом — «снятие страхов»: «Без предоплаты», «Ответ за 15 минут».
Где дублировать CTA: первый экран → после блока преимуществ → в конце страницы.
Симптом: длинные абзацы, нет маркированных списков, всё одинаковым шрифтом.
Как исправить:
Дробите текст на блоки по 3–4 строки.
Используйте списки, подзаголовки H2–H3, цитаты, иконки.
Добавьте блок «доверия»: логотипы клиентов, цифры, сертификаты.
Конкретика вместо общих слов: «+38% заявок за 30 дней».
Быстрые «якоря доверия»:
Отзывы (3–5 шт.) → Лого клиентов (6–12 шт.) → Кейсы (кратко) → Гарантии/условия.
Симптом: главная долго открывается на мобильном, прыгает верстка.
Как исправить за вечер:
Конвертируйте изображения в WebP/AVIF, задайте размеры (width/height).
Включите loading="lazy" для всех изображений вне первого экрана.
Подключите шрифты через font-display: swap.
Уберите лишние скрипты/виджеты, перенесите неважные — в конец.
Цели по метрикам: LCP ≤ 2.5 c, INP ≤ 200 мс, CLS ≤ 0.1.
Симптом: только форма «Напишите нам», нет адреса/телефона/мессенджеров.
Как исправить:
В шапке — кнопка «Связаться», в футере — полный блок контактов.
Кликабельные иконки мессенджеров, расписание.
Короткая форма: имя + телефон/почта. Остальное — по желанию.
Шрифт 16–18 px, строки до 60–70 символов, отступы ≥ 16 px.
Кликабельные зоны кнопок ≥ 44×44 px.
Меню-бургер — с понятными пунктами.
Телефон и CTA — над «сгибом».
Заголовок с УТП + подпояснение + 1 CTA.
Меню: 5–7 пунктов, контакты и CTA видимы.
Один «герой» без слайдера.
Списки, подзаголовки, блок доверия (отзывы/логотипы/цифры).
Изображения в WebP/AVIF, lazy-load, указаны размеры.
Шрифты со swap, лишние скрипты отключены/отложены.
Мобильные отступы, крупные кнопки, быстрый доступ к контакту.
