Сайт-визитку на Tilda можно собрать за один вечер — даже если вы никогда не работали с конструктором. Ниже — пошаговый разбор: от регистрации до публикации готового сайта.
Что такое сайт-визитка и кому он нужен
Сайт-визитка — это небольшой сайт на 1–5 страниц, который рассказывает о человеке или небольшом бизнесе: кто вы, чем занимаетесь, как с вами связаться. Ничего лишнего — только то, что нужно потенциальному клиенту, чтобы принять решение.
Такой сайт подходит:
- фрилансерам и специалистам — дизайнерам, юристам, психологам, репетиторам;
- малому бизнесу — небольшой студии, частному мастеру, консультанту;
- тем, кто только начинает и не готов вкладываться в сложный ресурс.
Tilda — один из лучших вариантов для такого проекта. Конструктор работает по принципу блоков: вы выбираете готовый блок, меняете текст и картинку, переходите к следующему. Никакого кода, никаких серверов. При этом результат выглядит профессионально, сайт быстро грузится и нормально индексируется поисковиками — если не халтурить с текстами и структурой.
Важно понимать разницу: сайт-визитка — это не лендинг (одностраничник под конкретный продукт или акцию) и не полноценный корпоративный сайт. У неё другая задача — сформировать первое впечатление и дать контакты. Если вам нужно сравнить, какой инструмент выбрать для лендинга, почитайте мою статью про Tilda и WordPress.
Хорошая новость: бесплатный тариф Tilda позволяет опубликовать один сайт. Этого достаточно, чтобы попробовать и посмотреть, как всё устроено, прежде чем платить.
Что подготовить перед началом работы в Tilda?
До работы в конструкторе нужно подготовить структуру сайта, тексты, фотографии, контактные данные и при желании логотип — тогда сборка займёт 3–5 часов вместо многих.
Самая частая ошибка — сразу лезть в конструктор без подготовки. В итоге человек часами переставляет блоки, а сайт всё равно не клеится. Причина простая: нет структуры и нет текстов.
Вот что стоит подготовить заранее:
- Структура сайта. Решите, какие разделы вам нужны: главная, услуги, портфолио, обо мне, контакты. Для визитки чаще всего хватает одной страницы с несколькими секциями.
- Тексты. Напишите офферы, описание услуг, короткое «обо мне». Не нужно писать идеально — нужно написать честно и конкретно. Про то, как работать с текстами, есть отдельная статья.
- Фотографии. Хотя бы одно хорошее фото — ваш портрет или фото процесса работы. Стоковые картинки делают сайт безликим.
- Логотип или шрифтовое написание имени. Необязательно, но желательно.
- Контактные данные. Телефон, email, мессенджер — что именно вы хотите показать.
Если работаете с заказчиком, этот список оформляется в бриф. Шаблон брифа поможет собрать всё нужное до старта работы и не переделывать сайт три раза.
Когда материалы готовы, работа в конструкторе идёт в разы быстрее. Обычно сборка визитки по готовым текстам и фото занимает 3–5 часов.
Шаг за шагом: как создать сайт на Tilda
Регистрация и создание проекта
Регистрация на tilda.cc бесплатна: после входа нужно создать проект, добавить страницу и выбрать шаблон или пустую страницу.
Зайдите на tilda.cc и зарегистрируйтесь — это бесплатно. После входа нажмите «Создать новый проект», дайте ему название (оно видно только вам) и выберите язык. Tilda создаст проект и откроет список страниц — пока пустой.
Нажмите «Добавить страницу». Конструктор предложит создать обычную страницу или выбрать готовый шаблон. Для первого раза шаблон — разумный вариант: он задаёт структуру и помогает не запутаться. Потом можно заменить всё содержимое своим.
Работа с блоками
Блоки в Tilda — готовые секции (обложка, галерея, форма, футер), в которых меняются текст, фото и кнопки без написания кода.
Tilda строится на блоках — готовых секциях: обложка, текст с картинкой, галерея, форма, футер и так далее. Вы добавляете блок, нажимаете «Редактировать содержимое» и меняете текст, фото, кнопки.
Каждый блок можно настроить: цвет фона, отступы, шрифт. Но не увлекайтесь — чем меньше разных шрифтов и цветов, тем опрятнее выглядит сайт. Придерживайтесь 2 шрифтов и 2–3 цветов из одной палитры.
Настройка типографики и цветов
В разделе «Настройки сайта → Стили» задаются базовые параметры: основной шрифт, цвет заголовков, цвет ссылок. Настройте это один раз — и все блоки подхватят общий стиль. Это экономит время и даёт визуальную целостность.
Мобильная версия
Tilda автоматически адаптирует большинство блоков под смартфон. Но проверить мобильную версию нужно обязательно: нажмите на иконку телефона в редакторе и просмотрите каждую секцию. Часто на мобильном съезжают шрифты или картинки оказываются слишком крупными — это правится в настройках блока.
Из каких разделов должна состоять хорошая визитка?
Обязательные секции визитки — обложка с оффером, список услуг, блок контактов и футер; портфолио, отзывы и «Обо мне» добавляются по возможности.
Универсальной формулы нет, но есть набор секций, которые закрывают основные вопросы посетителя: кто вы, чем можете помочь, можно ли вам доверять, как связаться.
| Секция | Что должно быть | Обязательно? |
|---|---|---|
| Обложка (Hero) | Имя, должность или оффер, фото, кнопка действия | Да |
| Услуги / Чем занимаюсь | Список услуг или направлений с кратким описанием | Да |
| Обо мне | 2–4 предложения о себе, опыт, подход к работе | Желательно |
| Портфолио / Примеры работ | 3–6 кейсов или скриншотов результатов | Желательно |
| Отзывы | 2–4 реальных отзыва с именем и, желательно, фото | По возможности |
| Контакты | Форма обратной связи или прямые контакты | Да |
| Футер | Ссылки, копирайт, соцсети | Да |
Не пытайтесь уместить всё и сразу. Лучше меньше, но точнее. Посетитель принимает решение за несколько секунд — ему нужен ясный ответ на вопрос «этот человек мне поможет?».
Как настроить SEO и опубликовать сайт
Перед публикацией заполняются Title, Description и OG-изображение в настройках страницы; сайт публикуется кнопкой «Опубликовать» и сразу доступен по адресу на поддомене tilda.ws.
Перед публикацией зайдите в «Настройки страницы → SEO». Заполните три поля:
- Title — заголовок вкладки браузера. Пишите конкретно: «Анна Иванова — психолог онлайн» лучше, чем «Добро пожаловать».
- Description — 1–2 предложения о том, кто вы и чем помогаете. Это текст, который показывается в результатах поиска под заголовком.
- OG-изображение — картинка для превью, когда ссылкой делятся в соцсетях.
Там же задайте адрес страницы: вместо случайного набора символов напишите понятный slug, например /designer или /psychologist-online.
Для публикации нажмите кнопку «Опубликовать» в верхней панели. Сайт сразу доступен по адресу вида yoursite.tilda.ws. Это бесплатный поддомен Tilda — подходит для старта, но для серьёзной работы лучше подключить собственный домен.
Собственный домен подключается в настройках проекта: Tilda покажет DNS-записи, которые нужно прописать у вашего регистратора. Обычно это занимает 10–30 минут работы и несколько часов на обновление DNS.
Стоимость всего этого — от стоимости домена плюс тариф Tilda, если вам нужно более одного сайта или расширенные функции. Подробнее о ценах я разбирала в статье сколько стоит сайт на Tilda.
Что проверить перед тем, как показывать сайт людям
Перед отправкой ссылки нужно проверить тексты, работу кнопок и форм, мобильное отображение, заполненность Title и Description, отсутствие заглушек и реальность контактов.
Не торопитесь отправлять ссылку, пока не прошлись по этому списку:
- Все тексты вычитаны, опечаток нет.
- Все кнопки и ссылки ведут куда надо, форма отправляется и приходит на вашу почту.
- Сайт нормально выглядит на телефоне — проверьте в реальном браузере, не только в эмуляторе.
- Заполнены Title, Description и favicon.
- Нет «рыбных» текстов вроде «Lorem ipsum» или текстов-заглушек из шаблона.
- Фото загружены в нормальном качестве, но не весят по 5 МБ каждое.
- Контакты рабочие — телефон и email реальные, мессенджер подключён.
Хорошая практика — попросить кого-то чужого зайти на сайт и сказать, понятно ли с первого экрана, кто вы и чем занимаетесь. Если нет — дорабатывайте обложку. Именно она делает первое впечатление.
Нужен ли дизайнер для сайта-визитки на Tilda?
Простую визитку можно собрать самостоятельно на профессиональном шаблоне Tilda; дизайнер оправдан, если важно выделиться среди конкурентов, соблюсти фирменный стиль или сайт — основной инструмент продаж.
Честный ответ: для простой визитки вполне можно справиться самостоятельно. Tilda — один из самых дружелюбных конструкторов, шаблоны там сделаны профессионально, и если не отступать от базовых правил типографики и не перегружать страницу, результат будет приличным.
Дизайнер нужен, когда:
- важно выделиться среди конкурентов, а не просто «иметь сайт»;
- у вас уже есть фирменный стиль и нужно точно его соблюсти;
- нет времени разбираться самому, и дешевле заплатить специалисту, чем тратить свои часы;
- сайт — это основной инструмент продаж, а не просто страница с контактами.
Если вы всё же решаете делать сами, потратьте время на изучение базы: как работают шрифтовые пары, что такое воздух в макете, зачем нужна сетка. Это не дизайнерская экспертиза — это основы, которые помогут не испортить хороший шаблон.
Если хотите понять, во сколько обойдётся заказать сайт у специалиста, загляните в статью про техническое задание — там объясняю, как грамотно поставить задачу и не переплатить.
Ключевые факты
- Сайт-визитка состоит из 1–5 страниц.
- Сборка визитки по готовым текстам и фото занимает 3–5 часов.
- Бесплатный тариф Tilda позволяет опубликовать один сайт.
- Подключение собственного домена занимает 10–30 минут работы и несколько часов на обновление DNS.
- Рекомендуемое ограничение по оформлению — не более 2 шрифтов и 2–3 цветов из одной палитры.
Частые вопросы
Можно ли сделать сайт-визитку на Tilda бесплатно?
Бесплатный тариф Tilda позволяет опубликовать один сайт с ограниченным набором блоков — для простой визитки этого обычно хватает.
Да. На бесплатном тарифе можно опубликовать один сайт с ограниченным набором блоков. Для простой визитки этого обычно хватает. Ограничения начинают мешать, если нужны формы со сложной логикой, интернет-магазин или несколько сайтов в одном аккаунте.
Сколько времени занимает сделать сайт-визитку самостоятельно?
Если тексты и фото готовы заранее, сборка занимает от 3 до 8 часов. Без подготовленных материалов — в несколько раз дольше, потому что большую часть времени тратишь не на конструктор, а на придумывание текстов прямо в редакторе.
Нужно ли регистрировать домен, или хватит адреса на tilda.ws?
Для старта хватит бесплатного поддомена tilda.ws, но для постоянной работы собственный домен выглядит профессиональнее и проще продвигается в поиске.
Для старта и тестирования — хватит. Для постоянной работы — лучше подключить свой домен. Это влияет на доверие: адрес вида имя.ru выглядит профессиональнее, чем имя.tilda.ws. К тому же собственный домен проще продвигать в поиске.
Tilda или WordPress — что выбрать для визитки?
Для визитки Tilda удобнее: быстрее запустить, не нужно разбираться с хостингом и обновлениями. WordPress оправдан, если сайт планирует расти — добавятся блог, каталог, личный кабинет. Подробное сравнение — в статье Tilda или WordPress: что выбрать для лендинга.
