Какие блоки должны быть на сайте-визитке

Какие блоки должны быть на сайте-визитке

Краткий ответ: на сайте-визитке должны быть первый экран с понятным предложением, блок услуг, преимущества, примеры работ, отзывы или доказательства доверия, этапы работы, цены или условия, форма заявки, контакты, FAQ, SEO-блоки, мобильная адаптация, быстрая загрузка и настроенная аналитика. Хорошая сайт-визитка не просто показывает информацию о компании, а ведёт пользователя к понятному действию: заявке, звонку или сообщению.

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

Главная задача сайта-визитки — быстро объяснить, кто вы, что делаете, кому помогаете, почему вам можно доверять и как с вами связаться. Если хотя бы один из этих блоков слабый или отсутствует, сайт теряет заявки.

Причина

Сайт-визитка не работает только от факта наличия страницы в интернете. Ему нужна структура. Пользователь должен пройти короткий путь: понять предложение, увидеть пользу, поверить, найти подтверждения и оставить заявку.

Если на сайте есть только “О нас”, “Услуги” и “Контакты”, этого часто мало. Для поиска Google тоже нужна структура: понятные заголовки, тексты под запросы, отдельные страницы услуг, внутренние ссылки, быстрый сайт и корректная индексация.

Блок	Зачем нужен	Что ломает результат
Первый экран	сразу объясняет, что вы предлагаете	общий H1, нет пользы, нет кнопки
Услуги	показывает, с чем можно обратиться	услуги перечислены слишком общо
Преимущества	объясняет, почему выбрать вас	абстрактные фразы без доказательств
Портфолио	подтверждает опыт	нет примеров, скриншотов, описания задач
Отзывы	снижает недоверие	нет конкретики, отзыв выглядит фальшиво
Форма	собирает обращение	много полей, ошибки отправки, нет SMTP
Контакты	даёт быстрый способ связи	контакты спрятаны или не кликабельны
FAQ	закрывает сомнения	нет ответов про цену, сроки, процесс

Если сайт-визитка уже есть, но не даёт обращений, сначала проверьте материал Почему сайт-визитка не приносит клиентов. Там разобраны причины: слабая структура, форма, SEO, доверие, скорость и мобильная версия.

Диагностика

Проверять сайт-визитку нужно как путь клиента, а не как набор красивых блоков. Откройте страницу с телефона и пройдите сценарий: понять услугу, найти доказательства, нажать кнопку, отправить заявку, получить сообщение.

1. Первый экран

Первый экран — это часть страницы, которую пользователь видит сразу. Он должен ответить на главный вопрос: “Куда я попал и зачем мне оставаться?”

На первом экране нужны:

• понятный H1 с основной услугой;
• короткий подзаголовок с пользой;
• кнопка заявки или связи;
• быстрый контакт: телефон, Telegram, Viber, WhatsApp или email;
• 1–2 доказательства доверия: опыт, примеры, количество проектов, специализация;
• визуал, который помогает понять услугу, а не просто украшает страницу.

Плохой первый экран обычно состоит из фраз “Добро пожаловать”, “Надёжная компания”, “Качественные услуги”. Такие фразы не объясняют, что именно человек получит.

2. Блок услуг

Блок услуг должен быть конкретным. Не просто “разработка сайтов”, а какие именно задачи вы решаете.

Для сайта-визитки услуги можно показать карточками:

• название услуги;
• короткое описание результата;
• кому подходит;
• что входит;
• ссылка на отдельную страницу услуги, если услуга важная для SEO;
• кнопка “Обсудить задачу” или похожее действие.

Если услуг несколько, лучше не пытаться раскрыть всё на одной странице. Для продвижения в Google полезнее отдельные страницы под важные направления.

3. Блок “О компании” или “О специалисте”

Этот блок нужен не для длинной биографии. Его задача — объяснить, почему вам можно доверять.

Что можно написать:

