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