Вернуться к блогу
22 июля 2026 г.

Hero-блок для сайта эксперта: формула первого экрана без воды

Формула главного блока (Hero) для эксперта: H1 из клиентских фраз, подзаголовок с механизмом, одна кнопка и пятисекундный тест на трёх людях из ЦА. В конце статьи – промпт-помощник.

оффер экспертатест экранапервый экранзаголовок лендингаглавный блок
Hero-блок для сайта эксперта: формула первого экрана без воды, Никита Куликов, личный бренд, сам себе инженер

Психолог три года ведёт практику: в Instagram* клиенты пишут "наконец-то понятно", на главной – "помогаю обрести гармонию" и карусель сертификатов. Знакомая из чата через четыре секунды спрашивает: "Ты с чем помогаешь?" – и уходит к коллеге со строкой "Разбираем конфликт в паре за 4 сессии". В переписке вы ясны, на сайте – витрина дипломов. За вечер – три строки главного блока (Hero) из клиентских фраз и пятисекундный тест на трёх людях из целевой аудитории.

Главный блок (Hero) экспертного сайта – не картинка и не витрина регалий. Это ориентация "моё / не моё" за несколько секунд: один заголовок с результатом для узкой аудитории, подзаголовок с механизмом работы и одна кнопка с ответом "что получу после клика". Регалии, длинное об авторе (about) и второй призыв к действию (CTA) – ниже, после того как человек понял смысл.

Если открыть Яндекс Вордстат, запрос «главный блок (hero) сайта» даёт около 62 показов в месяц – тема кажется узкой. Но «первый экран сайта» – около 188, «заголовок лендинга» – 83: люди ищут по-человечески, не термином из макета (Figma). Гайды спорят о секундах внимания – 3–5 или менее 3 по айтрекингу. Надёжнее пятисекундный тест на живых людях, чем спор о точной цифре. Именно поэтому здесь сборка из переписок, а не креатив ради красоты.

На холодном трафике посадочная страница (landing) – финальный фильтр: 40–55% уходят, не доскроллив второй блок, если экран не отвечает, кому вы помогаете и с какой задачей.

Уберите с первого экрана витрину дипломов

Сравнение слабого первого экрана с дипломами и сильного hero с конкретным результатом

Типичная ошибка – сертификаты выше заголовка. На созвоне польза ясна, на сайте – регалии без контекста. Их место ниже прокрутки, когда человек понял "это про меня".

На практике сильный экран отвечает на результат, не на статус. Юрист с каруселью наград проигрывает строке "Готовлю возражение на иск за 5 рабочих дней для ИП". Психолог с "раскрытием потенциала" проигрывает тому, кто называет задачу и срок. Читатель решает за секунды – тратить ли внимание дальше.

Зафиксируйте четыре ответа, которые должны быть видны без прокрутки

Workflow четырёх ответов первого экрана: кто, кому, задача и действие по кнопке

Боль "в переписке ясно, на сайте нет" лечится четырьмя ответами: кто вы, кому помогаете, с какой задачей, что делать по кнопке. Если хотя бы один туманный – вкладка закрывается.

В зону над линией сгиба (above the fold) — видимую часть без прокрутки — на десктопе попадает около 700–800 пикселей, на мобильном – 500–600. Заголовок, подзаголовок и кнопка должны быть видны без долгого скролла. В реальном проекте проверяйте телефон: там чаще всего ломается ясность.

Элемент первого экрана — Слабая формулировка — Сильная формулировка

Заголовок (H1) — Слабая формулировка: "Помогаю обрести гармонию и раскрыть потенциал"; Сильная формулировка: "Разбираем конфликт в паре за 4 сессии – очно и онлайн"

Подзаголовок — Слабая формулировка: "Индивидуальный подход к каждому клиенту"; Сильная формулировка: "Первая встреча – диагностика, дальше – план из 4 сессий с домашними заданиями"

Кнопка (CTA) — Слабая формулировка: "Оставить заявку" / "Отправить"; Сильная формулировка: "Получить план сессий" / "Записаться на диагностику"

Визуал — Слабая формулировка: Карусель сертификатов, стоковое фото; Сильная формулировка: Одно спокойное фото или схема без перегруза

