Разработка сайта на Tilda
Tilda — конструктор сайтов на базе блочной архитектуры. Основа — библиотека готовых блоков (BA, BB, BC... серии), которые собираются в страницы. Для профессиональной разработки ключевой инструмент — Zero Block: HTML/CSS/JS редактор внутри Tilda, дающий полный контроль над разметкой секции. Платформа ориентирована на маркетинговые сайты, лендинги, редакционные проекты.
Архитектура сайта на Tilda
Сайт в Tilda — набор страниц. Каждая страница — последовательность блоков. Блоки бывают:
- Стандартные — из библиотеки Tilda (Hero, CTA, Галерея, Форма, Цены и т.д.)
- Zero Block — кастомные HTML/CSS/JS секции
- Tilda Widget — встроенные или сторонние виджеты
Структура страниц в типовом проекте:
Главная — Hero + Social Proof + Services + CTA + Footer
О компании — Hero + Team + History + CTA
Услуги — страница-каталог с перечнем
Страница услуги — описание + преимущества + примеры + форма
Блог — список статей (коллекция Tilda)
Статья — редакционная публикация
Контакты — карта + форма + реквизиты
Tilda и динамический контент
Tilda Collections — встроенный инструмент для управления повторяющимся контентом (аналог CMS-коллекций):
- Карточки услуг, портфолио, команда, отзывы
- Редактирование через таблицу, а не через редактор страниц
- Шаблон карточки рисуется один раз, контент добавляется в коллекцию
Для блога встроен Tilda Blog — отдельный тип страниц с поддержкой категорий, тегов, RSS-ленты и SEO-настроек для каждого поста.
Формы и CRM
Tilda Forms — встроенный модуль с базовыми полями. Для простого сбора лидов достаточно. Интеграции из коробки:
- email-уведомление (несколько адресов)
- Zapier / Make — через webhook
- AmoCRM, Bitrix24, HubSpot — нативные интеграции
- Google Sheets — запись данных формы в таблицу
- Telegram-бот — уведомление в чат через webhook
Настройка webhook для Tilda формы:
В редакторе формы → «Интеграции» → Webhook → вставить URL эндпоинта. Tilda отправляет POST с полями формы в JSON.
Если нужна кастомная обработка (валидация на сервере, дедупликация, сложная логика) — Zero Block с кастомной формой + собственный API эндпоинт.
SEO на Tilda
Что настраивается:
- Title и Description для каждой страницы (Настройки страницы → SEO)
- og:image, og:title для социальных сетей
- canonical URL
- noindex для служебных страниц
- robots.txt (через настройки проекта)
- sitemap.xml — автогенерация на плане Business
Технические ограничения:
- JavaScript-рендеринг (SEO аналогично Wix — Googlebot рендерит JS)
- нет серверного рендеринга
- URL-структура ограничена возможностями платформы
- Custom HTTP-заголовки недоступны
Для максимально быстрой загрузки первого экрана — вынести критический CSS в Zero Block через inline-стили, изображения hero — WebP с srcset.
Настройка домена и хостинг
Tilda хостит сайт на своей инфраструктуре. Для подключения кастомного домена:
- В DNS-провайдере создать CNAME запись:
www → sites.tilda.ws
И A-запись для naked domain:
@ → 178.248.236.5
- В настройках проекта Tilda → «Домен» → указать домен → привязать.
SSL выпускается автоматически. Naked domain (без www) настраивается через редирект в Tilda или на стороне DNS-провайдера.
Tilda не поддерживает размещение на собственном хостинге (исключение — экспорт HTML, но с ограничениями функциональности).
Экспорт и переносимость
Tilda позволяет экспортировать HTML/CSS/JS на тарифах Business+. Экспортированный код:
- работает как статический сайт (без форм Tilda, без CRM-интеграций)
- формы нужно перенастраивать на собственный backend
- кодовая база не оптимальна для ручного редактирования — Tilda генерирует специфичный markup
Это опция «аварийного выхода», а не рабочий процесс для продакшена.
Тарифы и ограничения
| Тариф | Страниц | Проекты | Экспорт HTML | Коллекции |
|---|---|---|---|---|
| Free | 1 | 1 | — | — |
| Personal | 50 | 1 | — | + |
| Business | 500 | 5 | + | + |
| Business+ | Без ограничений | Без ограничений | + | + |
Ограничения хранилища медиафайлов: 1 ГБ на Personal, 3 ГБ на Business. Для сайтов с большим количеством изображений — внешнее хранилище (Cloudinary, Imgix) с подстановкой URL в коллекции.
Типичные сроки
Лендинг или сайт-визитка на стандартных блоках Tilda (5–10 блоков): 2–4 рабочих дня. Корпоративный сайт 5–15 страниц с Zero Block секциями, коллекциями и CRM-интеграцией: 7–12 дней. Редакционный сайт с блогом, несколькими коллекциями и кастомными форматами: 2–3 недели.