Что писать на первом экране сайта
Первый экран — это всё, что посетитель видит без прокрутки: заголовок, подзаголовок, кнопка и визуал. По нему человек за несколько секунд решает, остаться на сайте или вернуться к поиску. Поэтому хороший первый экран не рассказывает о компании, а быстро отвечает на вопросы посетителя.
Проверка выше построена на пяти таких вопросах. Если на все пять есть короткие и понятные ответы, первый экран делает свою работу. Если хотя бы на один ответа нет — часть людей уходит, так и не узнав, что вы предлагаете.
5 вопросов, на которые должен отвечать первый экран
1. Что конкретно вы продаёте?
Продукт или услуга названы прямо, без метафор. Посетитель может пересказать предложение одной фразой.
2. Кому это подходит и в какой ситуации?
Клиент узнаёт себя: видно нишу, роль или задачу. Узкое предложение цепляет сильнее, чем «для всех».
3. Какой результат получит клиент?
Выгода, а не процесс: что изменится и когда. Цифры и сроки убеждают лучше прилагательных.
4. Почему стоит смотреть дальше?
Одно доказательство прямо на первом экране: число клиентов, логотипы, рейтинг, цифра из кейса. Это даёт повод прокрутить страницу.
5. Что сделать прямо сейчас?
Одна заметная кнопка с конкретным действием. Понятно, что произойдёт после нажатия.
Частые ошибки первого экрана
- Заголовок о компании, а не о клиенте. «Мы — лидеры рынка» ничего не говорит о пользе для посетителя.
- Общие слова. «Качественно», «инновационно», «индивидуальный подход» пишут все, поэтому их не замечают.
- Слишком длинный заголовок. За пару секунд читают 6–10 слов. Детали лучше вынести в подзаголовок.
- Несколько равнозначных кнопок. Когда предлагают пять действий, человек не выбирает ни одного.
- Абстрактная картинка. Фото «рукопожатия» или «команды в офисе» не показывает ни продукт, ни результат.
- Не проверили на телефоне. На мобильном кнопка или главный тезис часто уезжают ниже первого экрана.
Шаблон сильного первого экрана
- Заголовок: что вы делаете + для кого + главный результат.
- Подзаголовок: в какой ситуации это нужно и чем вы отличаетесь.
- 3 коротких тезиса: цифра, срок или гарантия, доказательство.
- Одна главная кнопка: конкретное действие с выгодой.
- Визуал: продукт, интерфейс или результат работы.
Вопросы и ответы
Что такое первый экран сайта?
Это часть страницы, которую посетитель видит сразу после загрузки, без прокрутки. Обычно в него входят заголовок, подзаголовок, главная кнопка и изображение. Его ещё называют hero-блоком или оффером.
Сколько времени посетитель смотрит на первый экран?
Решение остаться или уйти принимается за несколько секунд. За это время человек успевает прочитать заголовок, скользнуть взглядом по подзаголовку и заметить кнопку — поэтому главное должно считываться сразу.
Нужно ли указывать цену на первом экране?
Не обязательно. Цена помогает, если она — ваше преимущество или если без неё клиент не станет разбираться дальше. В остальных случаях достаточно «от …» или кнопки с расчётом стоимости.
Как проверить первый экран на реальных людях?
Покажите экран на 5 секунд человеку, который не знает ваш продукт, и спросите: что здесь продают, кому и что нужно сделать дальше. Если ответы расходятся с задуманным — переписывайте. Для сайтов с трафиком лучше всего работает A/B-тест двух заголовков.