Лишнее на экране — Слабая формулировка: Две кнопки, пять преимуществ, длинный блок «о себе» (bio); Сильная формулировка: Один сценарий действия – одна кнопка

Вычистите абстракции, которые звучат как реклама

Чеклист замены абстрактных формулировок hero на конкретные клиентские фразы

"Индивидуальный подход" и "комплексные решения" не несут смысла – их пишут все. Подзаголовок объясняет механизм: формат, срок, что входит. Не повторяйте H1 другими словами.

Формула позиционирования: "Я [кто] помогаю [кому] решить [проблему]". Для главного блока (Hero) сожмите до "[результат] для [узкой аудитории]". Маркетолог на экране – не "развиваю бизнес", а "Настраиваю рекламу в Яндекс Директ для услуг для бизнеса (B2B) с бюджетом от 80 тысяч". Конкретика – экономия времени читателя.

Соберите заголовок из пяти-семи реальных обращений клиентов

Боль "не знаю, как сформулировать коммерческое предложение (offer) без коуча" снимается цитатами из переписок, не мозговым штурмом. Возьмите 5–7 обращений за последние месяцы, выпишите глаголы результата – не из блока "обо мне". Часто ломается здесь: эксперт пишет то, что звучит "профессионально", а клиенты формулируют задачу бытовыми словами. Берите бытовые.

Схема сборки:
Цитаты клиентов → 5–10 черновиков заголовка (H1) до 120 знаков → один подзаголовок с механизмом → одна кнопка "что получу" → тест на 3 людях
  1. Соберите вход: 5–7 реальных обращений, одна услуга, одна узкая аудитория, скрин текущего первого экрана.
  2. Выпишите глаголы результата из фраз клиентов – "разобрались", "сдали", "перестали ссориться", не "оказали поддержку".
  3. Напишите 5–10 вариантов заголовка (H1) по формуле "[результат] для [кого]" и отметьте два лучших.
  4. Добавьте подзаголовок: формат, срок или снятие одного возражения – без повтора заголовка (H1).
  5. Сформулируйте одну кнопку: конкретное действие плюс выгода – "Получить план сессий", не "Отправить". В разборах замена "Оставить заявку" на "Получить расчёт" давала +15–25% к конверсии на трёх проектах.
  6. Уберите с экрана карусель, вторую кнопку, длинный блок «о себе» (bio), стопку сертификатов выше заголовка.
  7. Проведите пятисекундный тест на трёх людях из целевой аудитории: "это про вас?" и "что делать дальше?".

Шаблоны главного блока (usa-hero, Carbon Hero) в дизайн-системах на GitHub подтверждают минимум: заголовок, описание, одна кнопка. В конструкторе или WordPress нужна та же логика иерархии, не код.

Итоговый вердикт: если в переписке вас понимают с полуслова, а сайт молчит – проблема не в дизайне. Соберите три строки из клиентских фраз, оставьте одну кнопку и проверьте пятисекундным тестом. Регалии и длинное об авторе (about) подождут.

Оставьте один призыв к действию и уберите перегруз

Две кнопки, карусель и блок "почему мы" на первом экране размывают решение. Один сценарий лучше трёх "на всякий случай". "Отправить" не обещает ничего – "Получить расчёт" в разборе дало +22% к конверсии. Кнопка отвечает на "что получу", не на техническое действие.

Проверьте экран до публикации без A/B-тестов

Страх "звучать самовлюблённо" лечится тестом: покажите скрин на 5 секунд трём людям из целевой аудитории, спросите "это про вас?" и "что делать дальше?". Если называют только профессию – сузьте "для кого" или усильте результат.

Откладывание из-за "идеального текста" – ловушка. Минимальный главный блок (Hero) — заголовок (H1), подзаголовок, одна кнопка. Детали услуг – на странице услуг, биография – на странице об авторе: первый экран только ориентирует.

Критерии готовности: когда текст можно вставлять в конструктор

Готово, если три человека за 5 секунд называют результат – не только профессию, понимают шаг по кнопке, и вам не стыдно показать экран клиенту. Переписка и сайт говорят на одном языке. Перенесите текст в Тильду, WordPress или другой конструктор и снова прогоните тест на телефоне.

