Сайт-визитка — это компактный веб-ресурс из одной или нескольких страниц, который представляет вас, ваш бизнес или услуги в интернете. Он решает простую задачу: дать клиенту контакты, описание деятельности и способ связаться с вами.
Выбор платформы для создания одностраничника
Для новичков без опыта программирования подходят конструкторы с визуальным редактором. Вы просто перетаскиваете блоки, меняете текст и картинки, не касаясь кода.
Tilda — популярный выбор для русскоязычных пользователей. Бесплатный тариф позволяет создать до 50 страниц на поддомене tilda.ws, есть готовые блоки для разных задач. Интерфейс интуитивный, много обучающих материалов на русском. Минус: на бесплатном плане реклама платформы внизу страницы.
WordPress с Elementor — более гибкий вариант, если планируете развивать сайт дальше. Установите WordPress на хостинг, добавьте бесплатный плагин Elementor, выберите тему Astra или Hello. Сложнее для первого раза, но даёт полный контроль над сайтом и отсутствие привязки к одному сервису.
Wix — простой drag-and-drop редактор с большой библиотекой шаблонов. Бесплатный план включает поддомен wixsite.com и рекламу платформы. Подходит для быстрого старта, но миграция на другую платформу потом затруднительна.
| Платформа | Бесплатный план | Сложность | Свой домен на старте |
|---|---|---|---|
| Tilda | Да, с рекламой | Низкая | Нет |
| WordPress+Elementor | Софт бесплатен, нужен хостинг | Средняя | Да |
| Wix | Да, с рекламой | Низкая | Нет |
Для первого опыта рекомендую Tilda — запустите сайт за пару часов, потом сможете подключить свой домен за 500 рублей в месяц.
Структура эффективной визитки
Хорошая визитка отвечает на три вопроса посетителя: кто вы, что предлагаете, как с вами связаться. Типовая структура занимает одну прокручиваемую страницу.
Первый экран (Hero) — самый важный блок. Посетитель решает за 3-5 секунд, остаться или уйти. Разместите здесь:
- Заголовок с чётким описанием услуги: «Ремонт ноутбуков в Москве за 24 часа» вместо абстрактного «Добро пожаловать»
- Короткий подзаголовок с выгодой для клиента
- Кнопку действия: «Заказать звонок», «Рассчитать стоимость»
- Релевантное изображение или фото работ
Блок «О компании/специалисте» — 2-3 абзаца. Укажите опыт работы, количество проектов, ключевые достижения. Добавьте фото — это повышает доверие на 40% по данным исследований конверсии лендингов.
Услуги или продукты — список того, что вы делаете. Используйте карточки или иконки для визуального разделения. К каждой услуге — одно предложение с пользой для клиента.
Кейсы или портфолио — если применимо к вашей сфере. Покажите 3-5 реальных примеров работ с фотографиями «до и после» или скриншотами результатов.
Отзывы — социальное доказательство работает. Даже 2-3 отзыва с именами и фото клиентов увеличивают конверсию. Если отзывов нет, замените блок на логотипы компаний, с которыми работали.
Контакты и форма связи — завершающий блок. Обязательно укажите телефон, email, мессенджеры. Добавьте карту проезда, если у вас физический офис.
Что НЕ нужно добавлять
Избегайте избыточности: счётчики посещений, анимированные GIF-картинки, музыка, всплывающие окна при заходе на сайт, длинные тексты «о миссии компании». Каждый элемент должен вести к целевому действию.
Бесплатные шаблоны и их доработка
Готовый шаблон экономит 80% времени на создание визитки. Главное — адаптировать его под вашу специфику, а не использовать как есть.
В Tilda откройте раздел «Создать сайт» → «Готовые решения» → «Визитки». Выберите шаблон по визуальному стилю, близкому вашей сфере. Для консалтинга и услуг подойдут минималистичные варианты с крупной типографикой, для творческих профессий — с большими изображениями.
В WordPress установите плагин Starter Templates (от создателей Astra). Он импортирует готовые дизайны одним кликом. Фильтруйте по категории «Business» или «Agency», выбирайте варианты с пометкой «Free».
Этапы доработки шаблона:
- Замените все тексты-заполнители на реальный контент. Удалите лишние блоки, которые не относятся к вашим задачам
- Загрузите свои изображения. Используйте бесплатные стоки вроде Unsplash или Pexels, если нет своих фото. Оптимизируйте размер картинок до 200-300 Кб через TinyPNG
- Измените цветовую схему. Выберите 2-3 основных цвета: один для фона, один для акцентов (кнопки, заголовки), один для текста. Проверьте контрастность через WebAIM Contrast Checker — текст должен легко читаться
- Настройте шрифты. Не используйте больше двух шрифтов: один для заголовков, другой для основного текста. В Tilda хорошо работают пары PT Sans + PT Serif или Montserrat + Open Sans
- Проверьте мобильную версию. До 60% посетителей зайдут с телефона. Переключитесь в режим предпросмотра для смартфона и убедитесь, что тексты читаются, кнопки достаточно большие (минимум 44×44 пикселя)
Подключение формы обратной связи
Форма на сайте — ваш основной канал получения заявок. Чем она проще, тем больше людей её заполнят.
В Tilda формы встроены в блоки. Добавьте блок категории «Формы» → выберите «Форма заявки» или «Быстрая форма». Минимальный набор полей: имя, телефон или email, кнопка отправки. Каждое дополнительное поле снижает конверсию на 5-10%.
Настройка уведомлений:
- Откройте настройки формы → «Уведомления»
- Укажите email, на который будут приходить заявки
- Настройте интеграцию с Telegram-ботом @TildaNotificationBot — получайте заявки мгновенно в мессенджере
- Добавьте автоответ клиенту: «Спасибо за заявку! Перезвоним в течение часа»
В WordPress с Elementor установите плагин Contact Form 7 или WPForms (бесплатная версия). Создайте форму через админ-панель, скопируйте шорткод, вставьте его в виджет Elementor «Шорткод». Для уведомлений в Telegram используйте плагин CF7 to Telegram.
Требования к форме по закону: добавьте чекбокс «Я согласен на обработку персональных данных» со ссылкой на политику конфиденциальности. Без этого сбор контактов нарушает 152-ФЗ. В Tilda чекбокс добавляется в настройках формы автоматически, в WordPress — через настройки плагина форм.
Тестирование формы
Перед публикацией отправьте тестовую заявку. Проверьте, что письмо пришло на почту, уведомление — в Telegram, автоответ — клиенту. Проверьте форму с телефона — поля должны корректно открывать клавиатуру.
Публикация и настройка домена
На бесплатном тарифе сайт доступен по адресу вроде yourname.tilda.ws. Для серьёзного бизнеса нужен собственный домен типа yourname.ru — это повышает доверие.
Регистрация домена:
- Выберите регистратора: REG.RU, Timeweb, или 2domains. Стоимость домена .ru — 200-300 рублей в год
- Проверьте доступность имени через поиск на сайte регистратора
- Зарегистрируйте домен на себя как физическое лицо или на компанию
Подключение домена в Tilda:
- Перейдите в настройки сайта → «Домены»
- Нажмите «Подключить свой домен», введите купленное имя
- Tilda покажет записи DNS, которые нужно прописать у регистратора
- Войдите в панель управления доменом у регистратора → раздел «DNS-записи»
- Добавьте A-запись с IP-адресом, указанным Tilda, и CNAME-запись для www
- Подождите 2-24 часа — время распространения DNS-записей
В WordPress процесс зависит от хостинга. На Timeweb или Beget добавьте домен через панель управления хостингом, привяжите его к папке с WordPress. Если покупали домен отдельно, измените NS-серверы на серверы хостинга в панели регистратора.
SSL-сертификат: обязателен для любого сайта. Без него браузеры показывают предупреждение «Соединение не защищено». В Tilda SSL подключается автоматически после привязки домена. В WordPress на большинстве хостингов установите бесплатный Let’s Encrypt в один клик через панель управления.
Финальные проверки перед запуском:
- Откройте сайт в режиме инкогнито браузера — так вы увидите его глазами нового посетителя
- Проверьте все ссылки и кнопки — они должны вести куда нужно
- Протестируйте отправку формы обратной связи
- Проверьте скорость загрузки через PageSpeed Insights — оптимальное время 2-3 секунды
- Убедитесь, что сайт корректно открывается на мобильных устройствах
После публикации добавьте сайт в Яндекс.Вебмастер и Google Search Console — это бесплатные инструменты для отслеживания позиций в поиске. Установите Яндекс.Метрику или Google Analytics, чтобы видеть статистику посещений.
Частые вопросы
При использовании готового шаблона в конструкторе типа Tilda или Wix первая версия сайта создаётся за 2-4 часа. Это включает выбор шаблона, замену текстов и изображений, настройку формы обратной связи. Подключение собственного домена добавляет ещё 30-60 минут на настройку DNS.
Да, можно использовать бесплатные тарифы Tilda, Wix или Google Sites. Сайт будет работать на поддомене платформы с рекламой сервиса внизу страницы. Для подключения своего домена и удаления рекламы потребуется платный тариф от 300-500 рублей в месяц.
Конструкторы типа Tilda проще для новичков — визуальный редактор, готовые блоки, не нужно разбираться в хостинге. WordPress гибче и дешевле в долгосрочной перспективе, но требует базового понимания настройки. Для первого опыта выбирайте конструктор, если планируете расширять сайт до интернет-магазина — сразу WordPress.
Необязательно на старте, но желательно для профессионального имиджа. Адрес типа vasya-remont.tilda.ws выглядит менее солидно, чем vasya-remont.ru. Клиенты на 30-40% чаще доверяют сайтам с собственным доменом. Домен стоит 200-300 рублей в год, что окупается одной дополнительной заявкой.
Настройте отправку уведомлений на email и в Telegram через встроенные функции платформы. В Tilda это делается через настройки формы и бота @TildaNotificationBot. В WordPress установите плагин для интеграции форм с Telegram. Так вы получите заявку мгновенно и сможете быстро связаться с клиентом.