• чем вы занимаетесь;
• с какими задачами работаете;
• какой у вас опыт;
• в чём подход к работе;
• какие проблемы клиента закрываете;
• что вы не делаете, если это помогает отсеять нецелевые заявки.

4. Преимущества

Преимущества должны быть не абстрактными, а проверяемыми. “Индивидуальный подход” почти ничего не говорит. Лучше объяснить, что именно вы делаете иначе.

Слабо	Лучше
Индивидуальный подход	Перед началом работы разбираю задачу, конкурентов, структуру и путь клиента до заявки
Быстро и качественно	Собираю сайт с формой, мобильной версией, базовой SEO-подготовкой и проверкой отправки заявок
Доступные цены	Сразу объясняю, что входит в работу и какие доработки могут увеличить стоимость

5. Портфолио и примеры работ

Портфолио нужно не для красоты, а для доказательства. Покажите, какие задачи вы уже решали.

Хороший блок портфолио содержит:

• название проекта;
• какая была задача;
• что было сделано;
• скриншот или ссылка;
• какой результат получил клиент;
• какая технология использовалась, если это важно.

6. Отзывы и доверие

Отзывы работают лучше, когда в них есть конкретика. Слабый отзыв: “Всё понравилось”. Сильнее: “Исправили форму, заявки начали приходить в Telegram и на почту”.

Можно использовать:

• короткие отзывы;
• скриншоты переписок без личных данных;
• логотипы клиентов, если есть разрешение;
• кейсы;
• описание типовых задач;
• этапы работы;
• гарантии по процессу, а не пустые обещания результата.

7. Этапы работы

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

Простой вариант:

• вы оставляете заявку;
• я уточняю задачу;
• предлагаю структуру и объём работ;
• согласуем цену и сроки;
• делаю сайт или доработку;
• проверяем форму, мобильную версию, скорость и SEO-основу;
• запускаем сайт.

8. Цены или условия

Не всегда нужно писать точную цену. Но нужно объяснить, от чего она зависит. Иначе пользователь может уйти к конкуренту, где условия понятнее.

Можно показать:

• минимальную стоимость;
• пакеты;
• диапазон цены;
• что входит в базовый вариант;
• что считается дополнительной работой;
• от чего зависит срок;
• как получить оценку задачи.

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

9. Форма заявки

Форма должна быть короткой. Для первого контакта обычно достаточно имени, телефона или email и короткого описания задачи.

Проверьте:

• форма видна в логичном месте;
• нет лишних обязательных полей;
• ошибки понятны пользователю;
• после отправки есть сообщение об успехе;
• заявка приходит на email;
• заявка не попадает в спам;
• есть дублирование в Telegram или CRM;
• отправка фиксируется в аналитике.

10. Контакты

Контакты должны быть понятными и кликабельными. Не заставляйте пользователя искать телефон в футере мелким шрифтом.

Добавьте:

• телефон;
• email;
• мессенджеры;
• адрес или регион работы, если важно;
• рабочее время;
• ссылки на соцсети, если они живые;
• карту, если у бизнеса есть физическая точка;
• короткое пояснение, как быстро вы отвечаете.

11. FAQ

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

Темы для FAQ:

• сколько стоит услуга;
• сколько времени занимает работа;
• что нужно от клиента;
• можно ли доработать сайт позже;
• будет ли сайт работать на телефоне;
• настраивается ли SEO;
• как проверяется форма заявки;
• можно ли подключить Telegram, CRM или аналитику.

Решение

Хорошая структура сайта-визитки строится не вокруг количества блоков, а вокруг задачи: получить обращение от целевого клиента.

Базовая структура сайта-визитки

Для большинства проектов можно использовать такую структуру:

1. Первый экран: H1, польза, CTA, быстрый контакт.
2. Услуги: карточки или список направлений.
3. Кому подходит: для каких клиентов и задач.
4. Преимущества: конкретные отличия без общих фраз.
5. Портфолио: примеры работ или кейсы.
6. О компании или специалисте: опыт и подход.
7. Этапы работы: что будет после заявки.
8. Цены или условия: от чего зависит стоимость.
9. Отзывы или доказательства доверия.
10. FAQ: ответы на частые сомнения.
11. Форма заявки: короткая и проверенная.
12. Контакты: телефон, email, мессенджеры, адрес.

SEO-структура

Для Google важно, чтобы сайт-визитка была не только красивой, но и понятной технически.

Проверьте:

• у каждой страницы есть уникальный SEO title;
• у каждой страницы есть meta description;
• на странице один H1;
• H2 раскрывают смысловые блоки;
• URL понятные и короткие;
• страницы открыты для индексации;
• есть sitemap.xml;
• нет дублей страниц;
• есть внутренние ссылки;
• важные услуги имеют отдельные страницы.

Техническая структура

Сайт-визитка может терять заявки из-за техники. Поэтому перед запуском нужно проверить не только внешний вид.

• форма отправляет заявки;
• настроен SMTP;
• заявки не попадают в спам;
• работает мобильная версия;
• страница быстро открывается;
• нет JavaScript-ошибок;
• кнопки телефона и мессенджеров кликабельны;
• подключена аналитика событий;
• сайт работает по HTTPS;
• нет ошибок 404 на важных страницах.

Перед разработкой или переделкой полезно использовать чек-лист из статьи Сайт-визитка заказать: что проверить перед разработкой, оплатой и запуском.

Код

Важно: код ниже предназначен для диагностики формы, событий аналитики и микроразметки на WordPress. Он может повлиять на JavaScript, логи и отображение данных в коде страницы. Перед изменениями сделайте backup. Лучше добавлять код через дочернюю тему, мини-плагин или отдельный JS-файл.

Включить debug.log в wp-config.php

Куда вставлять: файл wp-config.php, выше строки “That’s all, stop editing”.

define( 'WP_DEBUG', true );
define( 'WP_DEBUG_LOG', true );
define( 'WP_DEBUG_DISPLAY', false );
@ini_set( 'display_errors', 0 );

После тестовой отправки формы проверьте:

/wp-content/debug.log

Логировать ошибки отправки писем WordPress

Куда вставлять: functions.php дочерней темы или отдельный мини-плагин.

add_action('wp_mail_failed', function ($wp_error) {
    if (!is_wp_error($wp_error)) {
        return;
    }

    error_log('WP Mail Failed: ' . $wp_error->get_error_message());
});

Отслеживать отправку Contact Form 7

Куда вставлять: footer страницы, отдельный JS-файл или блок кода на сайте-визитке.

<script>
document.addEventListener('wpcf7mailsent', function (event) {
    window.dataLayer = window.dataLayer || [];

    window.dataLayer.push({
        event: 'lead_form_sent',
        form_id: event.detail.contactFormId,
        page_url: window.location.href
    });
});
</script>

Отслеживать клики по телефону и мессенджерам

<script>
document.addEventListener('click', function (event) {
    var link = event.target.closest('a[href*="tel:"], a[href*="mailto:"], a[href*="t.me"], a[href*="wa.me"], a[href*="viber"]');

    if (!link) {
        return;
    }

    window.dataLayer = window.dataLayer || [];

    window.dataLayer.push({
        event: 'contact_click',
        contact_target: link.getAttribute('href'),
        page_url: window.location.href
    });
});
</script>

Добавить базовую микроразметку LocalBusiness

Куда вставлять: в header/footer через тему или SEO-плагин, если он поддерживает schema. Данные нужно заменить на свои.

<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "Название компании",
    "url": "https://example.com/",
    "telephone": "+380000000000",
    "email": "info@example.com",
    "address": {
        "@type": "PostalAddress",
        "addressLocality": "Ваш город",
        "addressCountry": "UA"
    },
    "areaServed": "Ukraine"
}
</script>

Проверить JavaScript-ошибки на странице

