Плюсы и минусы сайта на конструкторе Тильда 2024

— Тильда напоминает визуальный редактор кода, но без доступа к самому коду из интерфейса платформы*. Иными словами, в Тильде дизайнер реализует запланированную архитектуру сайта, «рисует» дизайн (или собирает из готовых блоков), добавляет необходимый функционал, а платформа автоматически преобразует все задумки заказчика, отдела дизайна и маркетинга в код из готовых библиотек. Безусловно, разработать хороший сайт на Тильде, при грамотном подходе, можно быстрее, чем написать код в ручную.

Кроме того, при разработке сайта «на коде» существует вероятность ошибок и потери времени при их поиске и исправлении.

Таким образом, Тильда исключает звено между дизайнером, маркетологом и разработкой. UX-UI дизайнер сам воплощает все идеи в Тильде, что, по нашему мнению, является более правильным подходом в 80% случаев.

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

Речь здесь не идет о нагруженных и сложных проектах, где не обойтись без команды программистов и где баланс между дизайном и функционалом может быть смещен в сторону функционала!

Например, если стоит задача создать онлайн-базу товаров на 1000+ позиций с парсингом с внешних ресурсов и кучей автоматизаций – заложите весомый бюджет и выберите хороших разработчиков, например, на Битрикс. Если Вам нужен достойный корпоративный сайт, лендинг или обычный интернет-магазин – напишите нам.

*В Тильде есть возможность добавления кастомного кода, также есть возможность экспорта кода Вашего проекта.

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

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

Представьте ситуацию: отдел маркетинга запустил рекламную кампанию. При промежуточном анализе эффективности маркетолог принял решения о необходимости: 1) Сделать заголовок крупнее 2) Добавить номер телефона во второй и третий блоки 3) Сделать динамическую смену первого экрана для повышения релевантности ключевым запросам. И теперь представьте, что пока Вы пишите и согласуете техническое задание с отделом программирования, реклама идет и деньги капают! Мы, как маркетологи, понимаем боль заказчиков, о которой говорим.

И третий фактор – это наличие в Тильде всех необходимых виджетов и интеграций для лендинг-пейдж: вам не нужно дополнительно разрабатывать и покупать функционал для посадочной страницы, – к Тильде легко подключаются приемщики форм, сервисы аналитики и коллтрекинга, платежные системы, сервисы email-рассылки, CRM-системы. Кроме того, в Тильде есть встроенная легкая CRM-система и краткая сводка по источникам заявок и их характеристикам с открытым сроком хранения данных.

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

Даже кастомный код без проблем можете добавить в любое место на сайте.

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

— Все верно, стоимость подписки на Tilda Publishing стартует от 6 000 рублей в год (либо от 750 рублей в месяц при оплате помесячно) при оплате от физического лица или от 15 000 рублей в год при оплате по счету от юридического лица (на данном тарифе Вам будет доступно 5 сайтов).

При этом абсолютно все возможности сервиса для сайтов включены в любой тариф.

Что входит в эту сумму?

• Визуальный редактор блоков, система управления сайтом
• Встроенная система аналитики (отображаются: количество заявок, источники, UTM-метки, популярные страницы, конверсии)
• Хостинг. К слову, работает без нареканий
• Домен на 1 год в подарок при оплате годовой подписки
• SSL-сертификат (для защищенного соединения по https-протоколу)
• Любые доступные интеграции (например, с сервисом коллтрекинга, CRM, картами, Google-Sheets и др.)
• Работа со сторонним кодом
• До 1000 страниц в каждом сайте, без учета карточек товаров, потоков (страниц блога) и поп-апов
• До 5000 товаров в штатном каталоге
• Техническая поддержка Тильды
• Виджеты и формы обратной связи
• Все адаптивные шаблоны сайтов (150+), блоков (550+) и страниц доступны на любом тарифе
• Встроенная CRM-система (лист со списком заявок с соответствующими полями из форм)
• Настройка Email-рассылки
• Функционал интернет-магазина (каталог, корзина, модули доставки, уведомления о заказах, интеграции с платежными системами
• Модуль «Потоки» для ведения блога
• Модуль «Личный кабинет», который идеально подходит, например, для онлайн-школ

Полный перечень возможностей Вы найдете на официальном сайте здесь: https://tilda.cc/ru/features/

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

— Да, есть десятки готовых интеграций с CRM, системами бронирования, платежными системами, модулями доставки и так далее. И, что самое главное, в Тильду можно добавить сторонний HTML код. Это может быть скрипт любого сервиса, который дает возможность интеграции с сайтом.

— Конечно, в феврале 2022 года мы начали волноваться за проекты клиентов, искать официальную информацию от руководства Тильды по поводу дальнейшего развития платформы в России. И они обозначили свою позицию таким образом, что стало ясно, что Тильда не остановится и будет работать, а также команда Тильды сделает все возможное, чтобы продолжать работать для пользователей в России. Также усилен отдел по работе с предотвращением DDoS-атак. Прошло уже больше года, и был момент, когда падали сайты на других движках (например, в марте 2022), а наши сайты всегда работали без перебоев.

— Да, товары можно загружать в каталог и выгружать через CSV или YML форматы, настраивать поля. Загрузить каталог товаров в Тильду можно за 5 секунд. Также есть возможность настройки обмена данными с 1C.

— Да, в Тильде есть прекрасный модуль «Потоки» для оперативной публикации новостей. При помощи этого инструмента можно решать ряд других задач. Например, публиковать отчеты о проделанных работах, инструкции к товарам и пр. При этом в «Потоках» есть все необходимые SEО-настройки.

Главное, будьте аккуратны с выбором тем =D следите за соблюдением законодательства, при нарушениях блог может быть оперативно заблокирован. Пишите о котиках ;)

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

