Эта статья — для собственника малого бизнеса в услугах, у которого уже есть сайт или собирается новый, и хочется понять, что там точно должно быть, а что можно смело выбросить. Разберём семь блоков по одному: что каждый делает, какие ошибки убивают заявки и как быстро самому проверить свою главную.

Если после разбора захочется собрать всё сразу и в связке с рекламой — состав работ есть на странице тарифов.

С чего собирается главная сайта услуг?

Главная — не витрина «всё что мы умеем», а короткий разговор с посетителем, которого привёл поиск или реклама. У него мало времени, часто открыто одновременно ещё три вкладки конкурентов, и он ищет один ответ: подходите ли вы под его задачу. Всё, что мешает быстро это понять, играет против вас.

Полезно смотреть на главную как на семь связанных ответов, а не как на набор красивых секций. Каждый блок — реплика в диалоге, а не «раздел для галочки». Если из блока нельзя вычислить, зачем он посетителю, лучше не улучшать его дизайн, а сначала переписать смысл.

По исследованиям Nielsen Norman Group большая часть посетителей уходит со страницы в первые 10–20 секунд, и продлить их внимание помогают именно ясное обещание и понятный следующий шаг, а не украшения. Дальше — по блокам.

Блок 1. Первый экран: обещание за три секунды

На первом экране посетитель должен без прокрутки понять три вещи: что вы делаете, для кого и что произойдёт после нажатия кнопки. Всё остальное — потом. Если обещание считывается только со второго-третьего экрана, часть аудитории до него не дойдёт, и это не претензия к аудитории.

Рабочая формула первого экрана — короткая:

  • H1 — что вы делаете и для кого («Сайты услугам с настройкой Яндекс Директа за 7 дней»);
  • Подзаголовок — почему это про читателя и какое ограничение снимаете («Без агентства, без штата — с гарантией: 2 недели до заявок или возврат за настройку»);
  • Одна кнопка — понятное действие («Обсудить проект», «Посчитать стоимость», «Оставить заявку»);
  • Мини-доказательство — одна строка, которая снижает риск («Сдаю к дедлайну, живу в UTC+7, на связи в рабочие часы МСК»).

Слайдер из трёх сменяющих друг друга баннеров чаще всего мешает: пока человек читает первый, появляется второй, а третий он уже не увидит. Крупный фоновый видеоролик красив, но проседает по скорости на мобильных, и Web.dev прямо советует смотреть Core Web Vitals отдельно для мобильных пользователей.

Проверить первый экран быстро: закройте страницу через пять секунд и попросите знакомого не из вашей ниши пересказать, что вы делаете. Если он отвечает «что-то про сайты», обещание слабое. Если говорит «делаете сайты с рекламой за неделю малому бизнесу» — можно двигаться дальше.

Блок 2. Оффер и цена: показывать или прятать?

Оффер — это связка «что вы делаете, за какие деньги и с каким сроком». Многие сайты услуг обрывают эту связку на первой части, и посетитель уходит выяснять цену к конкуренту, который её показал. Полное молчание про стоимость не защищает от «неподходящих» — оно отсеивает подходящих, которым просто нужна ясность до звонка.

Три рабочих варианта показать цену:

  • Фиксированный тариф — «Сайт услугам под ключ за 120 000 ₽» — подходит, если у вас типовой продукт;
  • Вилка по пакетам — «Лендинг от 60 000 ₽, магазин от 180 000 ₽» — подходит для нескольких линеек;
  • Пример расчёта — «Для автосервиса из 8 услуг: страница услуг + форма записи + Директ = 95 000 ₽» — подходит, когда цена собирается из блоков.

Что точно не работает: «Цена по запросу» без единого числа. Это переводит разговор в звонок ещё до того, как человек решил, интересно ему в принципе. Раскладку по своим тарифам вы можете сверить с моей страницей цен — как пример структуры, не как эталон суммы.

Оффер живёт рядом с ценой, а не отдельно. Если тариф написан, а что в него входит — на четвёртом экране мелким шрифтом, посетитель воспринимает это как торг: цену увидел, состав скрыт, значит, будут доплаты. Развёрнутое «что входит» рядом с суммой снимает половину дальнейших вопросов.

Блок 3. Доказательства: что убеждает малого клиента?

Малый клиент не покупает «команду профессионалов». Он покупает уверенность, что вы уже делали похожее и не сорвались. Работают три вида доказательств: конкретные кейсы, короткие отзывы с именем и городом, честные цифры вроде количества запусков или лет опыта.

Три-пять кейсов на главной обычно достаточно. Формула кейса такая же короткая, как оффер:

  • Кто клиент — «Автосервис в Казани, 4 бокса»;
  • Задача — «Сделать сайт под Яндекс Директ, чтобы поток заявок был не только с Авито»;
  • Что сделали — «Собрали лендинг за 6 дней, настроили кампанию, поставили цели в Метрике»;
  • Результат в единицах — «За первый месяц 42 заявки при рекламном бюджете 28 000 ₽, средняя цена заявки 660 ₽».

Двадцать логотипов без пояснений выглядят как «мы кого-то знаем», а не как «мы кому-то помогли». Если использовать логотипы, полезно рядом дать одну строку — какую задачу решали. Это дороже по вёрстке, но окупается разговором с клиентом.

Обещать конкретные результаты чужому бизнесу нельзя — это отдельный разговор про рамки ответственности, разобранный в статье о гарантиях на сайт. В кейсе показывайте свой прошлый результат и условия, а не гарантию, что у нового клиента будет то же самое.

Блок 4. Процесс: как убрать страх непонятного?

Клиент, которого пугает «а как это вообще будет выглядеть», покупает медленнее и торгуется больше. Раздел «Как мы работаем» существует именно для того, чтобы снять эту тревогу до созвона. Пять-семь шагов, по одной строке, без корпоративных формулировок — этого достаточно.

Пример живого процесса для сайта услуг:

  1. Обсуждаем задачу — 30 минут в удобном мессенджере, никаких многочасовых встреч.
  2. Согласуем оффер и структуру — я присылаю скелет страницы, вы правите.
  3. Собираю сайт и настраиваю Директ — 5–7 рабочих дней.
  4. Показываю на превью-домене — вы смотрите, вносим правки.
  5. Публикуем на вашем домене, запускаем рекламу.
  6. Первые две недели наблюдаем за заявками, точечно правим.

Такой раздел решает две задачи сразу: посетитель понимает, во что ввязывается, и заранее видит, где от него понадобится время. Если у вас в процессе есть неудобное место — например, ожидание материалов от клиента — честнее написать про него, чем маскировать. По моему опыту, ясность про «ваш шаг» отсеивает мало кого, а лояльность растит заметно.

Блок 5. Форма и контакты: куда ведёт клик?

Форма на главной должна быть короткой и находиться там, где логично закончился разговор. Три поля — имя, телефон и одна строка задачи — работают лучше, чем восемь обязательных полей и капча из мостиков и светофоров. Каждое лишнее поле — минус часть заявок, это подтверждают исследования Baymard Institute по формам оформления заказа, и для лид-форм закономерность та же.

По полям стоит держать один принцип: спрашивайте только то, без чего не сможете начать разговор. Всё остальное узнаете в диалоге. Если бизнесу нужен только телефон — не просите почту. Если хватает мессенджера — не заставляйте вводить телефон.

Технически стоит проверить пять вещей:

  • поле «телефон» принимает разные форматы, а не только «+7» с точками между цифрами;
  • сообщение об ошибке говорит, что именно исправить, а не «форма заполнена некорректно»;
  • после успешной отправки появляется понятный ответ, а не белая страница;
  • заявка приходит в тот канал, которым бизнес реально пользуется (почта, Telegram, CRM);
  • рядом с формой есть согласие на обработку данных со ссылкой на политику.

Работу цепочки «форма → уведомление → менеджер» подробнее разобрали в статье про пропавшие заявки. Форма, которая красиво отправляется, но не долетает — это, к сожалению, классика.

Кроме формы, на главной должен быть хотя бы один прямой контакт: телефон или мессенджер. Часть аудитории не любит формы и уйдёт, если альтернативы нет. Кнопка «Написать в Telegram» с реальной ссылкой работает лучше, чем красивая иконка мессенджера, которая никуда не ведёт.

Блок 6. FAQ: пять вопросов, которые снимают половину звонков

FAQ — не украшение и не «для SEO». Это способ ответить на страхи и возражения до того, как они станут причиной не связаться с вами. Если вопросы придуманы «под ключевые слова», а не собраны из реальных переписок с клиентами, блок читается как отписка.

Пять базовых вопросов, которые почти всегда есть у клиента услуг:

  • Сколько это стоит и от чего зависит цена?
  • Сколько времени займёт и что нужно от меня?
  • Что если результат не устроит?
  • С кем я буду общаться и как быстро вы отвечаете?
  • Как мы оформим документы и как оплатить?

