Конструктор сайтов Tilda

Tilda Publishing — интуитивный конструктор сайтов Tilda Publishing — интуитивный конструктор сайтов
– Официальный сайт: https://tilda.cc/
– Год основания: 2014
– Страна: Россия
– Бесплатный период: неограничен
– Платные тарифы: 750 р. — 1250 р. в мес.
– Шаблоны: 90
– Уровень сложности: простой

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

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

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

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

1

Функциональность

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

В панели управления конструктора размещены все созданные проекты. Внутри них — страницы, из которых собирается сайт. У проекта есть собственный набор настроек, который позволяет:

  • Задать название, описание и адрес сайта.
  • Выбрать шрифты и цветовую схему.
  • Подключить домен.
  • Экспортировать код сайта.
  • Настроить интеграции со сторонними сервисами и подключить платёжные системы.
  • Настроить шапку и подвал.
  • Передать права сотрудникам для совместной работы.
  • Удалить сайт или ограничить к нему доступ.
  • Настроить личные кабинеты пользователей.

Основная работа по настройке сайта выполняется в визуальном редакторе. Он представляет собой поле с библиотекой с левой стороны, из которой добавляются целые блоки с контентом. Вёрстка исключительно вертикальная, но внутри блоков контент может быть расположен как заблагорассудится.

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

Сложности добавляет сам процесс формирования структуры сайта. Если, например, на других конструкторах страницы сразу становятся частью общего проекта, то на Тильде вам придётся думать, как их перелинковать, какие разделы нужно добавить в меню, как настроить вложенность. Это похоже на сбор книги из разрозненных страниц — надо не только найти все фрагменты, но ещё и расположить их в правильном порядке.

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

  • Системы управления клиентами (CRM).
  • Приложения для настройки почтовых рассылок.
  • Прочие приложения (Trello, Telegram, Slack, Google Forms/Sheets, Webhook, Zapier).

Количество доступных для интеграции сервисов постоянно увеличивается — соответственно, растёт и функциональность конструктора. Но куда интереснее другая возможность: благодаря блоку вставки HTML/CSS/JavaScript можно добавлять на сайт другие сервисы и службы. Есть даже костыль, чтобы интегрировать PHP-скрипты — правда, для этого понадобится Webhook, а код придётся размещать на своём сервере. Но возможности расширения всё равно приятно удивляют.

2

Возможности дизайна

При создании страницы вы можете выбрать один из 90 шаблонов или чистый лист. Шаблоны разделены по категориям: «Бизнес», «Магазин», «Событие», «Блог». Здесь же в библиотеке доступны три типа служебных страниц: «Контакты», «Анкета» и «Внутренние». Начинать знакомство с редактором Tilda лучше с изменения шаблона — это помогает понять, как организована работа. В дальнейшем гораздо эффективнее собирать страницы с нуля, хотя в отдельных случаях шаблоны всё же помогают ускорить разработку.

Полезная опция — добавление шаблона по ID. Tilda стала достаточно популярной для того, чтобы пользователи создавали для неё дополнительные материалы и делились ими друг с другом. На сторонних ресурсах и различных обучающих курсах можно найти примеры шаблонов, свёрстанных на Тильде. Если вам нравится какой-то вариант, его можно добавить на свой сайт, просто указав ID. Этот способ особенно широко распространён в различных учебных пособиях, описывающих особенности работы в конструкторе.

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

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

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

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

3

SEO

Сначала кажется, что Tilda предлагает только самые базовые возможности для SEO-оптимизации. Но если походить по разделам в настройках, то становится ясно, что инструментов продвижения достаточно много — и их количество постоянно растёт. Сейчас для оптимизации сайта вы можете выполнить следующие действия:

  • Задать название, описание и URL для сайта в целом и каждой страницы.
  • Подключить домен и добавить SSL-сертификат для шифрования трафика.
  • Загрузить фавикон для отображения в поисковой выдаче и на вкладке браузера.
  • Подключить Google Search Console и Яндекс.Вебмастер.
  • Настроить перенаправление страниц, редиректы для WWW и HTTPS во избежание создания дублей.
  • Определить основной адрес сайта в метафайлах robots.txt, sitemap.xml и метатеге canonical URL — использовать схему HTTPS или WWW.
  • Разрешить или запретить индексацию сайта.

