Почему тильда лучший конструктор
Обновлено: 27.04.2024
Объясняю на пальцах почему для большинства бизнес задач стоит смотреть в сторону конструктора, а не писать сайт на чистом коде.
Поговорим о Тильде. Тема довольно обширная и волнующая лично меня. Я постоянно сталкиваюсь с вопросами об этом инструменте, в следствии которых мне каждый раз приходится разъяснять на пальцах почему Тильда не просто подходит под задачи проекта, а даже лучше, чем другие варианты.
Может быть вы дизайнер и вам будет полезна эта статья, чтобы отрабатывать возражения заказчиков, а может вы и есть заказчик, который сомневается в выборе. В любом случае постарался разобрать этот вопрос кратко и по пунктам:
Разработка сайта на Тильде выполняется в разы быстрее, чем сайтов, написанных кодом. При этом качество сайта остается на высоком уровне — адаптивность под все устройства, анимация, современные инструменты сбора заявок, вроде квиза или калькулятора стоимости — внедрение всего этого на коде не просто заняло бы больше времени, но и большую часть бюджета.
2. Стоимость
Самописный сайт стоит в разы дороже. И это не просто слова, а довольное логичное суждение, ведь для разработки такого сайта нужно как минимум два человека (дизайнер, верстальщик/программист), а это уже два чека, а не один.
Даже если вы всё-таки решите создать сайт на коде, вам понадобится head-leader проекта. Либо вам придется самим вести проект, согласовывать решения дизайнера с верстальщиком, программистом, контролировать все этапы. Без хоть каких-либо знаний в этой сфере вам будет очень сложно разобраться во всём и затратно по времени. А время — это деньги.
С управлением сайта легче разобраться, чем с системой сайтов на коде. Админ панель Тильды понятная и дружелюбная, вы можете сами вносить текущие правки на сайт (например, поменять фото, тексты). Не нужно искать разработчика для внесений коррективов на сайт. Клиент может обратиться к дизайнеру, чтобы быстро разработать новые блоки, изменить дизайн или попробовать новую воронку продаж на сайте.
5. Персонализация, забудьте про шаблоны
Технология Zero-Block позволяет реализовывать любые решения, которые помогут выделить Ваш бизнес на фоне конкурентов. Тильда позволяет разработать ПОЛНОСТЬЮ свой дизайн (прям как с кодом, да), конкретно под ваши задачи и цели в бизнесе. По сути Zero-Block – это панель, с помощью которой дизайнер переносит в интернет весь дизайн и его функционал без участия верстальщика или программиста. А если ещё использовать кастомные коды для расширения стандартного функционала.
Если говорить лично о моем выборе в сторону Тильды, то это возможность брать полностью под свой контроль все этапы создания сайта, позволяет быть уверенным в том, что дизайн и функционал будет реализован, как изначально задумано, позволяет предлагать клиенту готовый инструмент для бизнеса, а не просто идею и красивую картинку.
На этом вроде всё, думаю хотя бы парочку моментов вы для себя подчеркнули, и статья была вам полезна.
А теперь немного саморекламы :)
Также я провожу бесплатные консультации, поэтому если вы не уверены нужен ли вам вообще сайт и как он может облегчить ведение бизнеса, то можете без проблем написать мне. Для вас я соберу информацию по конкурентам и предложу возможные решения ваших задач в бизнесе с помощью продающего сайта. Ну а если сайт у вас уже есть, но его результаты вас не устраивают – я бесплатно проведу аудит и предложу конкретные решения по его улучшению.
А ещё я веду блог в инстаграме, подписывайтесь, там планируется много полезного контента когда-нибудь.
Бывает так: заказчику нужен лендинг еще вчера. К фронтендеру обращаться не хочется — долго, дорого, дизайнеру не понравятся отступы, а вся задача превратится в череду долгих согласований.
У этой статьи есть видеоверсия для тех, кто захочет посмотреть на фишечки Тильды в динамике.
Миф 1. В Тильде ограниченные возможности, и вообще конструктор — несолидно
Пару лет назад в Тильде можно было собрать простой и заурядный лендинг “как у всех”. Но сейчас она может стать идеальным инструментом для самых разных задач, особенно в маркетинге. Проект развивается в техническом и эстетическом плане, и если раньше Тильдой пользовались в основном малый бизнес и ИП, то сегодня сервисом не брезгуют даже крупные игроки.
Миф 2. Подгонять, настраивать и переносить элементы в Тильду долго и муторно. То ли дело фронтенд!
Не совсем. Раньше на создание достойного лендинга тратили пару-тройку недель — требовался дизайнер, фронтендер и тестировщик. Работа превращалась в постоянные ревью и согласования: не тот отступ, не так друг друга поняли. Сейчас об этом можно забыть.
Теперь можно импортировать дизайн по слоям сразу себе в код в два клика. Шрифты, картинки в SVG, кнопки и чтобы всё это было “по сеточке”, без замеров отступов между элементами. И потом не придется ловить страйки от дизайнера, мол, здесь всё поехало.
Теперь из Фигмы можно напрямую импортировать дизайн в Тильду. Останется только доделать адаптивчик, а еще залинковать ссылки и кнопки. И всё – можно выпускать!
Копируем ссылку на конкретный фрейм в Фигме. Открываем вкладку «Импорт» в зеро-блоке, вставляем ссылку и ждем. Чем меньше исходный фрейм, тем быстрее импортируется, поэтому длинный фрейм лучше делить на части — так быстрее и надежнее.
Ваш лендинг в Тильде. Вы великолепны!
Миф 3. В Тильде всё статично, а мне нужны анимация и микро-взаимодействия
В Тильду зашито много разных анимационных эффектов от простых до довольно сложных, типа Step-by-Step Animation, параллакса по скроллу или движению мыши и разных эффектов появления элементов.
Step-by-Step Animation позволяет гибко настраивать положение объекта при определенных условиях и активировать в зависимости от заданных параметров: появление элемента на экране при скролле, клике и наведении.
Настройка Step-by-Step Animation выглядит так: активируем анимацию, когда элемент появляется на экране. Выставляем параметры, положение, масштаб, шаги. Применяем к нужным элементам и получаем подмигивающий глаз.
Миф 4. Конструктор не справится с Lottie-анимацией
В Тильду легко встроить и lottie-анимацию. Лайфхак года: нужно экспортировать анимацию из After Effects в JSON, добавить небольшой код в Тильду, и всё сработает. Причем lottie не тормозит и отлично работает на всех устройствах.
Создаем анимацию в After Effects через встроенные инструменты редактора. Конвертируем в формат JSON через специальное расширение Bodymovin. Открываем сайт lottie и импортируем JSON. Работает!
Теперь выставляем необходимый параметр: высоту, ширину, выключаем панель Controls. Копируем наш код и идем в Тильду. Открываем зеро-блок и вставляем этот код через специальный html-элемент. Располагаем его в нужном месте, сохраняем, публикуем и наслаждаемся анимацией.
Миф 5. Без навыков и дизайнера всё обречено
Тоже нет. В Тильде более 140 разных блоков на все случаи жизни. Причем их можно легко кастомизировать под свой брендбук — никто не поймет, что это Тильда без подглядываний в код.
Плюс готовых блоков в том, что их легко редактировать и масштабировать. В Тильде очень удобная админка — не нужно каждый раз звать фронтендера, чтобы добавить или изменить блок. А еще можно создать шаблоны с разным набором уникальных блоков для ваших продактов и бренд-менеджеров — своеобразную дизайн-систему в Тильде под ваши нужды. Они легко смогут собирать свои странички уже без вашего участия.
Миф 6. Мне нужна seo-оптимизация, а еще теги и события, чтобы собрать статистику. Бездушный конструктор так не умеет
Умеет! И с этим тоже всё просто: в Тильде есть внутренняя статистика, можно подключить Google Analytics и Яндекс.Метрику. На каждую кнопку формируется своя ссылка события, которая добавляется внутрь аналитики. А с помощью тег-менеджера вашему аналитику и вовсе не нужно лезть в код сайта.
В заключение
Короче говоря, Тильда не так примитивна, как мы привыкли о ней думать. Рабочий проект реально создать за два-три дня — с дизайном, адаптивом и анимацией. А на сэкономленные деньги можно купить “плойку” или еще пару мониторов вашему фронтендеру, чтобы смотрел наш канал на Ютубе.
Конструктор сайтов Tilda помогает digital-компаниям делать лендинги и спецпроекты, не привлекая разработчиков. Это позволяет команде не отвлекаться от работы над продуктом, а маркетологам и дизайнерам быстрее выполнять свои задачи.
Ниже — шесть мини-историй о том, как известные компании используют Тильду для своих проектов.
О Tilda я узнал от своих друзей из интернет-журнала Platfor.ma, которые давно используют его в работе. Например, спецпроекты у них сделаны на Zero Block.
Наша команда подружилась с Tilda в конце 2016 года. Пробным шаром стал лендинг «Визуальные тренды — 2017»: прогноз ключевых тенденций в визуальных коммуникациях, который мы выпускаем уже в течение нескольких лет.
В 2018 году мы, снова на Tilda, воплотили в жизнь аналогичный проект. Это был чистой воды «дизайн без дизайнера»: моя сотрудница Женя собрала лендинг в стандартном шаблоне, не в Zero Block, наш штатный дизайнер чуть-чуть его подправил — и мы сделали релиз.
Еще мы использовали Tilda для визуализации дизайнов. Мы сотрудничаем с киевской дизайн-школой Projector. В 2017 году одним из заданий для выпускной работы на их курсе веб-дизайна было сделать для нас лендинг под проект Reimagining Record Covers, в котором наши друзья-дизайнеры переосмысливали оформление легендарных обложек музыкальных альбомов. Студентам предстояло придумать, как представить такой альтернативный арт на посадочной странице. Причём дизайн они делали не в Tilda — кто в чём. Работы нам сдавали в виде PSD-файлов. Дальше наш дизайнер брала эти PSD и верстала в тильдовском Zero Block.
По мне, самое крутое в нашем опыте с Tilda то, что нам удалось разгрузить своих фронтендеров и не быть привязанными к их обстоятельствам. У них длиннющая очередь задач — в нее еще нужно попасть. Да и мне самому легче сделать страницу лично, сообща с дизайнером, чем растолковывать фронтендеру, чего я хочу.
Для наших творческих задач Тильды хватает. Лендинги на ней мы сооружаем фактически в четыре руки: силами дизайнера и того, кто готовит контент.
В серьёзные ограничения при использовании платформы мы пока не упирались. Единственное: если бы мне потребовалось запустить полноценный онлайн-сервис с кучей фич и массой транзакций, требующих высокого уровня безопасности, я бы прибег не к Tilda. Ребятам я доверяю, но какая-то, как минимум, психологическая граница в плане сфер применения конструктора есть.
- аналитика Tilda;
- то, что мобильную версию можно легко дошлифовать силами нашего дизайнера.
Для Tilda у нас два основных применения. Во-первых, наш корпоративный сайт с информацией о компании и о продуктах. Сюда надо добавить точечные истории: промосайты, лендинги мероприятий. Во-вторых, наш блог.
На заре существования Contented мы делали сайт по старинке: долго рисовали дизайн, передавали его в разработку, верстали. В общем, стандартный цикл, стандартно отнимавший уйму времени. Когда нам понадобилось оперативно вносить правки и добавлять новую информацию, обнаружилось, что это необычайно трудно. Мы работали с подрядчиком, и тот ставил наши задачи в свой график в зависимости от загрузки специалистов. Причём нам сделали CMS, в которой мы, по идее, должны были менять контент своими силами, но оказалось, что в ней черт ногу сломит, как, увы, часто случается с самописными CMS. Вскоре мы пришли к тому, что нам нужно нечто более гибкое и мобильное.
По моей инициативе начали с другого сервиса. Я дизайнер, визуал, а у той платформы была красивая анимация, что меня и подкупило. Но потом выяснилось, что на ней трудно работать с аналитикой: всплыли проблемы с привязкой «Яндекс.Метрики» и не только её. Тут запротестовали маркетологи и посоветовали мне присмотреться к Tilda.
Поначалу у меня возникло отторжение. Всё, что я до этого видел на Tilda, было шаблонным и визуально не слишком привлекательным. Но надо было пробовать, я начал — и обнаружил, что перед глазами у меня были плохие примеры. Начал общаться с теми, кто с Tilda на короткой ноге, познакомился с Максимом Ширко, энтузиастом-евангелистом Tilda. Я вдохновился его подходом. А в какой-то момент узнал, что есть еще и «Tilda-дизайнеры», которые целенаправленно работают в ней как в основном редакторе.
В итоге проблемы с аналитикой остались в прошлом: внешние системы прекрасно подключаются, плюс Tilda даёт свою статистику. Я разобрался с дизайном, маркетологи довольны.
Сейчас мы моментально выкатываем изменения и изучаем аналитику, чтобы понять, повлияли ли они на что-либо. И по результатам наблюдений так же быстро принимаем дальнейшие решения.
Теперь, когда Tilda довела до ума свою функциональность, все претензии, которые у меня изначально к ней были, утратили актуальность. Чрезвычайно хороши возможности Zero Block, в том числе недавно добавленная пошаговая анимация.
Мы до сих пор живём в формате стартапа, поэтому у одного человека в команде часто целый веер обязанностей. Так что с Tilda в Contented работают три группы сотрудников:
- Редакционная. Точнее, на сегодняшний день один редактор. Внести изменения в текст, добавить картинки, даже сделать простой адаптив, который дизайнер упустил из виду, — редактору это по силам.
- Маркетинговая. Задачи того же плана: поменять предложения, даты курсов, условия, добавить блок или форму.
- Дизайнерская. В том числе я в качестве арт-директора.
Глобальных неразрешимых проблем с Tilda не помню — разве что частности. Как человек, старающийся сохранять корпоративную идентичность, я почти всегда пользуюсь zero-блоками и избегаю стандартных. Между тем в Zero Block, как ни странно, нельзя сделать некоторые вещи, которые доступны в обычных, не кастомных блоках. Хотя вот недавно в Zero Block добавили формы и стало гораздо лучше.
Я работаю почти только в Tilda, но еще не все знаю и поэтому регулярно «тормошу» техподдержку. К слову, отвечают они быстро.
В целом, пожалуй, я бы даже не применял к Tilda термин «конструктор». Стандартные блоки, с которых она начиналась, в настоящее время явно не основная ее функциональность. Профессиональные дизайнеры и, шире, команды продакшена скорее предпочитают Zero Block, который идеологически гораздо ближе к базовым принципам создания цифрового продукта.
Добавьте проекту постоянные элементы: header (логотип, меню), footer (контакты, навигация, дополнительная информация), которые будут автоматически появляться на всех страницах.
Назначьте главную страницу со специальным индексным блоком и включите блок «похожие материалы» в конце каждой статьи или работы — ваш сайт готов.
«Гамбургер», прозрачное меню с обложкой, залипание при скролле, плавный скролл к ссылке внутри страницы и другие.
Создайте свою форму сбора данных. Собирайте email, номера телефонов, добавляйте календарь для выбора даты, форму для загрузки файлов, предложите выбор вариантов.
Установите форму на Тильде и создавайте списки рассылок на MailChimp, UniSender, SendGrid или GetResponse.
Укажите адрес gmail при подключении сервиса и данные будут собраны в удобную таблицу на Google Drive.
Создайте документ политики конфиденциальности с помощью конструктора и добавьте ссылку на него в форму приема данных.
Вертикальную форму можно разделить на несколько этапов заполнения с помощью поля «Разбиение по шагам»
В форме можно добавить поле «Файл». Файлы из форм будут сохраняться в ваш Dropbox, Google Drive или Яндекс.Диск.
Используйте интегрированные сервисы обратных звонков и онлайн-чатов, чтобы увеличить количество обращений.
Принимайте платежи картой, через систему быстрых платежей, по SMS и другими способами, если вы работаете из России, Беларуси, Казахстана и других стран СНГ.
Сделайте собственный дизайн страницы, сохраните ее как шаблон, используйте для дальнейшей работы и делитесь шаблоном с другими пользователями.*
Для других пользователей Тильды можно предоставить полный или ограниченный доступ к редактированию вашего проекта.
Купите без комиссии доменное имя внутри аккаунта на Тильде, при необходимости перенесите управление к регистратору.
Изображения хранятся в сети доставки (и дистрибуции) контента (CDN), что сокращает время загрузки за счет использования географически распределенных серверов.
На Тильде для всех сайтов по умолчанию включен режим Lazy Load. Это позволяет сайтам загружаться очень быстро, даже на мобильных устройствах.
Технология обработки изображений уменьшает вес сайта в 3-7 раз. Скрипт масштабирует картинки под размер контейнера на странице и конвертирует в WebP. Эта оптимизация доставки изображений посетителям ускоряет загрузку сайтов.
Бытует мнение, что сайты, сделанные на конструкторе Тильда, не продвигаются в поисковых системах. Так ли это на самом деле? Возможно ли вывести в ТОП такие проекты?
Мы убедились лично на внутренних и клиентских проектах нашего агентства Result Plus. Продвижение сайтов на Тильда не сложнее, чем продвижение на других CMS.
В данной статье, основываясь на опыте нашей компании, расскажу:
- про плюсы и минусы Тильда;
- каким проектам может подойти продвижение на конструкторе;
- какие основные SEO возможности есть у конструктора.
Также покажу пару реальных результатов SEO продвижения проектов.
Лишний раз представлять Тильду нет необходимости. Последние несколько лет это один из самых популярных и удобных конструкторов для создания лендингов и полноценных сайтов, позволяющий решить множество бизнес-задач.
Основная особенность конструктора заключается в простоте, удобстве и интуитивно понятном интерфейсе. Не нужно обладать знаниями в верстке, программировании и дизайне, чтобы быстро запустить новый проект под контекстную или таргетированую рекламу, который принесет пользу бизнесу в самые короткие сроки, или создать полноценный сайт под поисковое продвижение чтобы приносить продажи на более длинной дистанции.
За несколько лет использования данного конструктора для внутренних проектов нашего агентства, а также на основе опыта продвижения клиентских сайтов мы выявили несколько преимуществ Тильды:
- Скорость загрузки. Великолепная скорость загрузки сайта без каких-либо «танцев с бубнами» и без привлечения программистов (как это часто бывает на проектах других CMS). Ускоренная загрузка сайта достигается путем оптимизации доставки изображений (Lazy Load, CDN, WebP, адаптивный resize изображений). Без особых заморочек для мобильных устройств можно получить показатели скорости 85 по PageSpeed Insights и 95 для компьютеров, что я считаю довольно хорошими показателями.
В зависимости от потребностей вы можете подключить свои инструменты: amoCRM, HubSpot, Bitrix24 и т.д.
Помимо очевидных для меня преимуществ, у конструктора есть и ряд недостатков. Для каждого читающего этот материал набор минусов может быть свой. Я составил список на основе своих наблюдений.
На Тильда эффективно можно продвигать следующие типы сайтов:
Чтобы решать задачи поисковой оптимизации, в конструкторе предусмотрены все необходимые для этого SEO-инструменты. Например есть возможность:
Подробнее как применить описанные возможности при оптимизации и выйти в ТОП, можно в моей подробной статье «SEO продвижение сайта на Тильде».
Не хочу быть голословным касательно продвижения сайтов на этом конструкторе, поэтому покажу частичные результаты работы команды Result Plus на некоторых клиентских и внутренних проектах сделанных на Tilda.
Читайте также: