Первый экран — то, что посетитель видит сразу после загрузки страницы, до прокрутки. Именно здесь человек за несколько секунд решает: разбираться дальше или закрыть вкладку. Можно вложить в рекламу сколько угодно, но если наверху страницы размытый лозунг, три равнозначные кнопки и всплывающее окно — заявок не будет. Ниже — чек-лист из десяти пунктов, по каждому — как проверить и что исправить.
Как пользоваться чек-листом
Откройте сайт так, как его видит клиент: с телефона, по ссылке из рекламы или поиска, в режиме инкогнито, чтобы не мешал кэш браузера. Пройдите пункты по порядку и отвечайте честно — не «в целом понятно», а «понятно человеку, который видит страницу впервые и ничего о вас не знает». Ещё лучше — покажите первый экран знакомому, который не в теме вашего бизнеса.
Чек-лист: 10 пунктов
1. Заголовок отвечает: что, для кого, чем лучше
Как проверить. Прочитайте заголовок глазами постороннего. Из него должно быть ясно, какую услугу вы оказываете, кому и почему стоит выбрать именно вас. «Комплексные решения для вашего бизнеса» не отвечает ни на один из трёх вопросов.
Как исправить. Соберите заголовок из конкретики: услуга, аудитория, главное отличие. «Ремонт квартир под ключ в Казани — смета фиксируется в договоре» работает лучше любого лозунга. Отличие должно быть проверяемым фактом, а не «высоким качеством и индивидуальным подходом».
2. Подзаголовок раскрывает оффер, а не повторяет его
Как проверить. Закройте заголовок рукой и прочитайте только подзаголовок. Добавляет ли он что-то новое: сроки, цену, механику работы, гарантию? Если это перефразированный заголовок или общие слова — пункт провален.
Как исправить. Отдайте подзаголовку самый частый вопрос клиента. Если все спрашивают «сколько стоит» — назовите вилку цен или объясните, от чего зависит цена. Если боятся сроков — назовите срок и что будет, если вы его сорвёте.
3. Один главный призыв к действию
Как проверить. Посчитайте кнопки и активные ссылки на первом экране. «Оставить заявку», «Рассчитать стоимость», «Скачать прайс» и «Позвонить» одновременно — это четыре двери, и посетитель не откроет ни одну.
Как исправить. Оставьте одно главное действие — то, которое проще всего сделать холодному посетителю. Остальное уберите ниже по странице или сделайте визуально второстепенным: ссылкой, а не кнопкой.
4. Кнопку видно, и понятно, что будет после нажатия
Как проверить. Отойдите от экрана на пару шагов или прищурьтесь. Кнопка должна быть первым, что цепляет взгляд после заголовка. Затем прочитайте текст на ней: «Отправить» и «Далее» не обещают ничего, «Узнать больше» — почти ничего.
Как исправить. Дайте кнопке контрастный цвет, которого больше нет на экране, и текст с результатом: «Получить расчёт за 10 минут», «Записаться на замер». Рядом можно мелким шрифтом снять страх: «Бесплатно, ни к чему не обязывает».
5. Первый экран появляется быстро
Как проверить. Откройте сайт с телефона через мобильный интернет, а не по домашней сети, и посчитайте секунды до момента, когда видны заголовок и кнопка. Больше трёх-четырёх секунд — заметная часть посетителей уходит, не дождавшись. Точные цифры покажет бесплатный PageSpeed Insights.
Как исправить. Чаще всего первый экран тормозит из-за огромной фоновой картинки или видео. Сожмите изображения, уберите автоматическое видео с первого экрана, отложите загрузку тяжёлых скриптов — обычно этого достаточно, а для разработчика это задача на пару часов.
6. На телефоне всё помещается и читается
Как проверить. Откройте страницу со своего телефона. Заголовок читается без увеличения? Кнопка видна без прокрутки? Элементы не наезжают друг на друга? Большинство посетителей лендингов приходят именно с телефонов, так что мобильная версия — это и есть основная версия.
Как исправить. Для мобильной версии сокращайте: заголовок короче, картинка проще, меню свёрнуто. Проверьте размер кнопки — в неё должно быть легко попасть пальцем, а не только курсором.
7. На первом экране есть повод вам доверять
Как проверить. Есть ли наверху хоть один факт, который отличает вас от анонимной однодневки: годы работы, число выполненных проектов, известные клиенты, рейтинг на картах, фотография реальных работ вместо стоковой?
Как исправить. Добавьте одну-две короткие фактические строки рядом с заголовком или под кнопкой: «Работаем с 2012 года», «4,9 на Яндекс Картах». Не устраивайте парад значков — один честный проверяемый факт убедительнее пяти абстрактных «гарантий качества».
8. Ничего лишнего
Как проверить. Перечислите всё, что находится на первом экране. Слайдер с пятью баннерами, навязчивая анимация, чат, выпрыгивающий через три секунды, окно со скидкой поверх текста — каждый элемент либо ведёт к заявке, либо отвлекает от неё.
Как исправить. Уберите слайдер: посетитель редко дожидается второго кадра, а ваше сообщение размазывается на пять экранов. Отключите всплывающие окна на первых секундах. Правило простое: один экран — одна мысль — одно действие.
9. Картинка подтверждает оффер, а не украшает страницу
Как проверить. Уберите мысленно весь текст. Поймёт ли посетитель по одной картинке, чем вы занимаетесь? Улыбающиеся люди в костюмах со стоковой фотографии подходят и стоматологии, и юристам, и доставке пиццы — значит, не подходят никому.
Как исправить. Покажите продукт или результат: объект до и после, рабочий процесс, интерьер студии, себя и команду. Своя фотография среднего качества вызывает больше доверия, чем идеальная чужая.
10. Тест пяти секунд
Как проверить. Итоговая проверка. Покажите первый экран человеку, не знакомому с вашим бизнесом, на пять секунд и закройте страницу. Спросите: что предлагают, кому и что нужно сделать, чтобы это получить? Три внятных ответа — экран работает.
Как исправить. Если ответы расплывчатые, вернитесь к пунктам 1–4: почти всегда проблема в заголовке или в лишних элементах, которые растаскивают внимание.
Что дальше
Первый экран — самая важная, но не единственная часть страницы. Дальше посетителя встречают описание услуги, цены, отзывы и форма заявки, и провал на любом из этих шагов тоже стоит заявок. Если хотите проверить страницу целиком — по SEO, удобству, текстам, доверию и офферу, — это делает комплексный аудит site-insight: отчёт на языке бизнеса с приоритетным планом действий, где каждая рекомендация опирается на конкретный фрагмент вашей страницы.
Пройдите чек-лист руками, а потом сверьтесь с аудитом: тестовый аудит в site-insight бесплатный — укажите адрес сайта и через 20–30 минут получите список проблем первого экрана и остальной страницы вместе с готовыми исправлениями текстов.