Ответы — короткие, без юридических страшилок и без «мы всегда стараемся». Одна-две фразы по существу, ссылка на подробности, если нужно. FAQ хорошо ложится в структуру страницы для поисковых сниппетов: Яндекс и Google охотнее показывают развёрнутые ответы, если они размечены как FAQ.

Если у вас есть уже собранные вопросы из переписки — используйте их формулировки, не переписывайте на «правильный русский». Клиент узнает свой вопрос быстрее, если он выглядит как его вопрос.

Блок 7. Футер: контакты, реквизиты, согласие на обработку данных

Футер часто делают «для галочки», а зря. Он читается прицельно теми, кто уже думает связаться и хочет проверить, что вы — не однодневка. В футере должны быть настоящие контакты, юридические реквизиты и ссылки на документы обработки данных.

Минимум в футере сайта услуг для России в 2026:

  • юридическое название и ИП/ООО с ИНН;
  • реальный email и телефон;
  • ссылки на политику обработки персональных данных и страницу согласия;
  • ссылка на публичную оферту или договор, если работа идёт по нему;
  • копирайт с текущим годом.

Согласие на обработку персональных данных с 1 сентября 2025 года оформляется отдельно от другой подтверждаемой информации — изменение опубликовано на официальном портале правовой информации. Практически это значит, что чекбокс согласия не совмещается с чекбоксом «подписаться на рассылку» или «принимаю условия оферты». Точные формулировки лучше проверить с профильным юристом, а базовый текст можно взять из шаблона согласия.

Пустой футер с надписью «© 2026» и одной ссылкой в Instagram выглядит непрофессионально ровно для той аудитории, которую вы хотите — для тех, кто платит.

Что не нужно ставить на главной?

Есть блоки, которые в 2026 стабильно проседают по внимательности и мешают основному диалогу. От них можно отказаться без потери:

  • Раздел «Наши ценности» с абстрактными словами «профессионализм», «качество», «клиентоориентированность». Читателю всё равно.
  • Огромная команда с фото сотрудников на лендинге. Для сайта агентства с большим штатом уместно, для команды из 1–3 человек — только запутывает.
  • Список из 20 услуг мелкими карточками. Лучше показать три основные, остальные — на отдельной странице.
  • Всплывающее окно «Оставьте заявку» через 3 секунды после захода. Мешает читать, часто закрывается по инерции вместе с вкладкой.
  • Плашка «Нам X лет» без пояснения, что это дало клиенту. Возраст компании сам по себе не аргумент.

Правило простое: если блок не помогает посетителю принять решение — он занимает место, за которое посетитель заплатил вниманием.

Как проверить, что главная работает?

Тест не требует Метрики и внешних инструментов. Достаточно пяти шагов и одного знакомого не из вашей ниши.

  1. Пятисекундный тест. Откройте главную на 5 секунд, закройте, попросите пересказать: что вы делаете, для кого и что предлагаете. Если пересказ размытый — переписывайте первый экран.
  2. Тест на мобильном. Откройте сайт на телефоне не в идеальном Wi-Fi, а в реальных условиях (например, в кафе или в метро). Если первый экран прогружается больше 4 секунд, часть аудитории уйдёт до знакомства с оффером.
  3. Тест формы. Заполните форму одним пальцем на телефоне, ошибитесь, исправьте, отправьте. Убедитесь, что заявка пришла в тот канал, которым бизнес реально пользуется.
  4. Тест «зачем этот блок». Пройдите по каждому блоку и вслух ответьте: зачем он посетителю. Если ответа нет — уберите или переверстайте.
  5. Тест кейса. Дайте знакомому один кейс и попросите пересказать. Если он не может — кейс не работает как доказательство.

Такая проверка занимает 30–40 минут и обычно даёт список из 3–5 конкретных правок. Дальше — либо править самому, либо взять готовую связку сайт + Директ. Состав работ, что войдёт в такую сборку, есть на странице тарифов.

Источники: на что опирается разбор?

Материал сверен по документации W3C, Web.dev, исследованиям Nielsen Norman Group и Baymard Institute, а также по официальному тексту изменений в закон №152-ФЗ. Ссылки ниже сверены 23 августа 2026 года. Отдельные источники добавлены только там, где они подтверждают конкретный тезис, а не для солидности.

Если хотите пройти проверку на своей главной вместе — опишите задачу в форме. Я посмотрю первым экраном, оффером и формой; список правок пришлю в тот же день.