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

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

Что такое сайт-визитка и кому она нужна

Визитка это маленький сайт, чаще всего одна страница, про вас или вашу услугу. Её задача закрыть три вопроса: кто вы, что делаете и как заказать. Всё остальное на такой странице лишнее.

• Мастеру частной практики (маникюр, ремонт техники, отделка, фото): визитка заменяет альбом в мессенджере и держит прайс в одном месте.
• Репетитору и преподавателю: программа занятий, формат, стоимость часа и кнопка записи.
• Юристу, бухгалтеру, психологу: специализация, опыт, порядок работы, цена консультации.
• Небольшой услуге вроде клининга или выездного шиномонтажа, где важнее телефон и география, чем каталог.
• Специалисту, который откликается на проекты: ссылка на живую страницу убедительнее файла с резюме.

Признак, что нужна именно визитка: у вас одна-две услуги, продажа идёт разговором, и не хватает ссылки, которую не стыдно отправить в чат. Если услуг десятки и нужен каталог с корзиной, задача другая, о ней статья, как сделать сайт самому с нуля.

Из каких блоков состоит визитка

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

1. Первый экран: кто вы и что делаете. Одна строка без загадок, например «Детский логопед, занятия онлайн и в Казани». Рядом фото и кнопка связи, видная без прокрутки.
2. Услуги и цены. Три-пять позиций с коротким описанием. Если цена зависит от объёма, пишите вилку или «от»: молчание отпугивает сильнее любой суммы.
3. Как проходит работа. Три-четыре шага от заявки до результата: человек должен понимать, что будет после нажатия кнопки.
4. Доказательства: отзывы, примеры работ, дипломы, стаж. Два-три отзыва с именем весят больше десяти анонимных.
5. Частые вопросы. Выезжаете ли за город, какая предоплата, как перенести встречу. Блок снимает половину переписки.
6. Контакты и форма. Телефон, мессенджер, город, часы работы. Кнопку в Telegram или WhatsApp ставьте рядом с формой: многим так проще, чем заполнять поля.

Форма нужна, если хотите принимать заявки ночью и не терять их в переписке. Куда они уходят и как настроить уведомления, показано в разборе сайта с формой заявки.

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

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

Конструктор. Страница собирается из готовых блоков мышкой. На бесплатном тарифе Tilda доступен один сайт с базовым набором блоков, а свой домен и полная библиотека открываются на платных: Personal стоит 750 ₽ в месяц помесячно и 500 ₽ при оплате за год, Business с экспортом кода и пятью сайтами 1250 и 1000 ₽ (тарифы Tilda). Шаги есть в инструкции, как сделать сайт на Тильде.

Готовый шаблон. Вы берёте бесплатную или платную вёрстку одностраничника, меняете тексты, фото и контакты, заливаете файлы на хостинг. Дешевле подписки и не привязывает к платформе. Минус: любое изменение вне задумки автора придётся делать руками в чужом HTML. Способ хорош, когда шаблон почти совпадает с задачей и менять надо в основном текст.

Вайбкодинг с ИИ. Вы описываете страницу словами, ИИ-ассистент пишет HTML и CSS, а вы правите результат репликами вроде «перенеси отзывы выше цен». На выходе обычные файлы: их можно положить на любой хостинг и не платить платформе каждый месяц. Минусы честные: нужен вечер на освоение подхода, а ассистент иногда добавляет то, чего вы не просили. Общий порядок работы описан в руководстве, как сделать сайт с помощью ИИ.

• Конструктор: первая версия за 2-4 часа, дальше подписка каждый месяц, дизайн ограничен блоками.
• Шаблон: 1-3 часа на замену текстов, трата разовая или нулевая, но правки вне шаблона даются тяжело.
• Вайбкодинг: один-два вечера до результата, дальше только домен и хостинг, зато страница меняется под любую идею.

Готовый промпт для визитки

Промпт ниже работает в любом ассистенте, который пишет код: Claude, ChatGPT, Gemini, Codex. Замените текст в скобках на свои данные и отправьте одним сообщением.

