Главная страница сайта: структура, которая продаёт

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

Три вопроса, на которые главная обязана ответить

Всё многообразие требований к главной сводится к трём вопросам, которые человек задаёт себе, не осознавая этого.

Куда я попал? Чем занимается компания, что продаёт, для кого. Если через пять секунд ответа нет — посетитель ушёл.

Подходит ли это мне? Работаете ли вы в его городе, делаете ли то, что ему нужно, в его бюджете и в его сроки.

Можно ли вам доверять? Существует ли компания на самом деле, есть ли опыт, что говорят другие, не пропадёте ли вы с предоплатой.

Каждый блок главной должен закрывать один из этих вопросов. Блок, который ни на один из них не отвечает, — лишний, каким бы красивым он ни был.

Шапка: то, что видно всегда

Шапка присутствует на всех страницах и работает постоянно, поэтому ошибки в ней тиражируются на весь сайт.

Логотип и название. Слева, кликабельный, ведёт на главную. Если название компании ничего не говорит о деятельности, рядом ставится короткий поясняющий текст: не просто «Феникс», а «Феникс — производство металлоконструкций».

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

Телефон. Крупно, справа, кликабельный. На мобильном — заметная кнопка вызова. Рядом полезно указать режим работы: человек, который видит «до 20:00», звонит смелее.

Кнопка целевого действия. «Заказать расчёт», «Оставить заявку», «Обратный звонок». Одна, а не три.

Меню. Пять-семь пунктов, названных понятно. «Услуги», «Цены», «Работы», «О компании», «Контакты» лучше, чем креативные варианты вроде «Что мы умеем» и «Наша философия». Меню — это навигация, а не место для самовыражения.

Мессенджеры. Иконки для быстрого перехода — заметная часть аудитории предпочитает написать, а не звонить.

Шапка должна оставаться видимой при прокрутке или возвращаться при движении вверх. Заставлять человека прокручивать три экрана обратно ради телефона — недоработка.

Первый экран: главный блок сайта

Это самая ценная площадь на всём сайте. Здесь решается судьба визита.

Заголовок — конкретное описание того, что вы делаете. Не «Добро пожаловать на наш сайт» и не «Мы создаём будущее». Работает формула «что делаем + для кого + ключевое отличие»: «Производим и монтируем металлические ограждения в Туле и области. Срок от 5 дней, гарантия 3 года».

Проверка простая: закройте логотип и прочитайте заголовок. Если он подходит любой компании в любой отрасли — переписывайте.

Подзаголовок раскрывает детали: что входит, для каких объектов, на каких условиях. Две-три строки.

Три-четыре ключевых факта. Срок, гарантия, опыт, объём выполненных работ. Только цифры и проверяемые вещи, а не «высокое качество» и «индивидуальный подход».

Кнопка целевого действия. Одна, заметная, с понятным текстом. «Рассчитать стоимость» лучше, чем «Подробнее».

Форма или её короткий вариант. Для многих ниш форма из двух полей прямо на первом экране заметно повышает количество обращений: часть посетителей приходит уже готовыми и не хочет ничего изучать.

Изображение. Реальная фотография ваших работ, продукции или производства. Стоковые картинки с людьми в костюмах, пожимающими руки, читаются как признак несерьёзности. Фотография не должна перегружать страницу: тяжёлый фоновый файл на несколько мегабайт замедляет загрузку именно там, где скорость критична.

Отдельно про слайдеры. Крутящаяся карусель из пяти баннеров на первом экране — наследие прошлого десятилетия. Люди почти не досматривают её дальше первого слайда, а движение мешает читать. Если очень нужно показать несколько направлений — сделайте статичный блок с несколькими карточками.

Блок услуг или товаров

Дальше человек должен понять, что конкретно вы предлагаете.

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

Количество карточек — от трёх до девяти. Если направлений сорок, группируйте их по категориям, а не вываливайте списком: длинный перечень человек не читает, он его пролистывает.

Порядок имеет значение. Первыми ставьте то, что приносит больше всего денег или чаще всего ищут, а не то, что вам самим интереснее. Проверить можно по Вордстату и по собственной статистике продаж.

Названия услуг пишите так, как их называют клиенты. Внутренняя терминология компании часто не совпадает с тем, что люди вводят в поиск, и на главной побеждает язык клиента.

Блок доверия: почему именно вы

Здесь закрывается третий вопрос — можно ли вам верить. Работают факты, не прилагательные.

Цифры о компании. Годы на рынке, количество выполненных проектов, число постоянных клиентов, размер производства, количество сотрудников. Конкретика убеждает: «19 лет на рынке» и «57 постоянных клиентов» сообщают больше, чем абзац о надёжности.

Примеры работ. Самый сильный блок на большинстве сайтов. Фотографии реальных объектов с короткими подписями: что было нужно, что сделали, сколько заняло. Для услуг — формат «до и после». Три-шесть примеров на главной со ссылкой на полный раздел.

Отзывы. С именем, фотографией или логотипом компании, а лучше — со ссылкой на источник: карточку в Яндекс.Бизнесе, отраслевую площадку. Анонимные отзывы «Иван, доволен» доверия не вызывают. Ещё лучше работают отзывы, где упомянута конкретная сложность и как её решили.

