Как сделать сайт визитку самому: пошаговое руководство без посредников

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

Чек-лист: что понадобится перед стартом

• Собранные смыслы, а не текст — сформулируйте, чем вы занимаетесь, на какую аудиторию работаете и какое одно действие должен совершить посетитель (позвонить, написать в мессенджер, записаться). Текст напишете позже, но костяк должен быть готов.
• 3–5 живых фотографий — избегайте стоков. Для мастера — фото работ, для услуги — снимки процесса или результата до/после. Телефонной камеры хватает, если свет дневной.
• Контактные данные — телефон, Telegram, WhatsApp, почта, адрес (если актуально). Лучше дать один основной канал, но продублировать в пару мессенджеров.
• Логотип или хотя бы название — если логотипа нет, подойдёт крупный шрифт в фирменном цвете. Главное — чтобы бренд считывался за секунду.
• Понимание цели — сайт-визитка не продаёт сложные услуги, а приводит лиды. Значит, упор делаем на быстрый контакт, а не на длинные описания.

Пошаговый план: 6 шагов от идеи до публикации

1. Сформулируйте оффер и структуру экранов

Классическая одностраничная визитка укладывается в четыре смысловых блока:

• первый экран — кто вы, чем полезны, крупная кнопка связи;
• блок с перечнем услуг или ключевыми преимуществами (3–5 пунктов);
• блок с примерами работ или портфолио;
• финальный блок с контактами и триггером «Свяжитесь сейчас» — здесь же карта, если важен адрес.

Оффер должен отвечать на вопрос «Почему я должен обратиться именно к вам?» одной фразой. Без «мы предлагаем широкий спектр услуг» — только выгода и конкретика.

2. Подготовьте контент: текст, фото, кнопки

Тексты пишутся так, чтобы читатель мог пробежать глазами за 15 секунд:

• заголовок + подзаголовок = оффер;
• для услуги — 1–2 предложения выгоды, подкреплённые цифрой (например, «Выезд за 40 минут, ремонт от 1 часа»);
• фото сжимайте до 150–200 КБ без потери качества — это заметно ускорит загрузку на мобильных.

Все ссылки на мессенджеры должны открываться в один тап. Для Telegram используйте прямую ссылку вида https://t.me/ваш_username — клиент не должен искать вас вручную.

3. Выберите инструмент, а не боритесь с кодом

Для сборки визитки с нуля без программирования сегодня работают два подхода:

• Конструкторы с готовыми блоками — собираете мышью, платите ежемесячную подписку.
• ИИ-платформы, которые генерируют лендинг по описанию бизнеса. Так, достаточно в чате описать сферу и контакты, и ИИ собирает сайт примерно за 15 минут. При этом создание и предпросмотр бесплатны — вы вносите оплату, только когда результат устраивает. Например, публикация на sozdai.site стоит 390 ₽ разово, без абонплаты и подписок.

4. Соберите сайт по готовому плану

Независимо от выбранного инструмента придерживайтесь одинаковой логики:

• На первом экране — оффер, телефон и кнопка быстрой связи (звонок или Telegram). Кнопки контрастные, размер не менее 48×48 px для пальца.
• Блок услуг оформляйте маркированным списком с иконками — 3–5 пунктов, не больше.
• Фото ставьте до и после, если речь об услугах, либо галерею плиткой в 2 колонки на мобильных.
• Форму обратной связи или кнопку мессенджера разместите в конце каждого логического блока — так не промахнётесь с конверсией.

Обязательно проверяйте мобильную версию: по нашей статистике, 70% переходов на визитки приходит со смартфонов.

5. Закройте технические требования до публикации

Когда сборка готова, убедитесь, что на сайте автоматически или вручную добавлены три компонента, которые с 2026 года стали стандартом, а не роскошью:

• Политика обработки персональных данных (152-ФЗ) и cookie-баннер — без них возможны претензии со стороны клиентов и платформ.
• Счётчик аналитики — Яндекс.Метрика позволит понять, сколько людей заходят и с каких устройств.
• Приём заявок напрямую в Telegram — вы получаете сообщение сразу при заполнении формы или нажатии кнопки, не подключая CRM.

На ряде платформ, включая упомянутую выше, всё это встроено из коробки — вы не настраиваете ни один из этих элементов вручную.

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

После нажатия кнопки «Опубликовать» сайт получает домен вида вашпроект.домен. Но до того, как объявлять о запуске, пройдите три простых теста:

• Откройте сайт на своём смартфоне в LTE-сети — время загрузки не должно превышать 3 секунд.
• Нажмите все кнопки связи сами — мессенджеры должны открыться корректно, номер набора — без искажений.
• Проверьте, как выглядит ссылка в соцсетях — при отправке в мессенджеры должен подтягиваться заголовок и превью (настройте Open Graph, если конструктор это позволяет).

Если всё работает, подключайте сайт к вашему профилю в Яндекс.Бизнес или 2ГИС и запускайте самый дешёвый трафик с Яндекс.Директа по аудитории «по соседству» — для визитки этого достаточно на старте.

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