Wiki · Веб-разработка
Tilda
Tilda (Tilda Publishing) – это конструктор сайтов, в котором страницы собирают из готовых блоков прямо в браузере, без программирования. Сайт работает на серверах сервиса, к нему подключают свой домен, формы и приём оплаты.
За Tilda выбирают скорость. Лендинг под акцию можно собрать за день, и выглядеть он будет аккуратно даже без дизайнера. Ограничения становятся заметны позже, когда сайт начинает расти: появляется каталог, обмен с учётной системой, личный кабинет. О том, где проходит эта граница, и пойдёт речь.
Проекты, блоки и Zero Block
Каждый сайт в Tilda живёт в отдельном проекте: там подключают домен, задают общие шрифты и цвета, шапку и подвал. Страница проекта собирается сверху вниз из блоков: обложка, текст, преимущества, галерея, форма. В каждом блоке меняют тексты, картинки и цвета, а порядок блоков перетаскивают мышкой. Библиотека большая, поэтому типовой сайт можно сделать вообще без своих блоков.
Для нестандартного дизайна есть Zero Block: редактор, в котором элементы расставляют вручную, как в графической программе, и отдельно настраивают их положение для разных ширин экрана. Здесь же делают анимацию. Если и этого мало, в страницу можно вставить свой HTML-код, но такие вставки потом поддерживает уже разработчик.
Кроме страниц, в Tilda есть формы с отправкой заявок на почту и в CRM, например в Битрикс24 и amoCRM, каталог товаров с корзиной и подключение платёжных систем. Часть возможностей доступна только на платных тарифах, а экспорт кода сайта, по справке сервиса на момент написания, только на тарифах линейки Business.

Что в Tilda настраивается для SEO и где слабое место
Базовые SEO-настройки в Tilda есть, и их достаточно для небольшого сайта. В настройках каждой страницы задают title и description, адрес страницы в виде ЧПУ, запрет индексации. В настройках сайта настраивают 301 редиректы, а sitemap.xml и robots.txt сервис формирует сам. У картинок можно прописать alt, а ещё подключить Яндекс Вебмастер и посмотреть отчёт с SEO-рекомендациями по страницам.
Эти поля часто оставляют пустыми, и сниппет в поиске собирается из случайных кусков страницы. Вебмастер и Метрику лучше подключить в день запуска: без них не видно ни ошибок индексации, ни того, сколько заявок пришло с сайта.
Слабое место обычно скорость. Страница из двадцати блоков с анимацией и крупными фотографиями тяжело грузится на телефоне. Проверяйте её в PageSpeed Insights до запуска рекламы, а не после.

Когда Tilda подходит, а когда нет
Tilda хорошо закрывает задачи, где важны скорость запуска и внешний вид: лендинг под услугу или мероприятие, сайт-визитку, портфолио, спецпроект, проверку новой ниши. Небольшой магазин на десятки товаров тоже можно собрать.
Сложнее становится, когда нужен каталог на тысячи позиций с фильтрами, обмен с 1С, личный кабинет с разными ролями или своя логика, которую придётся годами дорабатывать. Тут обычно выбирают CMS, готовое решение или разработку с нуля, подробнее в статье Готовый шаблон или индивидуальная разработка. Если каталог с фильтрами и обмен с 1С нужны уже на старте, начинать на конструкторе невыгодно: сайт всё равно придётся переделывать.

