Одним из популярных инструментов разработки сайтов является Tilda. Конструктор позволяет создавать Landing Pages, корпоративные сайты и даже небольшие интернет-магазины без навыков программирования. Знакомство с версткой сайтов я сама начала с Tilda. Первая версия моего блога была на этой платформе, однако впоследствии я перешла на WordPress. Опираясь на свой опыт, могу выделить плюсы и минусы Tilda.
Функционал Tilda
Платформа предоставляет полный набор инструментов работы с сайтом:
- конструктор страниц;
- общую настройку сайта и добавление favicon;
- подключение домена и протокола https;
- CRM-систему, автоматизацию рассылок;
- аналитику;
- базовые SEO-настройки.
Также в Tilda присутствуют дополнительные инструменты для создания интернет-магазинов. Например, настройка приема платежей, работа с корзиной и оформлением заказа.
Платформа Tilda частично бесплатная: есть тарифные планы Free, Personal и Business, которые различаются перечнем опций.
Функционал Тильды прост, и освоить его можно довольно быстро. Однако часто вопросы вызывает конструктор страниц — на нем остановлюсь подробнее.
Специфика конструктора страниц
Tilda предлагает два базовых варианта проектирования сайтов:
- готовые блоки,
- Zero Block.
Каждый имеет особенности, которые стоит рассмотреть детальнее.
Готовые блоки дизайна
Такие модули разработаны дизайнерами конструктора, и их можно сразу устанавливать на страницы, меняя только текст и изображения.
Среди готовых блоков стоит выделить:
- шапку, меню и подвал;
- обложку для главной страницы или первого экрана Landing Page;
- заголовки и текстовые блоки;
- изображение и галерею;
- колонки, формы и кнопки.
Воспользоваться готовыми блоками можно двумя способами: выбирая соответствующий шаблон через кнопку «Создать» или добавляя их непосредственно внутри редактируемой страницы.
В первом случае доступен полностью сверстанный вариант страницы, например «Одежда и аксессуары» или «Универсальный шаблон». Если дизайн-проект устраивает, остается только менять изображения и тексты.
Во втором варианте пользователь самостоятельно добавляет блоки внутри редактируемой страницы. Нажав кнопку «+», он откроет библиотеку блоков, где сможет выбрать подходящий.
Готовые блоки станут отличным решением для начинающих разработчиков и специалистов, не имеющих опыта в веб-разработке.
ZeroBlock
Любителям создавать индивидуальный дизайн подойдет интерфейс Zero Block. Это модуль с колонками, где можно размещать изображения, тексты и прочие оригинальные элементы в соответствии с уникальной концепцией оформления.
Чтобы эффективно использовать Zero Block, необходимо иметь навыки работы с модульной сеткой. Для знакомства с ней рекомендую статью «12 колонок, изменивших мир: сетки в дизайне».
Zero Block также можно совмещать и с готовыми блоками, создавая интересные варианты дизайна.
Кнопки «Предпросмотр» и «Опубликовать»
Отследить внешний вид разрабатываемой страницы позволит «Предпросмотр». Функция удобна, однако работает с погрешностями: она не всегда дает четкое представление о том, как будет выглядеть сайт на различных устройствах.
Бывали случаи, когда при предпросмотре все элементы страницы были на своем месте, но в итоге дизайн получался «кривой». Чтобы не допустить подобного, лучше использовать кнопку «Опубликовать» и только после просматривать сайт.
Плюсы Тильды для разработчиков
Растущая популярность платформы объясняется ее плюсами. В ходе работы с Tilda я выделила несколько ее преимуществ:
- понятный интерфейс — простая логика конструктора помогает быстро наладить верстку сайта;
- оперативная служба поддержки — вежливые и компетентные специалисты решают множество вопросов настройки;
- готовые решения в дизайне — большая библиотека шаблонов страниц позволяет без усилий создавать веб-ресурсы различной направленности, в частности, корпоративные сайты и интернет-магазины;
- наличие Zero Block — инструмент дает свободу действий в дизайне, чтобы верстать оригинальные сайты;
- возможность использования векторных изображений — помимо стандартных картинок формата JPEG, PNG и GIF, конструктор работает и с SVG.
Оформление текстов здесь можно довести до совершенства, добавляя тег #nbsp; после предлогов, союзов и местоимений. С его помощью они переносятся на новую строку, как требуют правила верстки.
Доступны и базовые SEO-настройки. Можно добавить favicon, который будет отображаться во вкладках браузера и поисковой выдаче, прописать метатеги Title, Description и Keywords, создать красивый URL страницы. Также конструктор сайтов Tilda позволяет подключать системы аналитики Google Analytics и Яндекс Метрику.
С помощью CRM-системы можно наладить обратную связь с подписчиками и клиентами — создав лист-заявку, собирать контакты людей и фиксировать опыт взаимодействия с ними.
Про инструменты для интернет-магазинов что-то определенное сказать не смогу, поскольку я не использовала их в своем проекте. Однако саму возможность добавления платежных систем, сервисов доставки и прочих полезных функций считаю позитивным моментом в использовании Tilda.
На Тильде множество опций доступно и без оплаты, поэтому если проект небольшой, то его можно сделать и на тарифе Free.
Минусы Тильды
Несмотря на ряд преимуществ, конструктор все же имеет недостатки:
- необходимость платной подписки для некоторого функционала,
- сложность адаптивной верстки,
- отсутствие возможности подключения админ-панели к стороннему хостинг-провайдеру,
- трудности с SEO-продвижением.
Остановимся на каждом минусе Tilda более подробно.
Необходимость платной подписки
Тариф Free лишает разработчика множества возможностей. Здесь доступны только стандартные блоки, и если хочется добавить, например, какую-то оригинальную галерею, форму для подписки или текст в раскрывающихся списках, нужна платная подписка.
Вдобавок бесплатно можно создавать только один сайт в 50 страниц размером не более 50 Мб.
У платных тарифов также есть особенности:
- Personal — дает право использовать весь функционал конструктора и подключать свой домен (эта опция доступна не во всех странах), но не позволяет экспортировать сайт;
- Business — делает возможным экспорт исходного кода и создание до 5 сайтов в 500 страниц каждый.
Если в стране разработчика нельзя подключать домен непосредственно к Tilda, то ему придется подписаться на более дорогой тариф Business, чтобы скачивать исходный код.
К тому же, черный блок «Made on Tilda» исчезает только с Business при оплате за год. Если он не принципиален, можно оформить ежемесячную подписку.
Сложность адаптивной верстки
И готовые блоки, и Zero Block объединяет одно — они самостоятельно не подстраиваются под размеры экрана пользователя. Важно помнить: при проектировании страниц нужно задавать отдельный дизайн под каждое разрешение.
В случае с готовыми решениями необходимо создавать минимум 2 варианта блока — в настройках указывать диапазон видимости на устройствах: от нуля до 1200px и от 1200px до бесконечности.
Если используют Zero Block, то верстку производят для пяти разрешений:
- 1200–Max;
- 960–1200;
- 640–960;
- 480–640;
- 320–480.
Если забыть проработать мобильные версии, получится сайт без адаптивного дизайна.
Отсутствие автоматической адаптации блоков страниц под размеры экрана усложняет регулярное обновление контента на сайте. Здесь верстка даже простых статей для блога требует больше времени, чем, например, на WordPress.
Отсутствие возможности подключения админ-панели к стороннему хостинг-провайдеру
Функция добавления домена непосредственно на Tilda доступна не во всех странах — где она отсутствует, сайт нужно регистрировать у местного хостинг-провайдера и переносить на его сервера.
Здесь и скрыта сложность. В отличие от, например, WordPress, админ-панель которого можно перенести на нужный домен и впоследствии редактировать сайт без усилий, в Tilda доступен только экспорт кода.
В результате, внося изменения на сайте, его нужно публиковать на Тильде, после скачивать архив и заново загружать на хостинг, что занимает время. Поэтому если веб-ресурс требует регулярных обновлений, создания новых страниц, конструктор Tilda — не лучший вариант.
Трудности с SEO-продвижением
Известно, что сайты на Tilda сложно продвигать в поиске. Среди причин антипатии поисковиков выделяют:
- ограничения настройки html и css — большинство элементов управления доступны через визуальный редактор, и вносить изменения непосредственно в код сайта затруднительно;
- наличие большого числа динамического контента и скриптов — яркие детали привлекают внимание, но зачастую требуют большего времени загрузки;
- невозможность полного контроля над ссылочным профилем сайта — инструменты для управления ссылками на платформе могут быть недостаточными для поискового продвижения.
Вдобавок на Тильде ограничено использование «хлебных крошек» и настройки переадресации, что также приводит к ухудшению индексации страниц.
Резюме: каким сайтам подойдет конструктор Tilda
Платформа может быть неэффективна для решения задач крупных веб-ресурсов, например, интернет-магазинов с широким ассортиментом товаров, корпоративных сайтов, блогов и СМИ с регулярно обновляемыми статьями.
Аналогично, если компания в продвижении делает акцент на SEO, Тильду выбирать не стоит.
Однако удобный и функциональный конструктор сайтов Tilda станет отличным решением для небольших фирм, а также когда необходимо создать красивый Landing Page для контекстной рекламы и прочих инструментов продвижения.
Источник логотипа Tilda для обложки статьи:https://tilda.cc/ru/mediakit/#logo