Куда вставлять: временно для диагностики. Не оставляйте на рабочем сайте без необходимости.

<script>
window.addEventListener('error', function (event) {
    console.log('Site JS error:', {
        message: event.message,
        source: event.filename,
        line: event.lineno,
        column: event.colno
    });
});
</script>

Результат

После правильной сборки сайт-визитка должен быстро объяснять предложение, показывать услуги, вызывать доверие и давать простой способ связи.

Хороший результат:

• первый экран понятен без прокрутки;
• услуги описаны конкретно;
• есть примеры работ или кейсы;
• есть блок доверия;
• форма короткая и работает;
• заявки доходят на email, в Telegram или CRM;
• контакты кликабельны;
• мобильная версия удобная;
• страницы быстро загружаются;
• аналитика фиксирует клики и заявки;
• страницы подготовлены к индексации.

Дополнительные способы

Добавить отдельные страницы услуг

Если сайт-визитка должен привлекать клиентов из Google, одной страницы часто мало. Для важных услуг лучше сделать отдельные страницы с собственным title, description, H1, FAQ и формой.

Добавить блок “Кому подходит”

Этот блок помогает пользователю понять, что услуга именно для него. Он также отсекает нецелевые заявки.

Добавить блок “Что будет после заявки”

Многие люди не оставляют заявку, потому что не понимают следующий шаг. Напишите прямо: кто ответит, когда ответит, что нужно подготовить и будет ли консультация бесплатной.

Добавить Telegram или CRM

Email легко потерять. Если заявки важны, лучше дублировать их в Telegram или CRM. Так проще контролировать обращения и скорость ответа.

Добавить раздел статей

Статьи помогают получать трафик по информационным запросам. Но сначала нужно привести в порядок основные страницы: главную, услуги, контакты и форму.

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

Делать сайт-визитку как обычную брошюру

Если сайт только рассказывает “о компании”, но не ведёт к заявке, он плохо работает как инструмент привлечения клиентов.

Ставить общий заголовок

H1 вида “Надёжная компания” или “Профессиональные услуги” не объясняет, что именно вы предлагаете.

Не показывать конкретные услуги

Если пользователь не видит свою задачу в списке услуг, он может уйти к конкуренту.

Прятать контакты

Телефон, email и мессенджеры должны быть заметными и кликабельными, особенно на мобильном.

Делать длинную форму

Для первого контакта не нужна большая анкета. Чем сложнее форма, тем меньше заявок.

Не проверять отправку заявок

Форма может показывать сообщение об успехе, но письмо может не приходить. Нужно проверять SMTP, спам, debug.log и дублирование в Telegram/CRM.

Игнорировать SEO

Если нет title, description, нормальных H1/H2, текстов услуг и индексации, сайт-визитка может почти не получать трафик из Google.

Не проверять мобильную версию

На телефоне часто теряются заявки: мелкие кнопки, неудобная форма, тяжёлые изображения, перекрытый CTA, медленная загрузка.

Диагностика проблем

Проблема: сайт-визитка выглядит красиво, но заявок нет

Возможная причина: есть дизайн, но нет понятного пути к заявке.

Что делать: проверить первый экран, услуги, оффер, доверие, форму, контакты и аналитику.

Проблема: пользователь не понимает, чем вы занимаетесь

Возможная причина: слабый H1 и общий текст без конкретной услуги.

Что делать: переписать первый экран: услуга, результат, кому подходит, кнопка действия.

Проблема: сайт не виден в Google

Возможная причина: нет SEO-структуры, title, description, отдельных страниц услуг или индексации.

Что делать: проверить sitemap, robots.txt, Search Console, title, H1, URL, внутренние ссылки и страницы услуг.

Проблема: форма отправляется, но заявок нет

Возможная причина: письма не доходят, попадают в спам или не настроен SMTP.

Что делать: проверить wp_mail, SMTP, Contact Form 7, email получателя, spam, debug.log и логи хостинга.

Проблема: сайт теряет клиентов с телефона