При этом сейчас Вы читаете этот контент на сайте, который создан на Тильде. На нем 100+ страниц, большое количество фотографий, есть кастомный код и анимации, есть модуль для блога. Чувствуете ли Вы какой-либо дискомфорт, взаимодействуя с нашим сайтом? Вряд ли. Он грузится отлично.

Некоторые сайты на Тильде реально тормозят. Но почему, что с этим делать и как предотвратить проблемы загрузки?

• Сайт может медленнее грузиться, например, когда стандартный или нулевой блок перегружен текстами или картинками. Не перегружайте блоки множеством элементов. Для одной мысли используйте один блок.
• Стоит сжимать все изображения, в среднем, до 300 килобайт перед загрузкой на сайт, для фотографий использовать формат JPG, для векторной графики SVG.

Кстати, Тильда автоматически конвертирует все изображения на сайте в WebP, иными словами сжимает изображения примерно в 3 раза. Но мы все равно сжимаем изображения, чтобы точно держать этот фактор под контролем.

• Не перегружайте сайт скриптами. Используйте только то, что нужно, лишнее - удаляйте. Например, если не просматриваете записи визитов в Вебвизоре – отключите в настройках счетчика эту опцию и переопубликуйте код. Из таких мелочей все и складывается.
• Если не используете на сайте каталог и/или потоки – не подключайте эти модули.
• Мелкая деталь: когда адаптируете блоки для всех размеров устройств, не нужно задавать цвета и размеры для элементов во всех версиях отдельно – стили автоматически переходят к элементам от большего устройства к меньшему. Соответственно, если, например, размер заголовка H1 меняется только в горизонтальном смартфоне – только там и меняйте размер, для других устройств удаляйте стили, которые и так перенялись сверху по иерархии. Так будет меньше лишнего кода.
• Мы недавно добавили на главную страницу видео, которое подгружается с внешнего хостинга, весит порядка 30 мб и автоматически проигрывается – скорость загрузки упала заметно даже для пользователя. Тоже учитывайте этот момент, сокращайте вес видео до минимума.

• И, что самое важное, следует свести к минимуму количество поп-апов (всплывающих окон) на сайте.

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

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

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

Еще, если Вы хотите сверстать на 100% "резиновый" сайт, Вы не можете задать размеры для элементов в единицах измерения VW. Да, Вы можете верстать сайт в Window Container, задать элементам позиционирование и размеры в % от размера устройства. Но, например, задать шрифту размеры в EM и межстрочный интервал в % нельзя. Проблему, в целом, решает функция Autoscale.

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

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

— При разработке, например, на Вебфлоу, мы создаем внутри блоков (секций) контейнеры, которые имеют внутренние отступы и в которых задается позиционирование элементов. В Тильде таких возможностей пока нет.

Например, у Вас есть индивидуальный или ZERO-блок (это когда Вы создаете блок с нуля, такой, как Вы хотите, а не берете готовый из библиотеки Тильды). У него есть определенная высота. В этом блоке есть текст и изображение. В таком случае, когда Вы будете менять текст, этот текст «расползется», налезет на другие элементы или наоборот будет слишком большой отступ от текста до других элементов, и дизайн блока будет нарушен. Это связано с тем, что в Тильде нет возможности создавать контейнеры внутри блока и задавать им параметры, которые могли бы зафиксировать отступы для элементов внутри блока.

То есть Зеро-блок в Тильде - это что-то вроде фрейма в Фигме. Но без нормального Auto Layout! Если редактировать текст - все просто едет, потому что отступы между элементами, как и высота блока, не меняется в Зеро автоматически с сохранением заданных отступов!

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

Какие есть решения:

– во-первых, стандартизируйте все, что возможно стандартизировать, чтобы в дальнейшем было проще с этим работать. То есть определите, какие блоки потребуется наиболее часто менять и используйте для них стандартные решения из библиотеки Тильды. Ваш клиент скажет Вам за это спасибо. :) Если требуется кастомизировать стандартные блоки - используйте CSS-стили, меняйте элементы под свой дизайн. Мы научились уместно применять и кастомизировать стандартные блоки, чтобы нашим клиентам было удобно наполнять их.

