Главная страница сайта: что разместить и в каком порядке

Главная страница сайта — это место, где посетитель за несколько секунд решает, туда ли он попал. Если за это время он не понял, чем вы занимаетесь, где работаете и что делать дальше, он вернётся в поиск и откроет следующую ссылку. В этой статье — какие блоки на главной странице нужны, в каком порядке их ставить и как проверить свою страницу за 10 минут. Мы в Webman собираем главные страницы для компаний из Астаны и других городов с 2016 года, и ошибки в них обычно одни и те же.

На практике главная выполняет три задачи. Первая — сориентировать: человек пришёл по рекламе, из 2ГИС или по названию компании и должен быстро понять, что здесь есть. Вторая — убедить: показать, почему вам можно доверять. Третья — направить: отправить посетителя в нужный раздел или сразу к заявке.

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

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

Главная страница — это не витрина со всем товаром, а указатель на входе: что здесь есть, почему вам можно доверять и куда идти дальше.

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

1. Заголовок с сутью. Что вы делаете и для кого. «Ремонт квартир под ключ в Астане» понятнее, чем «Создаём пространство вашей мечты».
2. Подзаголовок с выгодой или условием. Одна строка: сроки, гарантия, формат работы, район обслуживания. Только то, что вы реально выполняете.
3. Главная кнопка. Одно действие: «Рассчитать стоимость», «Записаться», «Получить прайс». Текст кнопки описывает результат, а не процесс («Отправить» — слабый вариант).
4. Способ связаться без формы. Телефон, кнопка WhatsApp или Telegram. В Казахстане многие клиенты предпочитают написать в мессенджер, а не заполнять поля.
5. Визуал по делу. Фото вашей работы, продукта, команды или офиса. Стоковая картинка «люди в костюмах пожимают руки» ничего не сообщает.

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

Частые ошибки первого экрана

• слайдер из нескольких баннеров, где главное сообщение мелькает и пропадает;
• заголовок-лозунг без указания услуги и города;
• три-четыре кнопки одинакового веса, из которых непонятно, какую нажать;
• огромное видео на фоне, из-за которого страница медленно открывается на мобильном интернете.

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

1. Первый экран — что вы делаете и что сделать дальше.
2. Услуги или категории — 3–⁠8 карточек со ссылками на страницы услуг.
3. Почему вы — 3–⁠4 конкретных отличия.
4. Примеры работ — кейсы, фото объектов, портфолио.
5. Как проходит работа — шаги от заявки до результата.
6. Цены или как формируется стоимость — диапазоны, пакеты или калькулятор.
7. Отзывы и доверие — реальные отзывы, сертификаты, партнёры.
8. Частые вопросы — 5–⁠8 вопросов, которые клиенты задают менеджеру.
9. Финальный призыв и контакты — форма, мессенджеры, адрес, карта.

Для интернет-магазина порядок другой: после первого экрана идут популярные категории, хиты продаж, условия доставки и оплаты (Kaspi, рассрочка, самовывоз), а «почему мы» уходит ниже. Для лендинга с одной услугой блок «Услуги» заменяется подробным описанием предложения.

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

Посетитель не знает вашу компанию. Ему нужны доказательства, которые можно проверить, а не общие слова.

Что работает:

• реальные фото объектов, команды, офиса или производства;
• кейсы с задачей, решением и результатом, о котором клиент разрешил рассказать;
• отзывы с именем и ссылкой на источник: Google Карты, 2ГИС, Instagram;
• лицензии, сертификаты, членство в ассоциациях, если они есть и относятся к делу;
• год основания, адрес, реквизиты в подвале сайта.

Что не работает или вредит:

• отзывы без имён, написанные одним стилем;
• счётчики «1000+ довольных клиентов» без возможности проверить;
• логотипы известных компаний, с которыми вы не работали напрямую.

Хороший приём для отзывов — дать ссылку на карточку компании в Google или 2ГИС. Человек может перейти и убедиться, что отзывы настоящие. Если карточка ещё не оформлена, начните с неё — по шагам это разобрано в статье про локальное SEO в Астане.

Одно проверяемое доказательство убеждает сильнее десяти красивых обещаний.

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

Компромиссные варианты:

• «от» и диапазоны. «Лендинг — от 330 000 ₸» сразу отсекает тех, кто ищет сайт за 30 000, и экономит время обеим сторонам;
• пакеты. Три уровня с понятной разницей: что входит в каждый;
• из чего складывается цена. Список факторов и ссылка на страницу с подробным расчётом;
• калькулятор. Несколько вопросов — и примерная стоимость с предложением уточнить её у менеджера.

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

Многие посетители сайтов малого бизнеса приходят со смартфона, особенно из Instagram, WhatsApp и мобильного поиска. Поэтому главную нужно проектировать сначала под телефон, а потом под компьютер.

Что проверить на своём телефоне:

1. Заголовок первого экрана читается без увеличения, кнопка видна без прокрутки.
2. Телефон кликабелен и открывает набор номера, ссылка на WhatsApp открывает чат.
3. Карточки услуг не превращаются в длинную ленту из десятка экранов.
4. Шрифт основного текста не мельче 16 пикселей, строки не упираются в края.
5. Всплывающие окна не закрывают контент сразу после открытия.
6. Страница открывается быстро на мобильном интернете, а не только по Wi-Fi.

Скорость легко проверить бесплатным сервисом Google PageSpeed Insights: он покажет, что тормозит загрузку. Чаще всего это тяжёлые изображения и видео на первом экране.

Тексты главной страницы читают по диагонали. Поэтому каждый блок начинается с заголовка, который сам по себе несёт смысл, а под ним — 2–⁠3 строки пояснения.

Простая проверка: прочитайте только заголовки блоков сверху вниз. Если из них складывается связный рассказ — «Ремонт квартир в Астане → Делаем черновой и чистовой ремонт → Фиксируем смету в договоре → Наши объекты → Как мы работаем → Сколько стоит → Вопросы → Запишитесь на замер» — страница понятна даже тем, кто не читает подробности.

Несколько правил для текстов:

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

Меню и подвал — тоже часть главной страницы, и о них часто забывают.

Меню. 5–⁠7 пунктов, названных так, как говорят клиенты: «Услуги», «Цены», «Работы», «Контакты». Не «Решения» и не «Экосистема». Телефон или кнопка мессенджера в шапке остаются видимыми при прокрутке — так связаться можно с любого места страницы. На телефоне меню прячется под значок, но кнопка связи должна оставаться на виду.

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

• адрес, график работы, телефон, почту и мессенджеры;
• ссылки на основные разделы и соцсети;
• реквизиты (название юрлица или ИП, БИН/ИИН), если вы работаете с компаниями;
• ссылку на политику конфиденциальности, если сайт собирает заявки.

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

Вот ошибки, которые встречаются на главных страницах чаще всего:

• Нет ответа на вопрос «где». Город и район обслуживания не указаны, хотя для местного бизнеса это ключевая информация.
• Новости на главном месте. Блок «Новости компании» с записью двухлетней давности говорит посетителю, что сайт заброшен.
• Всё про компанию, ничего про клиента. История основания, миссия и ценности занимают половину страницы, а услуги спрятаны.
• Форма с десятью полями. Для первого контакта обычно достаточно имени и телефона. Как сделать форму, которую заполняют, — в отдельной статье про форму заявки на сайте.
• Нет ссылок на внутренние страницы. Карточки услуг не кликаются, и посетитель не может перейти к подробностям.
• Аналитика не настроена. Без счётчика и целей невозможно понять, какой блок работает, а какой пролистывают.

Перешлите его тому, кто отвечает за сайт:

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

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

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