Сделай одностраничный сайт-визитку на чистом HTML и CSS в одном файле index.html, без внешних библиотек. Обо мне: (кто вы, город, чем занимаетесь). Услуги и цены: (3-5 позиций). Блоки по порядку: первый экран с заголовком и кнопкой связи, услуги с ценами, работа в четыре шага, отзывы (2-3 штуки), частые вопросы, контакты. Кнопки «Написать» ведут на (ссылка на Telegram или WhatsApp). Стиль: светлый фон, один акцентный цвет (какой), крупный шрифт, всё читается на телефоне шириной 360 пикселей. Кнопка связи видна на первом экране без прокрутки. Заглушки вроде Lorem ipsum не вставляй, пиши текст по моим данным.

1. Соберите данные до запроса: услуги с ценами, два-три отзыва, фото, ссылку на мессенджер, город и часы работы. Без них ассистент придумает своё.
2. Отправьте промпт, сохраните файл как index.html и откройте двойным щелчком в браузере. Это уже работающая страница, пока на вашем компьютере.
3. Правьте репликами по одной за раз: «сделай отступы больше», «добавь блок с гарантией», «сократи тексты вдвое». Так результат предсказуемее.
4. Проверьте на телефоне: откройте файл в мобильном браузере или сузьте окно на компьютере. Смотрите, помещается ли кнопка на первом экране и не уезжает ли текст.
5. Попросите добавить заголовок вкладки, описание для поиска и favicon, затем выкладывайте файлы на хостинг.

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

По теме: Как сделать сайт меньше в 2026: вес страницы и скорость загрузки

Куда выложить визитку и сколько это стоит в 2026 году

Готовой странице нужны две вещи: домен (имя, по которому вас находят) и место, где лежат файлы. Для статичной визитки выбор такой.

• Домен в зоне .ru: регистрация 169 ₽ на первый год (без скидки 226 ₽), продление 1199 ₽ в год по прайсу Рег.ру с 1 апреля 2026 года. Разница между первым годом и продлением это норма, закладывайте её сразу.
• GitHub Pages: бесплатно, свой домен и HTTPS подключаются. Лимиты мягкие: сайт до 1 ГБ, около 100 ГБ трафика в месяц, до 10 сборок в час (лимиты GitHub Pages). Для визитки это запас в сотни раз.
• Cloudflare Pages: тоже бесплатно, на free-плане 500 сборок в месяц, до 20 000 файлов, файл до 25 МиБ и до 100 своих доменов (лимиты Cloudflare Pages).
• Российский хостинг, если важнее оплата картой РФ: у Beget виртуальный хостинг начинается с тарифа Blog за 420 ₽ в месяц, SSL бесплатный, есть 30 дней на тест (тарифы Beget).
• Конструктор: хостинг входит в подписку, но страница живёт на чужой платформе и перестаёт открываться, если подписку не продлить.

Минимальный честный бюджет визитки на своём домене: около 170 ₽ за домен в первый год и 0 ₽ за размещение, если страница статичная. Дальше основной расход это продление домена.

Типичные ошибки визиток

• Нет цен. «Стоимость по запросу» отсекает людей, которые не готовы начинать разговор ради ориентира. Хотя бы вилка нужна.
• Первый экран без сути: картинка и слоган «Мы создаём эмоции», а чем вы занимаетесь и где, приходится искать ниже.
• Единственный способ связи это форма. С телефона проще нажать кнопку мессенджера, чем заполнять три поля.
• Стоковые фото вместо своих работ. Ваше лицо и настоящие примеры убеждают сильнее картинки из фотобанка.
• Страница не проверена на телефоне: большинство заходов будет с мобильного, а уехавшая за край кнопка стоит заявок.
• Сайт есть, но ссылки на него нет ни в профилях, ни в карточке организации на картах, ни в подписи в мессенджере.

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

Сколько стоит сделать сайт-визитку самому?

Если собирать самостоятельно, платить нужно за домен и размещение: около 169 ₽ за домен .ru в первый год и 0 ₽ за статичный хостинг вроде GitHub Pages. Вариант на конструкторе выходит от 500 ₽ в месяц при годовой оплате Tilda, зато без возни с файлами.

Можно ли сделать визитку полностью бесплатно?

Да. Бесплатный тариф конструктора или статичный хостинг дадут работающую страницу, но адрес будет служебным, вида vashe-imya.github.io. Своё короткое имя это единственная обязательная трата.

Сколько времени занимает сборка?

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

Нужна ли политика конфиденциальности, если на визитке есть форма?

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