– во-вторых, пользуйтесь alias-блоками (это образы блоков-оригиналов), при правильном использовании они могут быть очень полезными

– в-третьих, задавайте настройки типографики и цветов на уровне настроек сайта

– в-четвертых, создайте техническую страницу с некоторыми элементами и используйте их на соответствующих страницах (этим нужно очень уместно и осторожно пользоваться)

– создайте документ с CSS-стилями для Вашего сайта, добавите код в настройки сайта (в разделе Еще) и задавайте нужные классы элементам, где это требуется

Ниже, для наглядности, Вы можете увидеть настройки двух примерно аналогичных блоков в Webflow (слева) и в Tilda Publishing (справа). Как видите, слева у нас полноценная работа с кодом, версткой и структурой блока. А справа - что-то вроде Фигмы, где мы вручную двигаем элементы.

Еще ниже — слева платформа Taptop (наш аналог Вебфлоу), справа — Тильда.

— Да, штатными инструментами Вы не можете реализовать функции для личного кабинета как в обычном интернет-магазине. Стандартный личный кабинет в Тильде позволяет создавать страницы для отображения в личном кабинете (они могут выглядеть как угодно), добавлять пользователей в определенные группы для показа им тех или иных страниц. Можно открывать доступы к страницам по мере оплаты, например, курсов. Для продажи инфопродуктов это идеальный функционал. А для магазина, где нужен личный кабинет и история заказов - нет.

Решение:

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

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

— Это некорректный тезис, так как сайты на Тильде могут прекрасно продвигаться по SEO и имеют для этого все необходимые настройки. Кстати, буквально в прошлом году в поисковике по запросу "SEO-продвижение" в тройке лидеров по всей России был сайт, созданный на Тильде. Тут вопрос в том, как Вы работаете с SEO, с контентом и как с этим работают Ваши конкуренты.

Впервые мнение о том, что Тильда якобы плохо продвигается, автор данной статьи услышал от SEO-специалиста в компании, которая разрабатывала сайты на Битрикс. Начали разбираться и аргументировать свои позиции. Оказалось, что тот специалист, ни разу не работал с Тильдой и был в итоге приятно удивлен ее возможностями. О продвижении сайтов на Тильде мы довольно подробно писали в этой статье: /blog/chto-vliyaet-na-seo-prodvizhenie

Но есть несколько моментов, по которым Тильда уступает тем же Bitrix или Webflow. Например:

• Ограниченное количество страниц - 1000 штук (например, если у конкурента 2000 страниц, а у Вас 1000, логично, что конкурент может получать трафик по большему количеству запросов, если грамотно управляет SEO и имеет интересный целевой контент). Но, согласитесь, 1000 страниц за глаза хватить для большинства сайтов.
• У конструкторов есть определенные названия классов элементов, одинаковые для всех сайтов. А, например, в Webflow Вы задаете каждому элементу свой класс и поисковые системы считывают его как более уникальный. Получается, что в Тильде меньше процент уникальности кода.
• В Тильде, если Вы уносите какой-либо элемент за пределы области просмотра, например, в мобильной версии, поисковые системы его все равно видят и это не гуд. В Вебфлоу можно просто скрыть элемент на том или ином брейкпоинте, в Тильде это так не работает.
• Скорость загрузки. Конструкторы сайтов, могут работать медленнее из-за подгрузки разных стилей и модулей из библиотек, ну и из-за «криворукости». Для пользователя, как правило, это незаметно, но поисковые системы (в частности, Google) могут хуже оценивать скорость загрузки сайтов на конструкторах, чем скорость загрузки хороших и быстрых сайтов на чистом коде. Опять же, «с кривыми руками» можно убить скорость загрузки любого сайта, да так, что будет по 6 секунд загружаться.

Ниже Вы увидите пример продвижения наших проектов за последние несколько месяцев и ссылку на нашу статью о SEO-продвижении сайтов на Тильде.

— Да. Мы заметили это примерно в январе-феврале 2023 года, ранее мы могли одновременно работать в одном аккаунте Тильды и никаких проблем не было. Теперь так делать нельзя.

Это неудобно, т.к., например, у нашего клиента бизнес-аккаунт, в нем 5 сайтов. Если мы работаем над одним сайтом, в это время, например, сам клиент заходит в аккаунт, нас выкидывает. Если мы снова зайдем, то выкинет клиента. То есть неважно, один сайт мы редактируем или разные. Если же покупать доступ для 2 редакторов с нашей стороны, получается, клиент должен оплачивать дополнительно 960 рублей в месяц. Один редактор, соответственно, 480 рублей в месяц. Доступ для редактирования можно предоставлять к отдельным модулям, к отдельным сайтам или ко всем. Цена не зависит от количества сайтов в аккаунте.

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

— Да. В саму Тильду залить видео не получится, но можно использовать видео, размещая его на YouTube, Vimeo, RUTUBE или любом хостинге. Например, мы используем Selectel и без проблем добавляем видео в блоки как нам хочется. :)