Структура главной страницы сайта

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

Какие блоки обязательны на главной странице?

Обязательных блоков семь. Остальное — по задаче и нише. Вот они в порядке прокрутки сверху вниз:

1. Hero (первый экран). Заголовок с главным ключевым словом, подзаголовок-уточнение и одна кнопка действия. Всё это — в зоне видимости без прокрутки. На мобильном это примерно 600 px в высоту.
2. Ключевые преимущества. 3–5 коротких тезисов: почему именно вы. Не «качество и опыт», а «доставка по Хабаровску за 2 часа» или «гарантия 3 года на монтаж». Конкретика убеждает, а не прилагательные.
3. Услуги или каталог. Карточки с иконками, кратким описанием и ссылкой на подробную страницу. Не перечисляем всё подряд — 4–8 ключевых направлений.
4. Кейсы или примеры работ. 3–6 примеров с реальными цифрами результата. «Увеличили трафик в 2,4 раза» работает лучше, чем «реализовали сложный проект».
5. Блок доверия. Логотипы клиентов, сертификаты, года на рынке, количество проектов. На сайтах с этим блоком конверсия выше на 15–25% — мы проверяли через Яндекс.Метрику.
6. Отзывы. Реальные, с именем и компанией. Видеоотзыв — ещё лучше. Анонимные «звёздочки» доверия уже не вызывают.
7. Финальный CTA. Повторная кнопка или форма заявки внизу страницы — для тех, кто дочитал.

В каком порядке расставлять блоки?

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

Типичная ошибка — поставить форму заявки сразу после Hero, до того как человек успел вам довериться. Для холодного трафика это почти всегда провал. Форма работает либо в Hero (если у вас сильный бренд или горячая аудитория), либо в самом конце страницы.

Hero-блок: как написать заголовок, который не отталкивает

Заголовок Hero — самый важный текст на сайте. Он должен за 3 секунды объяснить суть предложения. Несколько рабочих формул:

• «[Что делаем] для [кого] в [городе]» — работает для услуг с чёткой географией: «Разрабатываем сайты для бизнеса в Хабаровске».
• «[Результат], который получает клиент» — для сервисов: «Сайт, который приносит заявки, а не просто существует».
• «[Продукт] под ключ за [срок/цену]» — для прозрачного оффера: «Интернет-магазин под ключ за 6 недель».

Блок преимуществ: что писать вместо «качество и опыт»

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

Клиент из Владивостока как-то сказал нам: «На вашем сайте наконец написано, что я получу, а не какие вы хорошие». Это лучшая оценка правильно написанных преимуществ.

Рабочие примеры конкретных преимуществ:

• «Сдаём проекты в срок — в договоре прописаны санкции за задержку»
• «Партнёр 1С-Битрикс с 2015 года — работаем официально»
• «Поддержка 24/7 — среднее время ответа 47 минут»
• «Бесплатная доработка в течение 30 дней после сдачи»

Сколько блоков — это уже слишком много?

Для большинства компаний оптимальная главная — 8–12 блоков. Больше — страница превращается в лонгрид, который никто не дочитывает. Меньше пяти — не хватает информации для принятия решения.

Исключение — очень узкие ниши или страницы с горячей аудиторией (например, контекстная реклама ведёт на сайт, где уже всё знают о продукте). Там можно обойтись 3–4 блоками.

Главная страница и SEO: как структура влияет на позиции

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

• H1 — один, в Hero, с главным ключевым словом. Не «Добро пожаловать!».
• Каждый блок услуг — это ссылка на внутреннюю страницу. Пользователь кликает, глубина просмотра растёт.
• Скорость загрузки: главная с 15 тяжёлыми картинками грузится 8–12 секунд. Core Web Vitals падают, позиции следом. Оптимизируем изображения в WebP, подключаем ленивую загрузку.
• Микроразметка Organization + BreadcrumbList на главной — сигнал Google и Яндексу о структуре сайта.

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

Как измерить, работает ли структура главной?

Красивый дизайн и правильная структура — не одно и то же. Оценить, насколько эффективно выстроена главная страница, можно только через данные. Три метрики, на которые смотрим в первую очередь:

• Показатель отказов. Для главной страницы корпоративного сайта норма — 40–55%. Если больше 65% — что-то отталкивает посетителя уже в первые секунды: заголовок не совпадает с ожиданием, страница грузится медленно или Hero непонятен.
• Глубина прокрутки. Яндекс.Метрика показывает, до какого блока доходит средний посетитель. Если 80% аудитории не доматывает до блока с преимуществами — значит, Hero не зацепил и дальше смотреть незачем.
• Кликабельность CTA-кнопок. Настройте цели на каждую кнопку действия. Если кнопка в Hero не нажимается совсем — проверьте формулировку призыва и контрастность кнопки.

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

На наших проектах мы делаем первый замер через 2 недели после запуска и при необходимости корректируем порядок блоков или текст заголовков. Это стандартная практика — первая версия структуры редко оказывается идеальной без итераций.

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

Нужен ли слайдер на главной странице?
Чаще нет, чем да. Слайдеры снижают скорость загрузки и «размывают» фокус — пользователь не успевает прочитать один оффер, как появляется следующий. Хороший статичный Hero с одним сильным заголовком конвертирует лучше карусели из пяти слайдов.

Сколько кнопок-CTA нужно на главной?
На большой странице — 3–4 кнопки в разных местах: в Hero, после блока услуг, после отзывов и в финале. Все ведут к одному целевому действию или к двум максимум (например, «Заказать» и «Получить консультацию»). Больше вариантов — меньше решений.

Должны ли быть цены на главной?
Зависит от ниши. Для услуг с широкой вилкой (разработка сайтов, строительство) — достаточно «от X рублей» с ссылкой на страницу тарифов. Для интернет-магазина — цены в карточках обязательны. Главное правило: если у конкурентов цены открыты, а у вас нет — вы проигрываете в доверии.

Как часто нужно обновлять структуру главной?
Раз в 1–2 года или при смене позиционирования. Быстрее — если данные Яндекс.Метрики показывают высокий отказ (>70%) или низкую конверсию с главной. Мы проводим UX-аудит главной в рамках редизайна или отдельной задачей.

Главная страница и лендинг — в чём разница по структуре?
Лендинг под одно действие (один оффер, один CTA, нет меню), главная — навигационный хаб с несколькими направлениями. Если весь трафик с рекламы идёт на одну страницу — делайте отдельный лендинг, не используйте главную как посадочную. Об этом подробнее в статье о посадочных страницах для рекламы.

Хотите разобрать структуру именно вашей главной страницы? Позвоните нам — проведём бесплатный экспресс-аудит и покажем, что мешает конверсии: 8 800 55-100-10.