Главная страница — самая обсуждаемая и одновременно самая переоценённая часть сайта. На неё приходится непропорционально много внимания заказчика: каждый отдел хочет «свой блок», руководитель просит добавить миссию и видео о компании, маркетолог — слайдер с акциями. В итоге получается длинная лента, которую никто не дочитывает.
При этом аналитика большинства проектов, с которыми мы работаем, показывает одно и то же: на главную попадает меньшая часть посетителей, а большинство приходит сразу на страницы услуг, товаров или статей. Значит, задача главной — не рассказать всё, а быстро объяснить, куда человеку идти дальше. Давайте разберём, из каких блоков она должна состоять.
Сначала задача, потом блоки
Прежде чем рисовать структуру, мы отвечаем на три вопроса.
- Кто приходит на главную? Это люди, которые знают бренд и набрали его название? Или холодный трафик из рекламы? Или те, кто перешёл с внутренней страницы, чтобы «посмотреть, что за компания»?
- Что они хотят сделать? Найти конкретную услугу, проверить надёжность, узнать цену, позвонить.
- Какое одно действие для нас самое ценное? Заявка, звонок, переход в каталог, запись на консультацию.
Ответы определяют порядок и состав блоков. У сети стоматологий главная должна в первую очередь вести к записи и выбору клиники рядом. У поставщика оборудования — к каталогу и запросу коммерческого предложения. У консалтинговой компании — к доверию: экспертизе, кейсам, людям. Универсального набора блоков нет, есть набор функций, которые эти блоки выполняют.
Блоки, которые работают почти всегда
Первый экран с ясным предложением
Заголовок, который отвечает на вопрос «что здесь предлагают и для кого», короткий подзаголовок с уточнением и одна-две кнопки. Никаких абстракций вроде «Мы создаём будущее». Посетитель должен за несколько секунд понять, по адресу ли он попал. Первому экрану мы посвятили отдельную статью в нашем блоге, поэтому здесь не будем углубляться.
Навигация по направлениям
Если у компании несколько услуг или категорий товаров, сразу после первого экрана нужен блок-развилка: плитки или карточки с названиями направлений и короткими пояснениями. Это самый кликабельный блок на большинстве главных, которые мы анализировали. Люди не хотят читать о компании — они хотят попасть в свой раздел.
Доказательства
Цифры, кейсы, логотипы клиентов (если можно их показывать), сертификаты, отзывы. Важно, чтобы доказательства были конкретными. «Более 500 довольных клиентов» не убеждает никого. «Обслуживаем 40 складов в Московской области, средний срок контракта — четыре года» уже говорит о чём-то.
Как мы работаем
Короткая схема из трёх-пяти шагов снимает тревогу перед первым контактом. Человек понимает, что после заявки ему не начнут названивать менеджеры с допродажами, а сначала уточнят задачу, приедут на замер или пришлют расчёт.
Финальный призыв к действию
В конце страницы — форма или кнопка с повторением главного предложения. Те, кто дочитал до низа, — самые заинтересованные посетители, и им не надо прокручивать обратно наверх.
Блоки, которые чаще мешают
Теперь о том, что мы обычно предлагаем убрать или переосмыслить. Это не значит, что такие блоки запрещены, но к ним стоит относиться критически.
Слайдер на первом экране. Ротация из трёх-пяти баннеров кажется хорошим способом показать всё сразу. На практике второй и последующие слайды почти никто не видит, а движение отвлекает от заголовка. Если нужно показать несколько акций, лучше сделать статичный блок с карточками ниже.
«О компании» на полэкрана. Длинный текст про историю, ценности и миссию на главной читают единицы. Достаточно двух-трёх предложений с конкретикой и ссылки на подробную страницу.
Лента новостей. Если новости публикуются раз в полгода, блок с датами превращается в доказательство того, что компания не очень активна. Новости нужны на главной только при регулярном и интересном аудитории контенте.
Видео с автозапуском. Тяжело грузится, съедает мобильный трафик, раздражает звуком. Если видео действительно важно, лучше поставить обложку с кнопкой воспроизведения.
Дублирование меню. Иногда на главной повторяют весь каталог разделов, который и так есть в шапке. Это растягивает страницу без новой информации.
Порядок блоков: логика разговора
Мы часто объясняем заказчикам структуру главной через метафору разговора с незнакомым человеком. Сначала вы представляетесь и говорите, чем можете быть полезны. Потом уточняете, что именно интересует собеседника. Затем приводите аргументы, почему вам можно доверять. Отвечаете на возражения. И только после этого предлагаете следующий шаг.
- Кто мы и что предлагаем — первый экран.
- Что вас интересует — навигация по направлениям.
- Почему нам можно доверять — цифры, кейсы, клиенты.
- Как это будет происходить — этапы работы.
- Что вас может остановить — ответы на частые вопросы, гарантии, цены «от».
- Давайте начнём — форма или контакты.
Эта последовательность не догма. Для интернет-магазина блок с популярными товарами может идти сразу после первого экрана, а этапы работы вообще не нужны. Для B2B-услуги, наоборот, кейсы могут быть важнее навигации. Но сама логика разговора помогает отбраковывать блоки, которые выпадают из сюжета.
Сколько блоков — это много
Однозначного числа нет, но есть ориентир: каждый блок должен выполнять отдельную функцию. Если два блока решают одну задачу, их надо объединить. Если блок не решает ни одной задачи из списка выше, его можно убрать.
На практике рабочие главные страницы у нас состоят из шести-десяти секций. Больше — и посетители начинают пролистывать, не читая. Карта скроллинга, которую мы смотрим после запуска, обычно показывает резкое падение внимания где-то после середины страницы. Поэтому всё важное стоит размещать в верхней половине, а нижнюю отдавать под второстепенное и финальный призыв.
| Тип сайта | Обязательные блоки | Опциональные блоки |
|---|---|---|
| Сервисная компания | Первый экран, услуги, кейсы, этапы, форма | Команда, отзывы, вопросы-ответы |
| Интернет-магазин | Поиск, категории, хиты продаж, условия доставки | Подборки, бренды, блог |
| Производство B2B | Продукция, производственные возможности, клиенты, запрос КП | Сертификаты, география поставок |
| Экспертный бизнес | Предложение, экспертиза, кейсы, запись на консультацию | Публикации, выступления |
Главная и поисковые системы
Отдельный вопрос — роль главной в продвижении. Часто заказчики хотят, чтобы главная ранжировалась по всем основным запросам сразу. Это плохая идея: поисковые системы лучше показывают страницы, которые точно соответствуют запросу. Главная обычно продвигается по брендовым и самым общим запросам, а конкретные услуги — через отдельные посадочные страницы.
При этом главная передаёт вес внутренним страницам через ссылки. Поэтому блок навигации по направлениям полезен не только людям, но и роботам. Текстовый блок с описанием компании тоже имеет смысл, если он написан для людей и содержит конкретику, а не набор ключевых слов. Когда мы проектируем главную для проекта, где параллельно идёт продвижение, семантика и структура согласуются с SEO-специалистом заранее.
Как проверить, что структура работает
Структуру главной не стоит считать окончательной после запуска. Мы смотрим несколько показателей в первые месяцы.
- Карта кликов. Какие блоки и ссылки получают клики, а какие игнорируются.
- Глубина прокрутки. До какого блока доходит большинство посетителей.
- Переходы с главной. Куда уходят люди: в каталог, на услуги, в контакты, или просто закрывают вкладку.
- Конверсия в целевое действие. Сколько заявок приходит именно с главной и на каком блоке их оставляют.
Из практики: на сайте компании по ремонту коммерческих помещений блок с калькулятором стоимости стоял в самом низу. Карта скроллинга показала, что до него доходит меньше пятой части посетителей. Мы подняли калькулятор сразу под первый экран, сократив его до трёх вопросов, и количество расчётов выросло в несколько раз без каких-либо изменений в рекламе.
Вывод
Главная страница — не место, где нужно уместить всё о компании. Это развилка, которая помогает посетителю быстро понять, чем вы занимаетесь, и попасть туда, где он найдёт ответ на свой вопрос. Рабочие блоки — ясное предложение, навигация по направлениям, конкретные доказательства, понятный процесс и призыв к действию. Слайдеры, длинные тексты о миссии и редкие новости чаще мешают, чем помогают.
Начинайте с вопросов о посетителях и их задачах, выстраивайте блоки в логике разговора и проверяйте структуру аналитикой после запуска. Если чувствуете, что ваша главная перегружена или не приносит заявок, начните с аудита сайта — по картам кликов и прокрутки обычно сразу видно, что можно убрать.
