Человек открывает сайт и почти сразу решает: остаться или вернуться в поиск. Он не читает, а сканирует — заголовок, картинку, кнопку. Если за эти несколько секунд непонятно, что здесь предлагают и подходит ли это ему, дальше он не прокрутит. Первый экран — это не украшение, а ответ на вопрос «я туда попал?».
Три вопроса, на которые отвечает первый экран
Хороший первый экран без прокрутки отвечает на три вопроса:
- Что это? Какая услуга или продукт.
- Для кого и где? Кому подходит, в каком городе или формате.
- Что делать дальше? Одно понятное действие.
Всё остальное — история компании, миссия, награды, пять преимуществ с иконками — может подождать ниже. Если первый экран пытается рассказать всё, он не рассказывает ничего.
Заголовок: называй вещи прямо
Самая частая ошибка — красивый, но пустой заголовок. «Мы создаём уют», «Качество, которому доверяют», «Ваш надёжный партнёр». Такие фразы подходят любой компании, а значит, не говорят ничего о твоей.
Рабочая формула простая: что ты делаешь + для кого или где + чем это отличается.
| Было | Стало |
|---|---|
| Мы создаём уют | Ремонт квартир под ключ в Казани со сметой до начала работ |
| Ваш надёжный партнёр | Бухгалтерия для ИП и ООО на упрощёнке — от 5 000 ₽ в месяц |
| Красота начинается здесь | Маникюр и педикюр у метро Чкаловская, запись онлайн на сегодня |
Хороший заголовок обычно совпадает с тем, что человек вводил в поиск. Это помогает и ему, и поисковой системе: страница явно отвечает на запрос.
Подзаголовок: сними главное сомнение
Под заголовком — одна-две строки, которые отвечают на первое возражение. Подумай, что клиент спрашивает чаще всего в первом разговоре:
- «Сколько это стоит?» — укажи цену «от» или как она считается.
- «Сколько ждать?» — назови срок.
- «А вдруг не получится?» — скажи про гарантию или пробный этап.
Например: «Фиксируем цену в договоре. Выезд на замер бесплатно, в течение двух дней».
Одна кнопка, а не четыре
На первом экране должно быть одно главное действие. Если рядом стоят «Позвонить», «Написать», «Скачать прайс» и «Подписаться», человек не выбирает ничего.
- Главная кнопка — с пользой в тексте: «Рассчитать стоимость», «Записаться на замер».
- Допустима одна второстепенная ссылка, например «Посмотреть работы» с якорем вниз.
- Телефон в шапке не мешает — это привычное место, его там ищут.
Картинка: показывай результат, а не стоковую улыбку
Фото людей в галстуках, пожимающих руки, давно не вызывает доверия. Лучше работает то, что реально связано с услугой:
- готовый результат работы — фото объекта, интерьера, продукта;
- сам специалист или команда за делом;
- скриншот интерфейса, если это сервис.
И проверь вес изображения. Огромная картинка на первом экране — частая причина медленной загрузки на телефоне, а пока она грузится, человек видит пустоту.
Немного доверия рядом с кнопкой
Одна короткая строка под кнопкой может сильно помочь: «Работаем с 2015 года, 340 сданных квартир» или «4,9 на Яндекс Картах, 120 отзывов». Главное — чтобы цифры были настоящими и проверяемыми. Придуманное доверие разваливается при первом же взгляде на карты или отзывы.
Проверь на телефоне
Большая часть посетителей сайтов услуг приходит с мобильных. На маленьком экране первый экран становится ещё меньше, поэтому:
- заголовок не должен занимать весь экран и уводить кнопку вниз;
- кнопка видна без прокрутки и удобна для пальца;
- текст читается без увеличения;
- картинка не перекрывает текст и не съедает половину экрана.
Типичные ошибки
- Слайдер из пяти баннеров. До второго слайда почти никто не досматривает, а главное сообщение размывается.
- Заголовок-лозунг вместо понятного описания услуги.
- Нет цены и срока совсем, даже ориентировочных.
- Всплывающее окно поверх первого экрана сразу при входе.
- Разные обещания в рекламе, сниппете и на первом экране. Человек кликнул на одно, а увидел другое.
Чек-лист первого экрана
- Из заголовка понятно, что за услуга и где она оказывается.
- Подзаголовок отвечает на главное сомнение: цена, срок или гарантия.
- Есть одна главная кнопка с пользой в тексте.
- Картинка показывает реальную работу или результат.
- Рядом с кнопкой есть проверяемый факт доверия.
- На телефоне кнопка видна без прокрутки.
- Обещание совпадает с title, description и рекламой.
Как это сделать в MyReady
В MyReady первый экран — это обычный блок страницы, который можно поправить в редакторе или попросить агента переписать. Удобный порядок:
- Выпиши запрос, по которому тебя чаще всего ищут, и главный вопрос клиентов.
- Попроси агента предложить три варианта заголовка и подзаголовка по формуле выше — для главной и для каждой страницы услуги.
- Оставь одну главную кнопку и замени стоковое фото на реальное.
- Опубликуй и открой страницу на телефоне, чтобы проверить, что всё помещается.
С чего начать сегодня
Покажи свою главную страницу знакомому на пять секунд и закрой. Спроси, что ты предлагаешь и что он сделал бы дальше. Если ответ расплывчатый, начни с заголовка — это самое дешёвое и самое заметное изменение на всём сайте.