Обзор конструктора сайтов Tilda

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

Удобство использования

Tilda представляет собой модульный конструктор с визуальным редактором. Разработчики уже создали блоки, дизайнеры довели их до ума, а вам нужно только правильно расположить модули на странице. Если это текстовый блок, то в нем выверен размер шрифта, цвет, отступ, межстрочное расстояние. Вы можете поменять значения, но и без кастомизации модули выглядят красиво. В библиотеке конструктора больше 500 блоков, и это число постоянно растет.

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

Сервис российский, сервера с данными расположены на территории России, также по умолчанию соблюдаются требования законодательства, поэтому никаких проблем с Роскомнадзором у вас не возникнет.

Tilda позволяет создать:

Конструктор фокусируется на удобстве читателя и правильной подаче визуального контента. Поэтому на Tilda вы найдете десятки вариантов вставки изображения или галереи. Сервис предлагает широкие возможности для работы с мультимедиа:

  • Фоновое видео с YouTube. 
  • Добавление видеоролика на страницу с Vimeo и YouTube простой вставкой ссылки.
  • Формирование видеогалереи на сайте.
  • Готовые сочетания для вплетения видео в текст.
  • Вставки любого видео и аудио через блок HTML.
  • Интеграция с SoundCloud и Coub.

Для работы с Tilda не нужно знать языки программирования. Все действия выполняются в визуальном редакторе, единственная сложность – настройка блоков. Это занимает достаточно много времени, но после пары-тройки успешных проектов можно набить руку и верстать страницы за несколько часов.

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

Tilda предлагает семь сценариев использования

  • Сайт на домене третьего уровня вида mybrand.tilda.ws. 
  • Подключение собственного домена. 
  • Подключение субдомена собственного сайта. 
  • Экспорт кода и размещение сайта, сделанного на Tilda, на собственном сервере. 
  • Экспорт кода и интеграция с собственным сайтом. 
  • Автоматическая интеграция с собственным сайтом через API.
  • Интеграция с сайтом на WordPress или Битрикс через плагин. 

Неплохо реализовано управление блогами, здесь эта функция называется «Потоками», каждый из которых представляет собой раздел с публикациями до 1000 статей. Всего движок позволяет опубликовать до 500 страниц других типов в рамках 1 проекта, но потоки не идут в этот расчёт. Тут важную роль играет другое ограничение – малый объём дискового пространства (до 1 Гб). Особо разогнаться и вести блог годами не получится, банально вскоре закончится место на диске.

Редактировать статьи удобно, вариантов форматирования материалов множество. Есть все необходимые SEO-настройки, поддержка AMP и Турбо-страниц от Яндекса, интеграция с соцсетями, теги, каталог статей, отложенная публикация по графику, сортировка, оформление карточек постов и анонсов, возможность комментирования, рекомендации и всё остальное.

Магазин для платформы с визуальным редактором здесь тоже приличный. Есть общий каталог товаров с разделами и возможностью фильтрации, статистика по заказам, отчёты, можно добавлять варианты товаров (цвета, размеры и т. д.), дополнительные опции к покупке (подарки, упаковка и т. д.), поле для поиска товаров, нормальное SEO (мета-теги, доступ к Google Search Console, отдельная страница для каждого товара в индексе и т. д.), большое количество способов приёма оплаты и доставки, плюс, возможность добавить собственные. Вариантов подачи блоговой ленты и магазинной витрины много – вообще, всё, что касается оформления сайта, в Tilda сделано на широкую ногу.

Ещё у Тильды есть встроенная CRM, в которую стекаются все получаемые с сайта заявки. Можно создавать свои листы с нужным количеством полей данных (почта, телефон, дата, название и т. д.), добавлять заявки вручную, детально настраивать таблицу, экспортировать данные в файл, отправлять их по почте, сортировать по различным признакам и прочее. Здесь же находится информация о клиентах – имена, адреса, телефоны и т. д. В целом, неплохой инструмент начального уровня, сможет заменить на первых этапах amoCRM и подобные профильные сервисы.

CRM позволяет добавлять этапы работы с клиентами и отслеживать статусы, то есть можно работать с воронками продаж, а также отправлять напрямую письма выбранным контактам. Всё это интегрировано с формами – информация и заявки заносятся в соответствующие поля при поступлении. Есть возможность переключения интерфейса между карточным и табличным видом. Для обработки данных можно добавить сотрудников, выдав им ограниченные или полные права.

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

Получение доступа к лекциям можно привязать к указанной дате или оставить открытым изначально. Контакты студентов автоматически сливаются во встроенную CRM. Конечно, всё это можно монетизировать, продавая доступ к различным материалам. Поддерживается трансляция материалов с YouTube и любых других видео-хостингов посредством вставки embed-ссылки. Вам не нужно хранить большие файлы на хостинге Тильды.

