Артём Гусев · 8 мин чтения
Структура и тексты

Структура главной страницы сайта: какие блоки нужны и в каком порядке

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

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

Задача главной страницы

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

9 блоков главной по порядку

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

  1. 01Первый экранОффер, кнопка, 3–4 факта доверия
  2. 02НаправленияУслуги со ссылками на страницы
  3. 03ДоказательстваЦифры, клиенты, сертификаты
  4. 04Почему выОтличия от конкурентов
  5. 05ЭтапыКак идёт работа и сроки
  6. 06КейсыПроекты с задачей и результатом
  7. 07ОтзывыКонкретные, с источником
  8. 08ВопросыОтветы на страхи клиентов
  9. 09КонтактыФорма, телефон, реквизиты
Порядок подстраивают под нишу, но логика «понял — поверил — действую» сохраняется
Хотите понять, какой сайт нужен вашему бизнесу?Пришлю план запуска и смету по этапам в течение рабочего дня, без звонков.
Получить план запуска

Первый экран: что в нём должно быть

  • Заголовок с сутью: что вы делаете и для кого, с главным запросом.
  • Подзаголовок с выгодой: чем вы отличаетесь — сроки, цена, гарантия.
  • Одна главная кнопка — понятное действие: «Рассчитать стоимость», «Получить план».
  • 3–4 факта доверия рядом: годы, проекты, рейтинг, клиенты.
Первый экран главной страницы сайта металлообработки «НашЦех»: оффер, кнопка и логотипы партнёров
Главная «НашЦеха»: оффер, кнопка и логотипы партнёров сразу под ним

Пример: главная этого сайта

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

Частые ошибки

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

Как устроить отдельный лендинг — в статье «Структура продающего лендинга». Примеры главных — в статье «Примеры корпоративных сайтов».

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

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

Что размещают на главной странице сайта?

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

Чем главная страница отличается от лендинга?

Лендинг ведёт к одной заявке по одной услуге. Главная корпоративного сайта рассказывает о компании в целом и распределяет посетителей по направлениям, поэтому на ней больше ссылок и меньше подробностей.

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

Обычно 7–10. Меньше — сложно объяснить, кто вы и почему вам верить. Больше — главная превращается в длинный лендинг, а подробности лучше вынести на страницы услуг.

Заказать сайт напрямую, без менеджеров

Расскажите о задаче в удобном мессенджере. Отвечаю сам, а смету собираю по этапам, чтобы вы видели, за что платите.

Вершина сервисаvershina-servisa.ru