Клиенты и партнёры. Логотипы известных заказчиков, если такие есть и они не против.

Сертификаты, дипломы, членство в отраслевых объединениях. Уместны, если действительно что-то значат в вашей сфере.

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

Важное правило: избегайте блока «Наши преимущества» с четырьмя иконками и подписями «Качество», «Надёжность», «Опыт», «Индивидуальный подход». Такой блок есть на десятках тысяч сайтов, читатель его не воспринимает вообще. Замените абстракции конкретикой: вместо «Быстро» — «Выезд в день обращения, монтаж за 3 часа».

Блок «Как мы работаем»

Схема из четырёх-шести шагов: заявка — замер — расчёт и договор — выполнение — сдача — гарантийное обслуживание.

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

Пишите шаги от лица клиента и с конкретикой: не «Согласование», а «Присылаем смету в течение одного рабочего дня, вносим правки бесплатно».

Цены на главной

Полный прайс на главной не нужен, но полное молчание о деньгах — ошибка. Человек, не увидевший никакого ориентира, часто уходит именно с главной.

Разумный минимум — короткий блок с несколькими типовыми позициями и ценой «от» либо вилкой, со ссылкой на подробный раздел. Если цена сильно зависит от параметров, поставьте калькулятор или квиз с расчётом.

Под блоком цен обязательно нужна форма или кнопка: это одно из самых конверсионных мест на странице.

Блок частых вопросов

Пять-восемь вопросов, которые действительно задают по телефону. Не выдуманные («Почему стоит выбрать вас?»), а настоящие: «Работаете ли вы в области?», «Нужна ли предоплата?», «Что если размер не подойдёт?», «Сколько ждать после заказа?».

Блок полезен дважды: снимает возражения у сомневающихся и приводит трафик из поиска, потому что люди вводят эти вопросы дословно.

Контакты и подвал

Внизу главной — блок с контактами: адрес, телефон, почта, режим работы, карта с меткой, мессенджеры. Карта не только помогает доехать, но и подтверждает, что у компании есть физический адрес.

Подвал дублирует основную навигацию, содержит телефон и ссылки на важные разделы. Здесь же уместна ссылка на карточку компании в Яндекс.Бизнесе.

Порядок блоков: почему он важен

Стандартная последовательность для сайта услуг выглядит так: первый экран с оффером и формой, услуги, цифры о компании, примеры работ, цены, как мы работаем, отзывы, частые вопросы, форма заявки, контакты.

Логика в том, чтобы вести человека по естественной цепочке: сначала «что вы делаете», потом «подходит ли мне», потом «можно ли доверять», потом «сколько стоит», потом «что дальше».

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

Чего делать не стоит — начинать главную с блока «О компании» и истории основания. Это интересно вам, а не посетителю. Историю компании ставьте ниже или выносите на отдельную страницу.

Мобильная версия: другая последовательность внимания

Больше половины посетителей смотрит сайт с телефона, и главная на мобильном — это не просто сжатая версия десктопной.

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

Длина страницы ощущается иначе. То, что на мониторе выглядит как компактный блок, на телефоне превращается в четыре экрана прокрутки. Если главная растянулась на двадцать экранов, до нижних блоков не дойдёт почти никто. Сокращайте, выносите подробности на внутренние страницы.

Телефон должен быть доступен в один тап в любой момент — либо в фиксированной шапке, либо кнопкой внизу экрана.

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

Что чаще всего мешает главной работать

Непонятно, чем занимается компания. Абстрактный заголовок, красивая картинка, никакой конкретики.

Слайдер на первом экране. Съедает самое ценное место и отвлекает.

Стоковые фотографии. Одни и те же люди в галстуках встречаются на сотнях сайтов, и постоянные пользователи интернета их узнают.

Блок «Преимущества» из четырёх абстракций. Занимает экран, не сообщает ничего.

Огромный блок «О компании» вверху. История с 1998 года до появления сути услуги.

Нет ни одной цены и ни одного ориентира.

Нет формы или она одна в самом низу.

Нет города. Особенно болезненно для локального бизнеса.

Медленная загрузка. Тяжёлые фоновые изображения, несжатые фотографии, десяток подключённых виджетов. Скорость на главной критична: часть посетителей уходит, не дождавшись отрисовки.

Автовоспроизведение видео со звуком. Надёжный способ добиться мгновенного закрытия вкладки.

Слишком много целевых действий. Пять разных кнопок с разными предложениями рассеивают внимание. На каждом экране должен быть один очевидный следующий шаг.

Как проверить свою главную

Есть несколько практических способов, не требующих специальных инструментов.

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

Карта скроллинга в Яндекс.Метрике. Показывает, до какого места доходит прокрутка. Если 80% посетителей не добираются до блока с ценами, порядок блоков нужно менять.

Карта кликов. Показывает, куда люди на самом деле нажимают. Часто выясняется, что кликают на неинтерактивные элементы — значит, они выглядят как кнопки и их стоит сделать кликабельными.

Записи визитов. Самое полезное. Двадцать просмотренных сессий обычно дают больше идей, чем месяц рассуждений.

Проверка на телефоне и на медленном соединении.

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

Итог

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

Проверять результат нужно не по ощущениям, а по картам скроллинга и записям визитов в Метрике: они показывают, где именно люди теряют интерес.

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