Также присутствует конструктор web-форм, которые используются для сбора личной информации: формы подписки обычные и всплывающие, блоки для оценки чего-либо, тесты, пошаговые многостраничные формы (опросы, анкеты), формы из нескольких колонок, формы для сбора донатов, опросы, голосования и т. д. Сценариев использования очень много. С помощью формул получится собрать даже калькулятор стоимости услуг, хотя здесь поддерживаются только базовые операции (сложение, деление, вычитание и т. д.) без логических ветвлений и условий.

Это ещё не всё. Конструктор почтовых писем позволяет создавать с нуля или по шаблону яркие, содержательные конструкции. Возможностей чуть меньше, чем в основном редакторе Тильды. Для технического обеспечения рассылки придётся всё же использовать какой-нибудь внешний специализированный сервис (UniSender, к примеру) – конструктор позволяет лишь создавать красивые макеты писем, но не умеет их рассылать по базе.

Для каждого сценария в справке есть подробная инструкция (уроки, статьи, вебинары). Наличие такого количества вариантов использования делает Tilda универсальным инструментом, который можно использовать для решения самых разных задач: от создания отдельного сайта до улучшения другого сайта с помощью возможностей конструктора. Тем не менее, движок лучше всего подходит для ручной сборки небольших, привлекательных сайтов дизайнерами.

Дизайн

Tilda — конструктор, на котором каждый может создать красивый сайт. Даже если оставить стоковый шаблон, заменив только картинки и текст, всё равно получится очень круто. Если же приобрести тариф, открывающий доступ ко всем блокам, научиться работать с Zero Block и создавать пошаговую анимацию, пользоваться интеграциями с другими сервисами, то получится страница, которую будет приятно смотреть, даже если посетителю не интересно, что именно на ней написано.

Основу конструктора составляет визуальный редактор, в котором веб-мастер выстраивает страницу по блокам. Направление — строго вертикальное, но, благодаря большому количеству разных вариантов представления контента и Zero Block можно создать любую структуру. Страница построена на основе 12-колоночной сетки. Блоки можно размещать на всю ширину или по колонкам: например, ширина 8 блоков, отступ слева — 2 блока устанавливает элемент посередине страницы. 

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

В Tilda все готовые шаблоны одностраничные, их несколько сотен, поделены на следующие категории: бизнес, событие, блог, магазин, контакты, анкета и внутренние. В категории «Pro» представлены экспериментальные шаблоны с отличной от других вёрсткой, созданные в Zero Block. Качество оформления макетов хорошее, местами даже отличное, но, если ваш сайт состоит не из 1 страницы, то придётся объединять всё под единым стилем вручную. То есть набросать разношерстных страниц, связать их ссылками и вписать свой контент окажется недостаточно. Нужно ещё привести всё это под общий стилистический знаменатель, чтобы сайт выглядел целостно.

Лучшим вариантом для сборки многостраничных сайтов, хотя и довольно трудоёмким, является создание каждой страницы с нуля, а в этом деле нужен опыт. Берёте пустую страницу, наполняете нужными блоками, подгоняете оформление – и так до тех пор, пока не получите достаточное количество макетов для реализации проекта. Если страниц много, придётся изрядно попотеть. Задачка нетривиальная для тех, кто раньше не имел дело с разработкой сайтов. Нужно набить руку хотя бы на 2-3 работах, потом станет легче.

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

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

Tilda предлагает больше двух десятков шрифтов, плюс поддерживает загрузку вариантов начертаний в формате WOFF или добавление через Google Fonts, Adobe Fonts, а также ручную загрузку шрифтов. У каждого шрифта есть пять настроек жирности, что помогает расставлять акценты в тексте. Важно, что вся эта красота правильно отображается на разных устройствах. Не все блоки адаптированы под мобильные экраны, но это не станет проблемой: нужно просто оформить один и тот же контент разными блоками и задать, какой будет отображаться на каком дисплее.

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

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

Поисковая оптимизация

Конструктор оснащён стандартными возможностями для оптимизации страниц под требования поисковых систем. Параметры представлены в настройках сайта и отдельных страниц. Общая оптимизация сайта подразумевает выполнение следующих действий:

  • Добавление названия и описания сайта для формирования сниппета и отображения на вкладке в браузере.
  • Настройка HTTPS для установления зашифрованного соединения.
  • Подключение Google Search Console и Яндекс.Вебмастера.
  • Управление редиректами страниц, перенаправление между WWW и HTTPS.
  • Регулирование параметров индексации: запрет или разрешение на сбор информации со страниц.
  • Определение основного адреса сайта в мета-файле.
  • Встроенный инструмент для поиска битых ссылок на сайте.

