Дата публикации: 24.04.2026 · Обновлено: 11.11.2026
Как создать сайт на Тильде
- Сайты
15 мин
Автор статьи
Руководитель маркетингового агентства DVIGA
Судья конкурсов веб-разработки CSS Design Awards, Рейтинг Рунета и Золотой сайт.
Более 15 лет опыта в маркетинге
Более 15 лет опыта в маркетинге
Тимофей Белоглазов
Сайт можно создавать и без программистов. Tilda — один из самых популярных конструкторов в рунете: блочный редактор, где вы собираете страницы как конструктор Lego. В этом руководстве разберём всё по шагам — от регистрации до публикации и первых настроек SEO.
Оглавление
Кому подходит Tilda
Tilda — оптимальный выбор, если вы:
Платформа позволяет управлять всем — структурой, дизайном, текстами — без написания кода. Если что-то не получилось с первого раза, легко изменить или переделать. Тут сложно сделать что-то фатально неправильное.
Если задача сложнее — нестандартный функционал, уникальный дизайн, высоконагруженный интернет-магазин — рассмотрите профессиональную разработку. Команда маркетингового агентства DVIGA создаёт сайты на Тильде под ключ с нуля.
- Специалист/эксперт и хотите создать портфолио или персональный сайт.
- Предприниматель, которому нужен лендинг для тестирования идеи или запуска продукта.
- Маркетолог, которому срочно нужен сайт под мероприятие или лид-магнит.
- Бизнес, которому нужен корпоративный сайт с возможностью самостоятельного обновления.
Платформа позволяет управлять всем — структурой, дизайном, текстами — без написания кода. Если что-то не получилось с первого раза, легко изменить или переделать. Тут сложно сделать что-то фатально неправильное.
Если задача сложнее — нестандартный функционал, уникальный дизайн, высоконагруженный интернет-магазин — рассмотрите профессиональную разработку. Команда маркетингового агентства DVIGA создаёт сайты на Тильде под ключ с нуля.
Что можно создать на платформе
Tilda — не только для лендингов. Вот что реально собрать с её помощью:
Tilda предлагает около 700 шаблонов. Не обязательно искать идеальный — возьмите тот, что близок по смыслу, и адаптируйте под себя.
- Лендинг или мультилендинг для продукта/услуги.
- Сайт-портфолио или сайт-визитку.
- Корпоративный многостраничный сайт.
- Блог или медиа.
- Страницу мероприятия.
- Сайт-квиз для генерации лидов.
- Небольшой интернет-магазин (до 100−200 товаров).
- Промопроект с анимацией — при наличии дизайн-экспертизы.
Tilda предлагает около 700 шаблонов. Не обязательно искать идеальный — возьмите тот, что близок по смыслу, и адаптируйте под себя.
Сайты на Тильде: плюсы и минусы
| Плюсы | Ограничения |
|---|---|
| Простой интерфейс — разобраться можно за вечер | Бесплатный тариф: 1 сайт, нет форм, нет своего домена |
| Более 550 готовых блоков + Zero Block для свободного дизайна | Сложные проекты с нестандартным функционалом лучше делать на других стеках |
| Автоматическая мобильная адаптация стандартных блоков | Шаблон сам по себе не спасёт — нужна продуманная структура и контент |
| Встроенные SEO-инструменты, аналитика, интеграции с CRM | Сайты на Тильде часто грешат медленной загрузкой — нужна оптимизация контента |
| Быстрый запуск: сайт можно опубликовать за один день | Если перестать платить — формы для сбора заявок перестанут работать |
Важно: если вы перестанете оплачивать платный тариф, формы сбора заявок перестанут принимать данные. Сайт превратится в витрину без коммерческого функционала.
Хотите глубже разобраться, где Tilda выручает, а где может подвести? Читайте нашу статью «Плюсы и минусы сайта на Тильде: подробный разбор возможностей конструктора» — там мы разбираем это по собственному опыту разработки.
Регистрация и выбор тарифа
Перейдите на tilda.cc, нажмите «Попробовать бесплатно». Укажите email и придумайте пароль. После подтверждения почты вы окажетесь в рабочей области, где будут храниться все ваши проекты.
Какой тариф выбрать
- Бесплатный тариф (Free): один сайт, поддомен yoursite.tilda.ws, ограниченный набор блоков. Нельзя подключить формы для сбора заявок, настроить приём платежей, подключить свой домен. Подходит для пробы и портфолио без коммерческих задач.
- Тариф Personal: один сайт, все блоки, собственный домен, приоритетная поддержка. Цена — от 500 рублей в месяц при оплате за год. Оптимален для большинства задач: лендинг, корпоративный сайт, магазин.
- Тариф Business: несколько сайтов в одном аккаунте, все возможности Personal. Подходит для агентств и команд.
Совет: не тратьте время на бесплатный тариф, если планируете продавать. Подключайте Personal сразу. Подробное сравнение — в статье «Тильда тарифы: как выбрать подходящий план для бизнеса и дизайнеров».
Важно: на всех тарифах доступен бесплатный пробный период — 14 дней полного доступа.
Что можно сделать на бесплатном тарифе Тильды
Бесплатный тариф не ограничен по времени. Он подходит, чтобы разобраться в редакторе, собрать прототип или выложить простое портфолио.
Что доступно:
- один сайт на поддомене вида yoursite.tilda.ws;
- до 50 страниц;
- часть библиотеки блоков — достаточно для лендинга-визитки;
- визуальный редактор, мобильная адаптация стандартных блоков и базовые SEO-настройки страниц.
Что не доступно:
- Нет своего домена. Адрес остаётся на tilda.ws. Если вы подключали домен на платном тарифе, при переходе на бесплатный он отключится.
- Нет заявок и платежей. Формы не отправляют данные в CRM и на почту, платёжные системы не работают. Продавать и собирать лиды на таком сайте не получится.
- Нет аналитики. Яндекс.Метрика и Google Analytics отключены, поэтому трафик вы не измерите.
- Ограничен код. Нельзя редактировать содержимое тега Head и использовать HTML-блоки с вашим кодом (T123 и T868).
- Нет Вебмастера, каталога и CRM. Панель вебмастера и другие сервисы Tilda недоступны.
Настройка сайта: шрифты, цвета, аналитика, SEO, формы
Прежде чем заниматься блоками, настройте общие параметры проекта — они влияют на внешний вид, удобство и видимость в поиске.
Шрифты и цвета
В «Настройки → Шрифты» задайте один шрифт для заголовков, другой — для текста. Используйте формат .woff или подключайте через Google Fonts/Adobe Fonts по ссылке. Лишние шрифты замедляют загрузку — двух-трёх вполне достаточно. Чтобы текст выглядел аккуратно, без висячих предлогов и слипшихся слов, включите типограф — как с ним работать, разобрано в отдельной инструкции.
В «Настройки → Цвета» задайте фирменную палитру заранее: цвет заголовков, основного текста, фона, кнопок и ссылок. Это исключит ручную настройку каждого блока и обеспечит единый стиль. В процессе работы сохранённые цвета будут доступны одним кликом — не нужно каждый раз вводить HEX-код.
В «Настройки → Цвета» задайте фирменную палитру заранее: цвет заголовков, основного текста, фона, кнопок и ссылок. Это исключит ручную настройку каждого блока и обеспечит единый стиль. В процессе работы сохранённые цвета будут доступны одним кликом — не нужно каждый раз вводить HEX-код.
Аналитика
Встроенная аналитика Тильды показывает сессии, просмотры, источники трафика, географию и соотношение устройств. Этого достаточно для базового понимания аудитории. Для более глубокой работы подключите Яндекс.Метрику и Google Analytics через раздел «Аналитика» в настройках.
SEO-настройки
В разделе «SEO» для каждой страницы прописываются заголовок (title), описание (description), ключевые слова и Open Graph-теги. Также в этом разделе есть инструмент «SEO-рекомендации» — он покажет все страницы с проблемами:
Это своего рода технический чек-лист без SEO-специалиста. Здесь же закрывайте от индексации страницы, которые не должны попадать в поиск: политика конфиденциальности, 404, страницы входа.
Подробнее о продвижении читайте в статье «SEO для сайтов на Tilda: как настроить продвижение самостоятельно».
- Нет H1 или их два (часто бывает при дублировании блоков).
- Не указано описание или оно дублируется на нескольких страницах.
- Страница случайно закрыта от индексации.
Это своего рода технический чек-лист без SEO-специалиста. Здесь же закрывайте от индексации страницы, которые не должны попадать в поиск: политика конфиденциальности, 404, страницы входа.
Подробнее о продвижении читайте в статье «SEO для сайтов на Tilda: как настроить продвижение самостоятельно».
Формы и платёжные системы
Подключите CRM или email-уведомления в разделе «Формы». После подключения обязательно: привяжите форму ко всем нужным страницам; проверьте, куда приходят заявки; нажмите «Опубликовать» заново — без этого шага данные не отправятся. Это самая частая ошибка новичков.
Если сайт предполагает продажи, подключите платёжную систему (ЮKassa, CloudPayments, Stripe). Введите ID и ключ API из личного кабинета сервиса, затем привяжите платёжный метод к форме в настройках конкретного блока.
Если сайт предполагает продажи, подключите платёжную систему (ЮKassa, CloudPayments, Stripe). Введите ID и ключ API из личного кабинета сервиса, затем привяжите платёжный метод к форме в настройках конкретного блока.
Важно: формы и платёжные системы работают только на платных тарифах.
Пошаговое создание страниц из блоков
Ниже — пошаговая инструкция о том, как сделать сайт на тильде самостоятельно. Следуйте порядку, и первая страница будет готова уже через несколько часов.
Шаг 1. Создайте проект и первую страницу
В рабочей области нажмите «Создать новый сайт», задайте рабочее название. Затем нажмите «Создать новую страницу». Tilda предложит выбрать шаблон или начать с пустого листа. Для первого опыта лучше взять шаблон, близкий по смыслу, и адаптировать его — это быстрее, чем строить всё с нуля.
Шаг 2. Продумайте структуру до начала работы
Один из главных советов опытных пользователей Тильды: сначала напишите текст и спроектируйте структуру, а уже потом занимайтесь оформлением. Типовая структура лендинга: шапка с навигацией → первый экран (оффер + кнопка) → преимущества → кейсы/портфолио → отзывы → форма заявки → футер. Для многостраничного сайта создайте отдельные страницы: «Главная», «Услуги», «О нас», «Контакты», «Блог».
Шаг 3. Добавляйте и настраивайте блоки
Страница состоит из блоков — готовых секций с определённой структурой. Нажмите «+» под любым блоком — откроется каталог, разбитый по категориям: заголовки, тексты, галереи, формы, отзывы, контакты, магазин и другие. В библиотеке более 400 готовых блоков.
У каждого блока есть два режима: «Контент» — меняете тексты, изображения, ссылки кнопок; «Настройки» — задаёте отступы сверху/снизу, размеры текстов, анимацию появления, максимальную ширину блока. Блоки можно менять местами, скрывать и удалять.
У каждого блока есть два режима: «Контент» — меняете тексты, изображения, ссылки кнопок; «Настройки» — задаёте отступы сверху/снизу, размеры текстов, анимацию появления, максимальную ширину блока. Блоки можно менять местами, скрывать и удалять.
Лайфхак: настроенные блоки можно сохранить в «Избранное» и переиспользовать на других страницах — не нужно настраивать каждый раз заново.
Шаг 4. Задайте единый стиль через настройки проекта
В «Настройки → Шрифты» и «Настройки → Цвета и стили» задайте фирменные цвета и шрифты на уровне всего сайта. После этого все новые блоки будут автоматически использовать вашу палитру.
На вкладке «Seo» настраивается favicon — иконка во вкладке браузера.
На вкладке «Seo» настраивается favicon — иконка во вкладке браузера.
Шаг 5. Подключите домен
В «Настройки → Домен» вставьте ваш купленный домен. Подробно, с картинками и разбором частых ошибок, процесс описан в инструкции «Как привязать домен к сайту на Тильде». Настройка DNS-записей занимает 10−15 минут. После подключения домена нажмите «Опубликовать» заново на каждой странице.
Zero Block: когда стандартных блоков не хватает
Zero Block (зероблок) — инструмент для полностью индивидуального дизайна. В отличие от стандартных блоков, здесь нет готовой структуры: вы размещаете элементы вручную на холсте, добавляете анимацию, работаете с сеткой. Чтобы добавить зероблок — откройте каталог блоков, долистайте в конец и выберите «Нулевой блок». Если встроенных возможностей мало, интерфейс можно расширить готовыми модификациями, скриптами и эффектами для Тильды.
Что важно знать о зероблоках
- Зероблоки не адаптируются автоматически — мобильную версию нужно настраивать вручную под каждое разрешение (320, 480, 640, 960, 1200+).
- Требуют базовых знаний типографики, сеток и композиции — новичкам лучше начинать со стандартных блоков.
- Изменение одного элемента может сломать верстку — работайте последовательно: сначала сетка → отступы → элементы → анимация.
- Панель «Слои» помогает ориентироваться в сложных блоках — держите её открытой.
- Функция Autolayout (аналог Figma) позволяет группировать элементы с авто-отступами — удобно для адаптации.
Совет: используйте зероблоки только для первого экрана или уникальных секций. Всё остальное — на стандартных блоках. Это ускорит работу и упростит последующие правки.
Как перенести макет из Figma в Тильду
Если дизайн уже нарисован в фигме, собирать его в тильде с нуля не нужно. Макет можно перенести в зероблоки: фреймы станут блоками, а текст, картинки и элементы сохранят расположение.
Перед переносом подготовьте макет: назовите слои, сгруппируйте элементы и задайте сетку. После переноса проверьте шрифты и мобильную версию. Зероблоки не адаптируются сами, и обычно приходится подправлять отступы под каждое разрешение.
Пошаговый разбор с подготовкой макета и частыми ошибками — в нашей инструкции «Как перенести макет из Figma в Тильду».
Проверка, мобильная версия и публикация
Чек-лист перед публикацией
- Проверьте мобильную версию через кнопку предпросмотра (иконка телефона). Элементы могут смещаться — исправьте вручную.
- Убедитесь, что у всех страниц заполнены title и description в настройках SEO.
- Зайдите в «SEO-рекомендации» и устраните найденные проблемы (дубли H1, отсутствующие описания).
- Закройте от индексации вспомогательные страницы: политика конфиденциальности, 404, страница входа.
- Протестируйте форму заявки — убедитесь, что данные приходят на нужный email или в CRM.
- Оптимизируйте изображения до загрузки: используйте WebP или сжатые JPEG. Tilda передаёт файлы через CDN, но исходный размер всё равно важен.
Когда всё проверено — нажмите «Опубликовать» в правом верхнем углу. Страница сразу станет доступна по выбранному адресу. Каждый раз после редактирования нажимайте «Опубликовать» повторно — черновик не виден посетителям.
Опыт DVIGA: 7 ошибок новичков, которые мы исправляем
К нам часто приходят с сайтом, который владелец собрал сам. Обычно он почти готов, но что-то не работает. Ошибки каждый раз почти одни и те же.
- Сначала рисуют, потом думают. Берут шаблон, красят кнопки, а текста ещё нет. В итоге блоки переделывают по три раза. Лучше наоборот: сначала текст и структура, потом дизайн.
- Бесплатный тариф для сайта, который должен продавать. Форма на странице есть, а заявки не приходят. Платежи не работают, Метрика отключена. Если сайт нужен для бизнеса, платный тариф стоит подключить сразу.
- Забывают нажать «Опубликовать». Поправили текст, вроде всё сохранилось, а посетители видят старую версию. Или форму подключили, а данные никуда не уходят. Публикуйте заново после каждой правки.
- Не проверяют адаптивы. На компьютере всё красиво, а на мобилке текст наезжает на картинку. Особенно часто это бывает в зероблоках: они сами не подстраиваются, каждое разрешение нужно настраивать вручную.
- Загружают всё, что есть. Фотографии по 8 мегабайт, пять шрифтов в разных начертаниях. Страница тормозит, и люди закрывают её раньше, чем она загрузится. Сожмите картинки и оставьте два-три шрифта.
- Забывают про поиск. Заголовок H1 дважды или ни разу, нет описания страниц, а политика конфиденциальности висит в выдаче. Всё это за пару минут ловится в «SEO-рекомендациях».
- Запускают без аналитики. Сайт работает, но непонятно, откуда приходят люди и на каком месте они уходят. Метрику лучше подключить до запуска, потому что вернуть утраченные данные не получится.
Не хотите исправлять ошибки после запуска? Поручите сайт нам: DVIGA создаёт сайты на Тильде под ключ.
Продвижение после запуска
После публикации займитесь привлечением трафика.
Базовый план:
Базовый план:
- Добавьте сайт в Яндекс.Вебмастер и Google Search Console — это даст контроль над индексацией и поисковыми ошибками.
- Подключите Яндекс. Метрику и Google Analytics — без них вы работаете вслепую.
- Настройте контекстную рекламу в Яндекс.Директ для быстрого старта продаж.
- Регулярно публикуйте полезный контент в блоге — это лучший долгосрочный канал органического трафика.
"
CEO агентства
Тимофей Белоглазов
Если хотите сделать всё правильно с первого раза, узнайте, какая цена на сайт на Тильде у команды маркетингового агентства DVIGA. Берёмся за проекты любой сложности.
Итог и ответы на частые вопросы
Как сделать сайт на Тильде — разобраться несложно даже без опыта в веб-разработке. При наличии готового контента первый сайт можно собрать за один-два дня, используя шаблоны, конструктор блоков и встроенные инструменты платформы.
Тильда — оптимальный выбор для самостоятельного запуска. Если важны уникальный дизайн и комплексное SEO — заказать сайт на Тильде можно в нашем агентстве. Создаём сайты, которые не просто красиво выглядят, но и приносят реальные заявки.
Тильда — оптимальный выбор для самостоятельного запуска. Если важны уникальный дизайн и комплексное SEO — заказать сайт на Тильде можно в нашем агентстве. Создаём сайты, которые не просто красиво выглядят, но и приносят реальные заявки.
Вопросы и ответы
Нет. Стандартные блоки настраиваются визуально без кода. Большинство новичков запускают первый сайт за один-два дня. Zero Block требует больше навыков — начните с него после освоения стандартных блоков.
Сайт останется доступным, но формы сбора заявок и платёжные системы перестанут работать. Посетители смогут просматривать сайт, но не смогут отправить заявку или оплатить заказ.
Да, с каталогом, корзиной и онлайн-оплатой. Оптимально до 100−200 товаров. Для большего объёма лучше рассмотреть специализированные решения.
Самостоятельно — от 500 рублей в месяц (тариф Personal). Если заказывать у студии, узнайте актуальную стоимость создания сайта на Тильде под ключ на dviga.marketing.
Созвонимся на 30 минут, чтобы обсудить вашу задачу и ответить на вопросы. Вышлем вам презентацию с аналогичными кейсами и примерной стоимостью
Получите персональное коммерческое предложение под вашу задачу
Поделиться статьей в соц. сетях
Некоторые изображения на этой странице созданы с использованием элементов платформы «Тильда». Источник: tilda.cc.
Свежие статьи
- Сайты
12 мин
18 мин
- Сайты, Продвижение
- Сайты, Продвижение
7 мин
