Tilda: что умеет конструктор, сколько стоит и где упирается в ограничения

Что такое Tilda?

Tilda - это облачный конструктор сайтов. Редактор, сервер и публикация живут внутри платформы, поэтому не нужно ставить CMS, арендовать хостинг и верстать каждую страницу вручную. Страницу складывают из готовых блоков: меню, обложки, галереи, отзывы, формы. Каждый блок настраивают двумя кнопками, «Настройки» для отступов и фона и «Контент» для текста и картинок.

Блоки уже адаптированы под компьютер, планшет и смартфон, и этим Tilda отличается от многих конструкторов без кода, где за адаптивность отвечает сам автор. Когда готовых блоков мало, открывают Zero Block, свободный редактор со слоями и анимацией. Он даёт точный дизайн, но взамен просит больше ручной работы.

Началось всё с внутреннего инструмента. Российский веб-дизайнер Никита Обухов, владелец студии FunkyPunky, сделал Tilda для своих проектов, а потом открыл её всем. Когда о платформе писал TechCrunch, у неё было около 4000 постоянных клиентов, внешних инвестиций она не привлекала, а стандартный лендинг стоил 15 долларов в месяц. Автор обзора собрал рабочую страницу примерно за 15 минут из стоковых фото и пары абзацев текста.

Главным отличием обозреватель назвал Zero Block: это редактор внутри редактора, где управляют типографикой, рисуют фигуры и делают анимацию. Сам Обухов объяснял, что блоки созданы квалифицированной командой дизайнеров и поэтому выглядят хорошо, хотя шаблонами не считаются.

У свободы есть цена. Руководитель студии Svoemedia Александра Иващенко рассказала Нетологии, что стандартные блоки подстраиваются под устройства сами, а в Zero-блоках адаптацию делают вручную. Если проект правят постоянно, как сайты мероприятий, каждую правку придётся повторять для всех разрешений.

Для каких сайтов Tilda подходит, а где не справляется

Хорошо выходят проекты, которые нужно показать, убедить и собрать заявку. Yudaev School предлагает простой критерий: если задачу описывают глаголами «показать, убедить, собрать заявку, принять оплату, опубликовать контент», конструктор обычно подходит. Сложные роли пользователей, вычисления и серверная логика требуют внимательной проверки. Под такие задачи подходят сайт-визитка и лендинг.

Типичный удачный пример - лендинг под контекстную рекламу. Агентство abraclick сделало такую страницу для московской транспортной компании Trinity: с нуля, без шаблонов, за три недели. Больше года страница принимает трафик из Яндекс Директа, и конверсия по нему составляет 8,28%. Цифра пришла от самого агентства, но задача понятна и воспроизводима.

Контент-проекты тоже ложатся на блоки. По словам директора по развитию ИХТЦ Ильи Мазова, опубликованным у Нетологии, такой проект при 10 000 посетителей в месяц приносит от 15% годового оборота компании. Главный редактор Svoemedia Максим Колташов говорит, что команда верстает статьи в Tilda, потому что подписка, ссылки на соцсети и перелинковка встают точно туда, куда нужно.

Svoemedia собрала для проекта «Местная еда» Школу гастрономического бизнеса на двух доменах. Контентная часть и лидогенератор живут на Tilda, а маркетплейс и хранилище курсов работают на самописной CMS, и для читателя это одна экосистема. Магазин гастрономических наборов FUNTAN BOX тоже уместился в конструктор: товаров немного, подключена Яндекс Касса.

Типовые решения экономят деньги. Svoemedia собрала на Tilda библиотеку шаблонов для повторяющихся задач клиентов, и это сократило стоимость разработки сайта для заказчика в 12-15 раз. Выигрывают обе стороны: клиент получает рабочий сайт быстрее, а студия не рисует одно и то же заново.

Граница проходит по сложному учёту. Конструктор лучше не брать в таких случаях:

• интеграция с 1С и синхронизация витрины с остатками на складе;
• несколько способов доставки и сложная тарифная сетка;
• личные кабинеты с нестандартной логикой и собственная база данных.

Про размер каталога источники расходятся: Kokoc считает оправданным лишь каталог умеренного размера, а Yudaev School приводит собственные лимиты товаров по тарифам, и эти оценки не сходятся. Прочитать лимиты в таблице функций на странице тарифов не удалось, поэтому перед запуском магазина сверьте ограничения нужного плана самостоятельно.

Сколько стоит Tilda?

На странице тарифов три плана. Free даёт один сайт и коллекцию ключевых блоков бесплатно. Personal рассчитан на один сайт, открывает полную коллекцию блоков и подключение своего домена: 500 рублей в месяц при оплате за год и 750 рублей при оплате помесячно. Business подходит для пяти сайтов, а главное его преимущество - экспорт исходного кода: 1000 рублей в месяц за год и 1250 рублей помесячно.

На бесплатном плане проект публикуется на адресе вида название.tilda.ws, а свой домен открывается только с Personal. Kokoc советует сразу включить пробный период Personal на 14 дней, чтобы собрать и проверить страницу до первой оплаты. Плашку «Made on Tilda» убирают при оплате Personal или Business на год: в настройках сайта, в разделе «Ещё», пункт Platform Badge.

Помимо подписки понадобится свой домен. Его покупают у регистратора, например REG.RU или Beget, затем прописывают серверы платформы в настройках домена. Обновление DNS занимает до 24 часов, после этого проект получает статус подключённого.

Для команд, которые делают много временных страниц, цена вообще не главный аргумент. Арт-директор GeekBrains Андрей Голактионов оставил на странице тарифов отзыв: большинство спецпроектов школы сделано на Tilda, потому что сроки у таких проектов жёсткие, а небольшая стоимость подписки служит приятным бонусом. Цены платформа меняет, поэтому сверяйтесь с живой страницей тарифов.

Какие сервисы подключают к Tilda

Заявки из форм не обязаны оседать в почте. По описанию Svoemedia, их можно получать в Телеграм, Trello и Slack, а контакты отправлять в сервисы рассылок и CRM, среди которых amoCRM и Bitrix24. Студия в своих проектах собирает данные в почту и Google-таблицы, а скрытому полю формы даёт одно и то же имя переменной, чтобы заявки легко различались.

С платежами важнее юридическая сторона, чем техническая. Принимать деньги можно только со статусом ИП или юридического лица, а ещё понадобятся онлайн-касса и публичная оферта. Подключение самой платёжной системы занимает меньше времени, чем оформление этих бумаг.

Аналитика подключается в настройках проекта: сначала создайте счётчики в Яндексе и Google, затем выберите их в разделе «Аналитика и SEO» и переопубликуйте все страницы. Без повторной публикации код счётчика на странице не появится, и цели будут пустыми.

Первая страница по шагам

Первый проект не требует изучать весь интерфейс. Достаточно пройти короткий путь от задачи до публикации, а инструменты подключать по мере нужды. Порядок такой:

• Сформулируйте одну цель страницы: заявка, покупка или запись на событие.
• Создайте проект из шаблона или с пустой страницы и соберите каркас: обложка, предложение, аргументы, доказательства, ответы на возражения, призыв.
• Подключите форму и поставьте в ней чекбокс согласия на обработку персональных данных: по 152-ФЗ он обязателен в любой форме обратной связи.
• Проверьте мобильную версию: блоки Zero требуют ручной подстройки под экраны.
• Заполните title, description и адрес страницы, подключите свой домен и счётчик Метрики.
• Нажмите «Опубликовать»: пока правки не опубликованы, посетители видят старую версию.