Все эти параметры доступны в разделе SEO в настройках сайта. Для отдельных страниц возможностей чуть меньше, но основные инструменты также доступны. В настройках страницы вы можете:

  • Задать заголовок и описание, ЧПУ-адрес.
  • Загрузить изображение для бейджика, которое будет отображаться при формировании сниппета.
  • Проверить отображение ссылки в Facebook и при необходимости настроить его вручную.

Способствует хорошей оптимизации движка также использование технологии Lazy Load. Этот плагин блокирует загрузку изображений, которые находятся вне зоны просмотра. Картинки появляются постепенно, при скроллинге, что позволяет значительно снизить время отображения контента.

Tilda автоматически преобразует загружаемые изображения в формат WebP, что подразумевает сжатие в 3-7 раз практически без потери качества. Технология значительно ускоряет загрузку страниц с большим количеством картинок. Также производительность сайтов повышается благодаря использованию CDN – технологии, работающей на сети серверов, расположенных в географически удалённых друг от друга точках мира.

Суть в том, что система загружает сайты из территориально ближайшего к пользователю сервера, что физически снижает задержки при загрузке страниц. Также для ускорения загрузки страниц в 2022 году разработчики переписали весь код движка с jQuery на JavaScript.

Получение более полных данных об аудитории из социальных сетей, мессенджеров и других внешних источников происходит благодаря возможности включения в ссылки UTM-меток. В Tilda отсутствует свой инструмент для A/B-тестирования страниц, но этот пробел закрывается функциональностью «Google Экспериментов» - модуля, который можно задействовать, подключив к сайту Google Analytics. Служебные файлы sitemap.xml и robots.txt система создаёт автоматически, возможность ручного редактирования прилагается. Также вы можете запрещать и разрешать индексацию как всего сайта, так и отдельных его страниц.

Для оптимизации сайта на Tilda также подходят традиционные SEO-рекомендации: публикация оригинальных материалов, последовательное использование заголовков H1-H6, перелинковка текстов, добавление ключевых фраз. Но это в большей степени относится к контенту, чем к самому сайту, так что здесь пользователь волен экспериментировать.

Тарифы

Конструктором можно пользоваться бесплатно на постоянной основе, но тогда придётся смириться с некоторыми ограничениями. Тариф Free предлагает создать один сайт с 50 страницами. Под это выделено 50 Мб дискового пространства. Веб-мастеру доступна примерно половина блоков, но среди них — Zero Block, в котором можно собирать блоки с нуля. Субдомен на Tilda и адаптивность тоже поддерживаются. 

Полная коллекция блоков, подключение собственного домена, удаление упоминания конструктора внизу страницы, создание интернет-магазина и ещё куча функций становятся доступными только при покупке тарифа Personal. Если же есть необходимость экспортировать код на сервер или настроить интеграцию с другим сайтом, то придётся покупать тариф Business. Кроме того, только на нём можно создать больше одного проекта. Места на сервере при оплате Business остаётся столько же, сколько на тарифе Personal — 1 Гб. Пожалуй, этот факт является главным ограничением, которое стоит на пути желающих создавать долгосрочные, многостраничные проекты в этом конструкторе. Место быстро закончится, увы.

Достоинства и недостатки

Tilda позволяет без специальных навыков создавать очень красивые сайты. Это возможно благодаря следующим положительным моментам:

  • Блочный механизм редактирования, каждый элемент которого сделан профессионалами.
  • Больше пяти сотен блоков и Zero Block, позволяющий создать часть сайта с нуля.
  • Шаблоны страниц и гибкие настройки дизайна.
  • Возможность вставки кода на сайт (HTML, CSS, JS).
  • Наличие встроенной CRM неплохого качества;
  • Добротный конструктор онлайн-курсов.
  • Встроенный конструктор форм: квизов, тестов, анкет, опросов и прочего.
  • Возможность ограничения доступа к сайту по паролю, IP-адресу, встроенная защита от копирования контента.
  • Личный кабинет пользователя и связанные с этим возможности – разделение на группы и ограничение/выдача прав доступа к любым страницам сайта.
  • Использование действенных технологий для ускорения загрузки страниц – Lazy Load, CDN, адаптивное сжатие изображений;
  • Интеграция со сторонними сервисами для расширения функциональности: соцсетями, музыкальными платформам, платежными системами, картами и т.д.
  • Встроенные инструменты для создания интернет-магазина и блога хорошего качества.
  • Коллекция авторских шрифтов плюс возможность загрузить свои или добавить из Google Fonts и Typekit.
  • Автоматическая адаптация под разные экраны с возможностью гибкой настройки мобильной версии. 
  • Экспорт кода для размещения на сервере или интеграции с другим сайтом. 
  • Регулярные обновления шаблонов, функциональности, количества интеграций, эргономики панели управления и прочего.
  • Много качественно поданных справочных материалов.
  • Возможность заказа различных работ у профессиональных дизайнеров.
  • Присутствие пакетных тарифов, заметно снижающих себестоимость каждого отдельного сайта.