Так как сайт на Tilda фактически представляет собой набор страниц, объединённых только доменом, то и настраивать SEO-параметры необходимо для каждого раздела. В настройках страницы есть поля для указания заголовка, описания и адреса, параметры бейджика, который будет отображаться в качестве превью при размещении ссылки в соцсетях или мессенджерах.

Вообще при работе с Tilda есть ощущение, что продвижение через соцсети — это то, на что делают ставку разработчики. Это проявляется не только в возможности настроить превью каждой страницы для публикации привлекательных ссылок, но и в количестве виджетов, которые в той или иной степени связаны с разными соцсетями — например, ленты Instagram или комментариев от Facebook и «ВКонтакте».

Но и про оптимизацию сайта разработчики не забывают. Например, для ускорения запуска страниц используется технология Lazy Load. Она обеспечивает постепенную загрузку изображений при скроллинге. Пока картинка находится вне зоны просмотра, на неё не тратятся ресурсы. Таким образом, время загрузки контента уменьшается, что положительно сказывается на поведенческих факторах — проще говоря, посетители не уходят со страницы, потому что она тормозит.

4

Стоимость

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

Шаблон автоматически адаптируется под экраны мобильных устройств, что тоже плюс. Из недостатков бесплатного доступа отметим невозможность подключить свой домен, отсутствие SEO-модуля и аналитики. В целом тариф Free можно использовать для создания визиток и простых лендингов. Если не обращать внимание на адрес страницы и научиться выжимать максимум из редактора Zero Block, то на выходе может получиться приличный сайт — и бесплатный.

Платных тарифа два — Personal и Business. Различий между ними мало, но они очень значительные. Тариф Personal позволяет создать только один сайт. На нём доступно 500 страниц, но все они будут размещены на одном домене. На тарифе Business можно создать 5 проектов плюс есть возможность экспорта кода и API. Это очень крутая функция, если у вас есть сайт на другой CMS, а Tilda нужна для оформления страниц или создания спецпроектов. Кроме того, тариф Business можно оплачивать через безналичный расчёт — это может быть важным для юридических лиц и ИП.

У Tilda Business есть несколько вариаций, которые различаются количеством доступных для создания сайтов. Если за 5 сайтов в год нужно платить 12 000 рублей, то 10 сайтов обойдётся уже в 25 000 рублей, 15 сайтов будут стоить 40 000 рублей, 20 — 50 000 рублей, а 30 — 80 000 рублей. Кроме увеличения количества проектов никаких дополнительных возможностей на этих тарифах нет.

5

Основные конкуренты

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

Для создания визиток и сайтов-компаний больше подходит uKit. Привлекательные шаблоны, простые инструменты редактирования, удобные виджеты — этого достаточно, чтобы рассказать о своих услугах.

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

Пожалуй, единственная ниша, в которой у Tilda мало конкурентов — создание спецпроектов для медиа. Но это относится только к рунету; в западном сегменте интернета есть свои сервисы. На фоне какого-нибудь Readymag отечественная Tilda смотрится неплохо с точки зрения функциональности, да и стоимость её тарифов при таком сравнении резко становится не такой уж и высокой.

6

Итог

Собирать сайты из готовых блоков на Tilda быстро надоедает — как бы вы ни старались, они всё равно получаются одинаковыми. Поэтому логичным путём развития в рамках использования конструктора выглядит переход на работу с Zero Block. Это интересный и в то же время достаточно сложный инструмент, который не требует навыков программирования, но предъявляет очень серьёзные требования к чувству прекрасного.

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