Домен и HTTPS подключаются в настройках проекта, платформа описывает порядок в справке. Регистрировать домен лучше на себя: Svoemedia предупреждает, что имя проекта нельзя отдавать подрядчику, потому что доступ к нему должен остаться у владельца.

Если структура слабая, быстрый редактор просто помогает быстрее собрать слабую страницу.

Павел Алтунин, UX/UI-дизайнер, в разборе Yudaev School

Структура и смысл решают больше, чем блоки. Студия MuscleLend проверила это на трёх лендингах для тренера, взяв стандартный шаблон Tilda и стоковые фото. Первая версия с пустыми заголовками вроде «Обо мне» дала конверсию 3,45%. После замены заголовков на выгоды, цифры и доказательства конверсия выросла до 20,73%, а вторая форма и новый порядок блоков довели её до 21,35%. Сравнивать варианты так же честно помогает A/B-тест, а общую логику страницы разбирает материал про конверсию.

SEO в Tilda: что есть из коробки и где мешает

Базовая оптимизация собрана в одном месте. По справке Tilda, файлы robots.txt и sitemap.xml платформа создаёт автоматически, а заголовок и описание страницы заполняются в её настройках. Редиректы 301 настраиваются в разделе «Редиректы страниц», а подключить Яндекс Вебмастер и Google Search Console можно в настройках SEO.

Обратную сторону описывает Kokoc: прямого доступа к robots.txt нет, а массовая генерация тегов canonical ограничена. Там же перечислены частые ошибки запуска: проект оставлен на техническом домене tilda.ws, не склеены версии с www и без, не заполнены метатеги. Принципы выдачи объясняет наш разбор основ продвижения.

Скорость тоже вызывает споры. Автоматическая проверка скорости выдаёт замечание о скриптах, блокирующих отображение верхней части страницы, и убрать его нельзя. Специалисты Tilda оценили, что удаление скриптов дало бы выигрыш в 0,3 секунды, а Svoemedia на практике не видит проблем с ранжированием своих проектов.

Коварная ловушка прячется в Zero-блоках. Как рассказывает агентство Alekzo, главная проблема продвижения на Tilda - скрытый текст за пределами видимой области. Разные блоки для десктопа и мобильной версии тоже остаются в коде, и поисковики считают их дублями текста. На примере школы маникюра из Минска специалисты удалили такие элементы и добавили около десятка страниц под отдельные запросы курсов.

Результат за шесть месяцев по отчёту агентства: поисковый трафик вырос на 1601 визит в месяц, это плюс 1033%. До этого проект вообще не продвигали, а после добавления страниц под запросы недельный трафик из поиска вырос со 139 до 358 человек. Одна гипотеза при этом не сработала. Блог и кейсы учеников сократили отказы на 1% и добавили 18 секунд к времени визита, но конверсию не подняли.

Уход с Tilda и экспорт кода

Уйти можно, но с оговорками. По справке об экспорте, выгрузка кода доступна на тарифе Business: платформа отдаёт файлы для размещения на своём сервере. Условия жёсткие: нельзя вносить изменения в экспортированный код вне платформы, поэтому такая копия скорее запасной выход, чем повод вести проект вручную.

Часть функций при экспорте остаётся в аккаунте. Формы, отправляющие заявки через сервисы приёма данных, требуют активной подписки на Tilda. Tilda CRM и личный кабинет не выгружаются, панель товаров тоже, а поиск по товарам перестаёт работать. Пароль на странице не переносится, и закрытая страница станет открытой. Kokoc подытоживает: серверная логика вроде корзины и форм при переезде не переносится.

Опыт Svoemedia показывает, как это выглядит на практике. Первую версию магазина функционального напитка Octa студия собрала на Tilda с внешним сервисом корзины, но интеграции со службами доставки оказались номинальными. Сейчас магазин перенесён на Инсейлс. Поэтому решите заранее: если проекту понадобится своя логика, закладывайте переезд в план, а не ждите, пока упрётся.

Частые вопросы