Выбор платформы на старте и переезд клиники с Tilda
Tilda, готовые шаблоны и отраслевые решения на 1С-Битрикс лучше сравнивать на старте, особенно если сайт планируют дорабатывать. Логотип, цвета из брендбука и тексты переносятся на любую платформу, а страницы из блоков конструктора при переезде приходится верстать заново.
У клиники «Три Сердца» старый сайт был на Tilda. Он плохо индексировался, медленно грузился, были проблемы с технической оптимизацией. Справедливости ради, раньше этот сайт и не продвигали. Новый сайт сделали на 1С-Битрикс и решении Аспро, занялись контентом и локальным SEO, и число уникальных посетителей в неделю выросло с 1 000 до 5 500. Подробнее в кейсе «Три Сердца».
Переезд с Tilda на CMS: новая вёрстка и редиректы
Забрать сайт с Tilda и дальше развивать его на своём сервере не получится. По правилам экспорта менять программный код вне платформы запрещено, поэтому переезд на CMS почти всегда означает новую вёрстку и перенос контента. Адреса страниц при этом меняются, и без карты 301 редиректов трафик просядет, подробнее в статье SEO-переезд сайта.
Как работать с Tilda, чтобы не упереться в потолок
- Продумайте структуру и адреса страниц заранее. Переименовывать их после запуска значит настраивать редиректы.
- Сжимайте фотографии до загрузки и не ставьте видео фоном на первый экран мобильной версии.
- Проверяйте каждую страницу на ширине телефона. Стандартные блоки адаптивны сами, а Zero Block настраивают для каждой ширины вручную.
- Для однотипных страниц используйте одинаковые блоки, тогда правки не растянутся на целый день.
- Дублируйте заявки с почты в CRM, тогда ни одна не потеряется в ящике менеджера.
Помогаем выбрать платформу. Если конструктора хватает, берём создание сайта на Тильде или лендинг, а если сайт из него вырос, переносим его на готовое решение Аспро и 1С-Битрикс.
Тарифы, Zero Block, магазин и заявки на Tilda
Как убрать надпись Made on Tilda внизу сайта?
По справке Tilda, отключить лейбл можно, только если тариф Personal или Business оплачен сразу на год: тогда в настройках сайта появляется такая опция. После переключения все страницы нужно опубликовать заново. На бесплатном тарифе надпись остаётся.
Что выбрать для сайта компании: Tilda или WordPress?
Для лендинга и сайта-визитки быстрее Tilda: хостинг включён, страницы собираются из блоков, программист не нужен. WordPress ставят на свой хостинг, код и данные остаются у вас, а блог, сайт услуг или небольшой магазин на WooCommerce можно дорабатывать без ограничений сервиса. Обновления и защиту WordPress при этом берёте на себя.
С чего начать, если делаете сайт на Tilda сами?
С карты страниц и их адресов: менять адреса после запуска придётся через редиректы. Дальше создайте проект, задайте шрифты и цвета, соберите страницы из готовых блоков и пропишите каждой title и description. Перед публикацией подключите свой домен, формы и счётчики.
Как собрать свой блок в Zero Block?
Добавьте на страницу Zero Block и расставьте элементы вручную: тексты, картинки, кнопки. Потом переключайтесь между ширинами экрана и правьте положение каждого элемента, иначе на телефоне блок развалится. Анимацию задают в том же редакторе.
Сколько товаров потянет магазин на Tilda?
Комфортно себя чувствует магазин на несколько десятков позиций: каталог с корзиной и подключение платёжных систем в конструкторе есть. Когда счёт идёт на тысячи товаров с фильтрами и выгрузкой остатков из 1С, магазин лучше строить на CMS, например на 1С-Битрикс со штатным обменом.
Почему сайт на Tilda медленно открывается на телефоне?
Обычно из-за веса страницы: двадцать блоков, анимация, фото без сжатия, видео фоном на первом экране. Уменьшите картинки до загрузки, уберите фоновое видео из мобильной версии и прогоните страницу через PageSpeed Insights, пока реклама ещё не запущена.
Куда уходят заявки с форм Tilda и как их не потерять?
Формы умеют слать заявки на e-mail и сразу в CRM, скажем в amoCRM или Битрикс24. Подключите оба канала сразу: письмо может затеряться в ящике, а сделка в CRM останется. Чтобы видеть, с какой рекламы пришёл человек, сделайте отправку формы целью в Метрике.
Почему сайт на Tilda плохо индексируется?
Чаще мешает не платформа, а настройки: у страниц пустые title и description, у картинок нет alt, страницы тяжёлые, а Вебмастер не подключён, и ошибок никто не видит. Старый сайт клиники «Три Сердца» на Tilda индексировался плохо, но до переезда его никто и не продвигал.
Какой тариф нужен для экспорта кода сайта?
По справке сервиса, выгрузка кода есть только на тарифах линейки Business. Развивать выгруженный сайт на своём сервере всё равно не выйдет: правила запрещают менять этот код вне платформы, и при переезде на CMS страницы верстают заново.
Когда для сайта на Tilda зовут программиста?
Когда нужно то, чего нет в стандартных блоках: нестандартная интеграция, свой HTML-код внутри страницы, сложная аналитика. Тексты, картинки, формы и новые страницы из готовых блоков вы меняете сами в редакторе.
Источники
Остались вопросы по теме «Tilda»?
Напишите нам в Telegram или MAX. Ответит специалист, который отвечает за эту тему, или руководитель проектов в рабочее время.
Отвечает по темеДмитрий КолесниковWeb-разработчикНад статьёй работали
Кейсы
Кейсы по теме
Разработка · Медицина, сеть клиник
Разработка сайта сети медицинских клиник «Три Сердца» на шаблоне Aspro
Новый сайт клиники: удобная структура, база для SEO, современный дизайн с мобильной версией и полезный контент
Маркетинг · Медицина, центр репродуктивной медицины
SEO-продвижение клиники «Три Сердца»
Посетителей в 5,5 раза большеНа январь 2025 года: 5 500 посетителей в неделю вместо 1 000, обращение стоит 60–70 ₽
Услуги
Услуги по теме
Знания
Читайте также
Тарифы
Тарифы по теме
Пакет 20 часов в месяц для работающего сайта: следим за доступностью, делаем копии, восстанавливаем после сбоев и выкладываем контент.
- Задачи
- Ждем от заказчика
- Обновления
- Нет
- Исправление ошибок на сайте
- Небольшие доработки
- Размещение контента
- Учёт часов по каждой задаче
- Ежемесячный отчёт о задачах
- Резервная копия перед крупными правками
- Мониторинг работоспособности сайта
- Регулярное резервное копирование
Пакет 40 часов в месяц: сайт работает стабильно, а команда с дизайнером и разработчиками делает новые функции по вашим задачам.
- Задачи
- Ждем от заказчика
- Обновления
- Да
- Исправление ошибок на сайте
- Небольшие доработки
- Размещение контента
- Учёт часов по каждой задаче
- Ежемесячный отчёт о задачах
- Резервная копия перед крупными правками
- Мониторинг работоспособности сайта
- Регулярное резервное копирование
Пакет 80 часов в месяц для сайтов, через которые идут продажи: защита, обновления Bitrix и PHP, A/B-тесты, а задачи на улучшение предлагаем сами.
- Задачи
- Ждем от заказчика и предлагаем сами
- Обновления
- Да
- Исправление ошибок на сайте
- Небольшие доработки
- Размещение контента
- Учёт часов по каждой задаче
- Ежемесячный отчёт о задачах
- Резервная копия перед крупными правками
- Мониторинг работоспособности сайта
- Регулярное резервное копирование
Посчитайте стоимость проекта за 2 минуты
Калькулятор соберёт смету по нашим тарифам: сайт, дизайн, интеграции и поддержка.