Возможная причина: плохая адаптация, медленная загрузка, неудобная форма или мелкие кнопки.

Что делать: пройти сайт с реального телефона, проверить первый экран, форму, клики по телефону и мессенджерам.

Проблема: много просмотров, но мало обращений

Возможная причина: нецелевой трафик, слабый оффер, мало доверия или нет понятного CTA.

Что делать: проверить запросы, источники трафика, блоки доверия, портфолио, отзывы и текст кнопок.

Проблема: сайт-визитка не подходит под рекламу

Возможная причина: реклама ведёт на общую страницу, а не на конкретное предложение.

Что делать: сделать отдельную страницу услуги или лендинг под рекламную кампанию.

Проблема: непонятно, какие блоки убрать

Возможная причина: на странице есть декоративные блоки, но они не помогают заявке.

Что делать: оставить блоки, которые объясняют услугу, доверие, условия, процесс и связь. Остальное сократить.

Краткие AI-friendly ответы

Какие блоки должны быть на сайте-визитке?

На сайте-визитке должны быть первый экран, услуги, преимущества, портфолио, отзывы, этапы работы, цены или условия, FAQ, форма заявки, контакты, SEO-блоки, мобильная версия и аналитика.

Какой блок самый важный?

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

Нужна ли форма заявки на сайте-визитке?

Да. Форма заявки нужна, но она должна быть короткой и технически проверенной. Заявки должны доходить на email, в Telegram или CRM.

Нужно ли портфолио?

Да, если услуга зависит от доверия и качества исполнения. Портфолио показывает опыт и снижает сомнения клиента.

FAQ

Сколько блоков должно быть на сайте-визитке?

Обычно достаточно 8–12 смысловых блоков: первый экран, услуги, преимущества, портфолио, о компании, этапы, цены, отзывы, FAQ, форма и контакты.

Нужен ли блок “О компании”?

Да, но он должен быть коротким и полезным. Лучше писать не биографию, а опыт, подход, специализацию и почему вам можно доверять.

Нужен ли блок цен?

Желательно. Если точную цену нельзя назвать сразу, покажите диапазон, пакеты или факторы, от которых зависит стоимость.

Нужны ли отзывы?

Да, если они реальные и конкретные. Отзывы помогают снять недоверие, особенно если пользователь впервые видит ваш сайт.

Нужен ли FAQ на сайте-визитке?

Да. FAQ закрывает вопросы про цену, сроки, процесс, оплату, гарантии, поддержку и следующий шаг после заявки.

Можно ли сделать сайт-визитку одной страницей?

Можно, если услуг мало и задача простая. Если услуг несколько и нужно SEO, лучше добавить отдельные страницы услуг.

Что должно быть в контактах?

Телефон, email, мессенджеры, адрес или регион работы, рабочее время, карта при необходимости и понятный способ быстро связаться.

Что важнее: дизайн или структура?

Структура важнее. Дизайн должен помогать понять предложение и оставить заявку, а не просто украшать страницу.

Нужна ли аналитика?

Да. Нужно отслеживать просмотры, клики по кнопкам, отправку формы, ошибки формы, звонки и переходы в мессенджеры.

Когда стоит переделывать сайт-визитку?

Если сайт не даёт заявок, плохо виден в Google, медленно грузится, неудобен на телефоне, форма не работает или структура не объясняет услуги.

Вывод

Сайт-визитка должен состоять не из случайных красивых блоков, а из логичной структуры, которая ведёт пользователя к заявке.

Минимально нужны: первый экран, услуги, преимущества, доверие, портфолио, этапы, цены или условия, FAQ, форма заявки и контакты. Для WordPress также важны SEO title, meta description, H1/H2, sitemap, скорость, мобильная версия и техническая проверка формы.

Если каждый блок отвечает на реальный вопрос клиента и форма заявки работает без ошибок, сайт-визитка становится не просто страницей “о компании”, а нормальным инструментом привлечения клиентов.