Що розміщувати на головній сторінці: зрозумілий гід для власника бізнесу (10 блоків у потрібному порядку)

Коротко: головна сторінка — це не короткий виклад всієї вашої компанії, це вітрина вашого магазину. Її завдання — відповісти на пʼять питань в голові відвідувача, по порядку і за секунди: що це, мені підходить, чому вам вірити, скільки коштує, що робити далі. Ось точна розкладка з 10 блоків, яка працює для сайту малого бізнесу, з прикладами та типовими помилками.

10 блоків за порядком

Блок 1. Перший екран (тут приймається все рішення)

Що обовʼязково має бути над фолдом, до будь-якої прокрутки:

• Заголовок мовою клієнта — «Кухні під ключ за 10 днів від $900», а не «Ми динамічна команда».
• Підзаголовок — одна конкретна вигода або уточнення: «Безкоштовний дизайн, гарантія 3 роки, 240+ кухонь здано».
• Один головний CTA — «Розрахувати вартість» / «Записатися на дзвінок». Не пʼять конкуруючих кнопок.
• Фото або короткий візуал — вашої реальної роботи, а не сток.

Якщо відвідувач пішов через 5 секунд, не прокрутивши, — цей блок не спрацював. Перевірте на телефоні: відкрийте свою головну, через 5 секунд закрийте і запитайте себе — що продають і як замовити. Не можете відповісти? Переписуйте.

Блок 2. Що ви робите — послуги в 3–4 картках

Короткі назви, описи в один рядок, посилання на детальну сторінку. Не абзаци. Відвідувач досі сканує — допоможіть йому за пару секунд знайти себе у вашому списку.

Блок 3. Чому ви — один блок, три-пʼять булетів

Не «професіоналізм і якість», а конкретні відмінності: «публікуємо ціну на сайті», «гарантія 3 роки в договорі», «240+ зданих проєктів», «фіксований бюджет без сюрпризів у процесі». Кожен буллет має відповідати «і що мені з цього?» в голові клієнта.

Блок 4. Доказ роботою: портфоліо або кейси

3–6 плиток з реальними проєктами, кожен — з результатом однією цифрою (+180% конверсії, здано за 10 днів, ×2,5 бронювань). Нижче фолда — нормально для цього блоку, відвідувачі, які до нього дійшли, вже теплі й хочуть доказів перед заявкою.

Блок 5. Відгуки та логотипи клієнтів

Два-три testimonials з іменами та конкретикою, або бейдж «4,9★ з 120 відгуків у Google», або логотипи відомих клієнтів, якщо вони є. Тут відвідувач вирішує, чи достатньо ви надійні, щоб з вами говорити. Дивіться як збирати та показувати відгуки.

Блок 6. Як ви працюєте — процес з 3–5 кроків

«Дзвінок → бриф → договір → виробництво → запуск». Відвідувачу без досвіду купівлі таких послуг треба знати, що буде далі. Це знімає страх невідомості та допомагає йому уявити себе вашим клієнтом.

Блок 7. Ціни — або хоча б «від…»

Блок, якого власники бізнесу уникають найбільше, і який найсильніше піднімає конверсію. «Від $1,100» фільтрує нецільових і приводить людей, які вже готові говорити про бюджет. Якщо ви правда не можете вказати точну ціну — давайте пакети або рамки «від/до». Повний гід із вартості сайту.

Блок 8. FAQ — відповідте на те, що бояться запитати

5–7 коротких питань: терміни, що входить, оплата, гарантія, що якщо результат не сподобається. Кожне закрите заперечення — це відвідувач, який не пішов подумати. Чому сайт не конвертує.

Блок 9. Коротке «Про нас» — абзаць з обличчям

Блок «Про нас» на головній — це не повноцінна сторінка About, це доказ у 2–4 речення, що ви реальний, живий бізнес. Фото, імʼя, «з 2016 року, Львів, 12 чоловік у команді, 240+ зданих проєктів». Далі посилання на повну сторінку. Як написати сторінку About.

Блок 10. Фінальний CTA + контакти

Повторіть головний CTA внизу — відвідувачі, які доскролили до кінця, ваші найтепліші. Поруч: реальний телефон (клікабельний на мобільному), кнопки WhatsApp/Telegram, адреса з картою Google, робоча пошта. Тут відвідувач конвертується.

Сім найчастіших помилок на головній

Помилка	Чому вбиває конверсію	Що робити
Заголовок про вас («ласкаво просимо», «молода динамічна команда»)	відвідувач не бачить свого запиту	скажіть що продаєте і для кого
Ніде немає ціни	40% покупців, які хочуть ціну, не будуть питати	вкажіть хоча б «від…»
5 CTA на одному екрані	ступор вибору, нуль дії	один головний CTA на екран
Стокові фото ділових людей	відчувається фальш, немає сигналу довіри	реальні фото роботи, команди, клієнтів
«Про нас» як блок 2	егоцентричність перед доказом цінності	пересуньте About ближче до кінця, залиште 4 рядки
Форма з 7 полів	кожне зайве поле — мінус 10–20% заявок	телефону + імені достатньо
Немає відгуків, немає кейсів	незнайомець без доказів	додайте хоч щось справжнє — навіть 3 відгуки допомагають

Головна vs лендінг — чи потрібна вам загалом повноцінна головна?

Якщо ви лʼєте платний трафік на одну конкретну послугу чи кампанію, реклама має вести на окремий лендінг, а не на загальну головну. Лендінг — це вже: одна пропозиція, один CTA, меню, яке відволікає, прибрано. Головна обслуговує загального відвідувача з пошуку та Карт; лендінг обслуговує того, хто вже клікнув на конкретну рекламу. Лендінг чи багатосторінковик пояснює детальніше.

Зазвичай власнику малого бізнесу треба і те й інше: нормальна головна як база плюс 2–3 лендінги під топові пропозиції. Але якщо обирати одне — спершу доведите головну до розуму, вона працює на всіх джерелах трафіку.

Як виглядає «добре» в реальному житті

Два референси з нашого портфоліо:

• Solomia Beauty — магазин косметики. Перший екран: герой-продукт + знижка + одна кнопка «Купити». Далі бестселери, відгуки, умови доставки, checkout. Все, що потрібно незнайомцю перед оплатою.
• Verkhava — карпатський готель. Перший екран: вид з реального обʼєкта + CTA «Забронювати дати». Далі номери з цінами, форма бронювання, відгуки гостей, як дістатися. Головна і є воронка бронювання.

Швидка перезавантаження головної, яку можна зробити цього тижня

Підсумок

Гарна головна — це не про красу чи щільність інформації. Це про те, щоб відповісти на пʼять питань відвідувача в правильному порядку і за той час, який він вам реально дасть. Десять блоків, за порядком, зі справжніми доказами та одним чітким CTA. Порівняйте свою поточну головну з цим списком: чого бракує — там і витікають заявки.

Замовити головну, спроектовану під заявки → — ми проектуємо і збираємо головні сторінки саме в такій структурі, з реальною зйомкою та вбудованими конверсійними блоками. Читайте також: анатомія сайту, який приносить заявки і продаючі тексти для сайту.