Главный недостаток Tilda – высокая стоимость. Есть три тарифа, один из которых бесплатный, но даже если перейти на Personal, всё равно можно будет создать только один сайт. Появляется доступ ко всем блокам, увеличивается размер дискового пространства и количество страниц, но вопрос в том, будете ли вы пользоваться этими возможностями? 

Если вам нужно несколько сайтов, а не сотни страниц на одном домене, придется покупать самый дорогой тариф Business. На нем можно собрать 5 сайтов, по 500 страниц в каждом. Но на сервере будет доступен только 1 Гб – это катастрофически малый показатель и второй основной недостаток системы. Старший тариф от Personal отличается только количеством сайтов и наличием экспорта кода. Business хорош, если у вас есть другой сайт, который вы хотите сделать лучше с помощью конструктора Tilda.

Кроме того, данному конструктору очень пригодилась бы возможность запуска A/B-тестов для сравнения эффективности вариантов лендингов, ведь именно для их создания движок подходит лучше всего. Также отметим слабую техподдержку: половина пользователей сервиса жалуется на медленную реакцию на запросы, попытки замять проблему, затянуть её решение, пока клиент попросту не отстанет, махнув рукой.

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

Еще одна проблема – однотипность шаблонов. Если вы посмотрите на несколько десятков сайтов, сделанных на Tilda, то потом с первого взгляда будете определять их происхождение. В этом нет ничего плохого, но все эти параллаксы и широкоформатные изображения начинают надоедать. Главная причина в том, что многие веб-мастера не хотят тратить время на кастомизацию и выпускают одинаковые сайты. Если вы готовы работать с настройками блоков, делать новое в Zero Block и экспериментировать с анимацией, то результат будет очень крутой. Но не сразу.  

Отзывы экспертов

  • "Tilda позволяет создавать типичные страницы, однако всё меняется, когда открываешь для себя возможности редактора Zero Block. Но есть одна сложность: чтобы научиться с ним работать, нужно потратить много времени."
  • "Чтобы создавать привлекательные сайты на Tilda, нужен хороший вкус. В противном случае широкие возможности кастомизации станут злом, которое будет разрушать все идеи."
  • "Tilda – хороший инструмент для дизайнера, но не для среднестатистического новичка. Ограничения дискового пространства на корню убивают идеи создания объёмного блога или магазина, остаются лендинги и визитки. Многостраничные сайты создавать тоже непросто, ведь шаблоны все из 1 страницы, придётся собирать цельный по стилю макет вручную, что сможет далеко не каждый. В общем, для большинства пользователей Тильда – это, прежде всего, конструктор одностраничных сайтов разных форматов."

Выводы

Tilda – хороший конструктор для одностраничных сайтов и специальных проектов СМИ. Объемный сайт на нём создать не получится из-за небольшого размера предоставляемого пространства на сервере. Этот же фактор влияет на качество изображений, которые сжимаются и теряют в качестве при загрузке на сервер. Вообще, стоимость и малый объём дискового пространства – главные недостатки Тильды. Также у движка довольно посредственная техподдержка. Медленно отвечают и часто не по делу. Если для вас этот показатель критичен, лучше сразу начать смотреть в сторону других конструкторов.

В Tilda много полезных и качественно сделанных встроенных инструментов: конструкторы онлайн-курсов и форм, блог, магазин, CRM, агрегатор заявок, Zero Block, возможность экспорта кода сайта и прочее. Также отметим удачную эргономику интерфейса. Разработчики регулярно переосмысливают существующие возможности, улучшая их, а также добавляют новое. Сервис перспективный, динамично развивающийся. Это очевидно.

Tilda предлагает хорошие шаблоны и функциональные модули. Собрать на этом конструкторе что-то красивое и работающее может даже начинающий веб-мастер, с переходом на платный тариф и накоплением опыта визуальная составляющая будет становиться только лучше. Но, чтобы избавиться от ощущения однотипности, придётся часто прибегать к использованию Zero Block — только в нём у веб-мастера появляется свобода, не ограниченная конфигурацией предустановленных блоков. В общем, сервис хорошо подходит профессиональным дизайнерам и веб-мастерам. Тем, кто хочет сделать 1 сайт и забыть, лучше использовать другие, более практичные, понятные и, как правило, более доступные по стоимости конструкторы.

2023-03-28 Евгений Куликов Рейтинг: 3.0 5512

ОБ АВТОРЕ

Задать вопрос

ЛУЧШИЕ СЕРВИСЫ