CEO агентства
MBA, UTS Australia
13+ лет в маркетинге
13+ лет в маркетинге
Тимофей Белоглазов
Давайте подскажем,
как решить вашу задачу
как решить вашу задачу
(Оставить заявку)
Мы сделали 754 проекта и каждый из них уникальный, поэтому для старта нам важно познакомиться. Оставьте ваши контакты, а мы вам перезвоним в рабочее время.
Как сделать сайт на Тильде
Сайт можно создавать и без программистов. Tilda — один из самых популярных конструкторов в рунете: блочный редактор, где вы собираете страницы как конструктор Lego. В этом руководстве разберём всё по шагам — от регистрации до публикации и первых настроек SEO.
Оглавление
2.
3.
4.
1.
9.
7.
8.
10.
5.
6.
Кому подходит Tilda
Tilda — оптимальный выбор, если вы:
Платформа позволяет управлять всем — структурой, дизайном, текстами — без написания кода. Если что-то не получилось с первого раза, легко изменить или переделать. Тут сложно сделать что-то фатально неправильное.
Если задача сложнее — нестандартный функционал, уникальный дизайн, высоконагруженный интернет-магазин — рассмотрите профессиональную разработку. Команда dviga.marketing создаёт сайты на Тильде под ключ с нуля.
- Специалист/эксперт и хотите создать портфолио или персональный сайт.
- Предприниматель, которому нужен лендинг для тестирования идеи или запуска продукта.
- Маркетолог, которому срочно нужен сайт под мероприятие или лид-магнит.
- Бизнес, которому нужен корпоративный сайт с возможностью самостоятельного обновления.
Платформа позволяет управлять всем — структурой, дизайном, текстами — без написания кода. Если что-то не получилось с первого раза, легко изменить или переделать. Тут сложно сделать что-то фатально неправильное.
Если задача сложнее — нестандартный функционал, уникальный дизайн, высоконагруженный интернет-магазин — рассмотрите профессиональную разработку. Команда dviga.marketing создаёт сайты на Тильде под ключ с нуля.
Что можно создать на платформе
Tilda — не только для лендингов. Вот что реально собрать с её помощью:
Tilda предлагает около 700 шаблонов. Не обязательно искать идеальный — возьмите тот, что близок по смыслу, и адаптируйте под себя.
- Лендинг или мультилендинг для продукта/услуги.
- Сайт-портфолио или сайт-визитку.
- Корпоративный многостраничный сайт.
- Блог или медиа.
- Страницу мероприятия.
- Сайт-квиз для генерации лидов.
- Небольшой интернет-магазин (до 100−200 товаров).
- Промопроект с анимацией — при наличии дизайн-экспертизы.
Tilda предлагает около 700 шаблонов. Не обязательно искать идеальный — возьмите тот, что близок по смыслу, и адаптируйте под себя.
Плюсы и ограничения платформы
Важно: если вы перестанете оплачивать платный тариф, формы сбора заявок перестанут принимать данные. Сайт превратится в витрину без коммерческого функционала.
Хотите глубже разобраться, где Tilda выручает, а где может подвести? Читайте нашу статью «Плюсы и минусы сайта на Тильде: подробный разбор возможностей конструктора» — там мы разбираем это по собственному опыту разработки.
Регистрация и выбор тарифа
Перейдите на tilda.cc, нажмите «Попробовать бесплатно». Укажите email и придумайте пароль. После подтверждения почты вы окажетесь в рабочей области, где будут храниться все ваши проекты.
Какой тариф выбрать
- Бесплатный тариф (Free): один сайт, поддомен yoursite.tilda.ws, ограниченный набор блоков. Нельзя подключить формы для сбора заявок, настроить приём платежей, подключить свой домен. Подходит для пробы и портфолио без коммерческих задач.
- Тариф Personal: один сайт, все блоки, собственный домен, приоритетная поддержка. Цена — от 500 рублей в месяц при оплате за год. Оптимален для большинства задач: лендинг, корпоративный сайт, магазин.
- Тариф Business: несколько сайтов в одном аккаунте, все возможности Personal. Подходит для агентств и команд.
Совет: не тратьте время на бесплатный тариф, если планируете продавать. Подключайте Personal сразу. Подробное сравнение — в статье «Тильда тарифы: как выбрать подходящий план для бизнеса и дизайнеров».
Важно: на всех тарифах доступен бесплатный пробный период — 14 дней полного доступа.
Настройка сайта: шрифты, цвета, аналитика, 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-записей есть в официальной документации Tilda — процесс занимает 10−15 минут. После подключения домена нажмите «Опубликовать» заново на каждой странице.
Zero Block: когда стандартных блоков не хватает
Zero Block (зероблок) — инструмент для полностью индивидуального дизайна. В отличие от стандартных блоков, здесь нет готовой структуры: вы размещаете элементы вручную на холсте, добавляете анимацию, работаете с сеткой. Чтобы добавить зероблок — откройте каталог блоков, долистайте в конец и выберите «Нулевой блок».
Что важно знать о зероблоках
- Зероблоки не адаптируются автоматически — мобильную версию нужно настраивать вручную под каждое разрешение (320, 480, 640, 960, 1200+).
- Требуют базовых знаний типографики, сеток и композиции — новичкам лучше начинать со стандартных блоков.
- Изменение одного элемента может сломать верстку — работайте последовательно: сначала сетка → отступы → элементы → анимация.
- Панель «Слои» помогает ориентироваться в сложных блоках — держите её открытой.
- Функция Autolayout (аналог Figma) позволяет группировать элементы с авто-отступами — удобно для адаптации.
Совет: используйте зероблоки только для первого экрана или уникальных секций. Всё остальное — на стандартных блоках. Это ускорит работу и упростит последующие правки.
Проверка, мобильная версия и публикация
Чек-лист перед публикацией
- Проверьте мобильную версию через кнопку предпросмотра (иконка телефона). Элементы могут смещаться — исправьте вручную.
- Убедитесь, что у всех страниц заполнены title и description в настройках SEO.
- Зайдите в «SEO-рекомендации» и устраните найденные проблемы (дубли H1, отсутствующие описания).
- Закройте от индексации вспомогательные страницы: политика конфиденциальности, 404, страница входа.
- Протестируйте форму заявки — убедитесь, что данные приходят на нужный email или в CRM.
- Оптимизируйте изображения до загрузки: используйте WebP или сжатые JPEG. Tilda передаёт файлы через CDN, но исходный размер всё равно важен.
Когда всё проверено — нажмите «Опубликовать» в правом верхнем углу. Страница сразу станет доступна по выбранному адресу. Каждый раз после редактирования нажимайте «Опубликовать» повторно — черновик не виден посетителям.
Продвижение после запуска
После публикации займитесь привлечением трафика.
Базовый план:
Базовый план:
- Добавьте сайт в Яндекс.Вебмастер и Google Search Console — это даст контроль над индексацией и поисковыми ошибками.
- Подключите Яндекс. Метрику и Google Analytics — без них вы работаете вслепую.
- Настройте контекстную рекламу в Яндекс.Директ для быстрого старта продаж.
- Регулярно публикуйте полезный контент в блоге — это лучший долгосрочный канал органического трафика.
"
CEO агентства
Тимофей Белоглазов
Если хотите сделать всё правильно с первого раза, узнайте, какая цена на сайт на Тильде у команды dviga.marketing. Берёмся за проекты любой сложности.
Итог и ответы на частые вопросы
Как сделать сайт на Тильде — разобраться несложно даже без опыта в веб-разработке. При наличии готового контента первый сайт можно собрать за один-два дня, используя шаблоны, конструктор блоков и встроенные инструменты платформы.
Тильда — оптимальный выбор для самостоятельного запуска. Если важны уникальный дизайн и комплексное SEO — заказать сайт на Тильде можно у dviga.marketing. Создаём сайты, которые не просто красиво выглядят, но и приносят реальные заявки.
Тильда — оптимальный выбор для самостоятельного запуска. Если важны уникальный дизайн и комплексное SEO — заказать сайт на Тильде можно у dviga.marketing. Создаём сайты, которые не просто красиво выглядят, но и приносят реальные заявки.
Сложно ли создавать сайт на Tilda без опыта?
Нет. Стандартные блоки настраиваются визуально без кода. Большинство новичков запускают первый сайт за один-два дня. Zero Block требует больше навыков — начните с него после освоения стандартных блоков.
Что если я перестану платить за тариф?
Сайт останется доступным, но формы сбора заявок и платёжные системы перестанут работать. Посетители смогут просматривать сайт, но не смогут отправить заявку или оплатить заказ.
Можно ли сделать интернет-магазин на Тильде?
Да, с каталогом, корзиной и онлайн-оплатой. Оптимально до 100−200 товаров. Для большего объёма лучше рассмотреть специализированные решения.
Сколько стоит запустить сайт на Тильде?
Самостоятельно — от 500 рублей в месяц (тариф Personal). Если заказывать у студии, узнайте актуальную стоимость создания сайта на Тильде под ключ на dviga.marketing.
Поделиться статьей в соц. сетях
Некоторые изображения на этой странице созданы с использованием элементов платформы «Тильда». Источник: tilda.cc.
Свежие статьи
- Сайты
12 мин
18 мин
- Сайты, Продвижение
- Сайты, Продвижение
7 мин