Above the fold (первый экран)

Определение: Above the fold (первый экран) — это часть страницы, которую пользователь видит сразу после загрузки, без прокрутки. Обычно сюда попадают заголовок, ключевое предложение, главная кнопка действия и элементы доверия, которые помогают быстро понять: «я по адресу».

Зачем это нужно

• Быстро объяснить, чем вы занимаетесь и какую пользу получите клиент.
• Удержать внимание в первые секунды: снизить риск, что человек закроет страницу.
• Подвести к действию: заявка, звонок, расчёт, покупка, запись.
• Сразу снять часть сомнений: показать опыт, отзывы, гарантии, сроки или понятный процесс (как правило, кратко).
• Помочь поиску и рекламе: пользователь должен увидеть подтверждение своего запроса.
• Выстроить правильную иерархию: главное наверху, детали — ниже по странице.

Пример

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

Скриншот

Подпись к скриншоту: верхняя часть страницы в браузере на десктопе и на мобильном: где заканчивается «первый экран» и какие элементы в него попадают (H1, CTA-кнопка, оффер, доверие)

Частые ошибки

• Ставить на первый экран «красивую картинку», но без понятного оффера и кнопки действия.
• Перегружать: слишком много текста, пунктов меню, слайдеров и второстепенных блоков.
• Не учитывать мобильный: на телефоне важные элементы уезжают вниз и становятся «ниже первого экрана».
• Размытый заголовок без конкретики (не понятно, что вы делаете и для кого).
• CTA не заметен или не соответствует странице (например, «Купить» там, где нужен «Получить консультацию»).

Связанные термины

• CTA (призыв к действию)
• Оффер
• Hero-блок
• Лендинг
• Конверсия
• UX

Наши услуги

• Создание корпоративных сайтов — проектируем первый экран так, чтобы он сразу объяснял ценность и вёл к заявке.
• Создание интернет-магазинов — настраиваем первый экран под продажи: категории, акции, поиск и быстрый путь к товару.
• Реклама Яндекс Директ — помогаем связать объявление и первый экран, чтобы больше кликов превращались в лиды.