Что дальше

  1. Сохраните 5–7 цитат из переписок в отдельный документ – это сырьё для всех текстов сайта.
  2. Соберите три строки главного блока (Hero) по шагам выше и проведите пятисекундный тест.
  3. Уберите с первого экрана всё, что не помогает ответить "моё / не моё".
  4. Опубликуйте черновик и соберите обратную связь от первых заявок – не ждите идеала.

Если хотите пройти этап ясности системно – загляните в KiRAN Praxis: там можно собрать формулировки до верстки сайта.

Частые вопросы

Что писать на первом экране сайта эксперта?

Один заголовок с результатом для узкой аудитории, подзаголовок с форматом или сроком и одна кнопка с ответом "что получу". Не биографию и не список всех услуг – только ориентацию "моё / не моё".

Как написать главный блок (Hero) без копирайтера?

Возьмите 5–7 реальных обращений клиентов, выпишите глаголы результата, сделайте 5–10 черновиков H1 до 120 знаков и выберите лучший пятисекундным тестом на трёх людях из целевой аудитории.

Как сформулировать коммерческое предложение (offer) эксперта?

Сожмите позицию до "[результат] для [кого]". Подзаголовок объясняет механизм: сколько встреч, в каком формате, что входит. Абстракции вроде "индивидуальный подход" замените фразами из переписок.

Каким должен быть заголовок лендинга?

До 120 знаков, с конкретным результатом и узкой аудиторией. Слабый заголовок называет профессию или обещает "гармонию"; сильный – называет задачу клиента и срок или формат.

Нужны ли дипломы и сертификаты на первом экране?

Нет, если холодный трафик ещё не понял пользу. Регалии работают ниже, когда человек уже узнал "это про меня". На первом экране важнее результат, не статус.

Сколько кнопок оставить на первом экране?

Одну. Вторая кнопка и карусель размывают решение. Текст кнопки – про выгоду после клика: "Получить план", "Записаться на диагностику", не "Отправить".

Как проверить первый экран до запуска рекламы?

Пятисекундный тест: покажите скрин трём людям из целевой аудитории, спросите "это про вас?" и "что делать дальше?". Если ответы туманные – сузьте аудиторию в H1 или усильте результат.

* Instagram и Facebook (*Признаны экстремистскими организациями и запрещены на территории РФ)

Промпт для hero блок сайта: три строки первого экрана из переписок

Действие / Роль
Ты – редактор первого экрана для сайтов экспертов в услугах (психолог, юрист, консультант, маркетолог). Помогаешь собрать три строки главного блока (Hero): H1, подзаголовок и одну кнопку призыва к действию (CTA) из реальных обращений клиентов – без маркетинговой воды и без ухода в дизайн.

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

Глубокое мышление
Сначала попроси: 1) одну услугу и одну узкую аудиторию; 2) 5–7 цитат из переписок или созвонов (глаголы результата и формулировки боли); 3) скрин текущего первого экрана, если есть; 4) черновик «обо мне», если писали. Логика: выпиши глаголы результата → сгенерируй 5–10 вариантов H1 по формуле «[результат] для [кого]» (до 120 знаков) → выбери 2 лучших → напиши подзаголовок с механизмом (формат, срок, что входит) без повтора H1 → сформулируй одну кнопку «что получу» → перечисли, что убрать с экрана (карусель, вторая кнопка, сертификаты выше заголовка) → опиши пятисекундный тест на 3 людях из ЦА. Если данных мало – уточняй, не выдумывай кейсы.

Вопросы
1. Приведите 5–7 реальных фраз клиентов: с чем пришли и какой результат назвали своими словами?
2. Кому вы помогаете в одном предложении – одна узкая аудитория или несколько разных?
3. Что сейчас на первом экране сайта – заголовок, подзаголовок, текст кнопки?
4. Какие слова вы боитесь написать, потому что «звучит самовлюблённо» – и что клиенты говорят вместо них?
5. Кого из целевой аудитории можете попросить посмотреть экран 5 секунд и ответить «это про вас?» и «что делать дальше?»

Продолжить диалог

Если хотите разобрать вашу ситуацию и собрать опору в личном бренде, напишите мне.