Руководитель и стратег в студии веб-дизайна и контент-маркетинга Svoemedia Александра Иващенко рассказала блогу Нетологии, как её команда использует Tilda в работе.
Сайты на конструкторе сайтов Tilda я начала делать ещё в 2014 году. Тогда это был настоящий прорыв по визуальной части: было ощущение, что прикоснулся к искусству, и до конца не верилось, что оно станет таким доступным. В маленькой группе на 400 человек (сейчас подписчиков 18 тысяч) мы обсуждали возможности Тильды, поддерживали команду платформы и давали советы.
Сейчас, в рамках Svoemedia, создание сайтов на Tilda стало полноценным направлением нашего бизнеса и предпочитаемой CMS. О её возможностях, функциях и об опыте нашей команды хочу рассказать в этом обзоре Тильды.
Дизайн: что можно сделать на Тильде и как это будет выглядеть
Начать дизайн сайта можно с чистого листа, используя Zero-блоки, или с готовых шаблонов и блоков, которые можно группировать по типу конструктора.
Готовые шаблоны
Шаблоны разделены на группы по тематике и назначению: Бизнес, Магазин, Событие, Контакты, Анкета.
КАК СОЗДАТЬ САЙТ САМОМУ | За 45 минут | Без знаний программирования. Тильда/Tilda
Готовые блоки
Из библиотеки блоков можно выбрать самостоятельные дизайн-элементы: меню, текстовые блоки, изображения, видео, формы и кнопки, этапы, команда, отзывы, карты Гугл и Яндекс и так далее.
Готовые блоки автоматически подстраиваются под разные устройства — компьютер, смартфон, планшет. Для корректировки отступов или размера текста задайте режим отображения внизу настроек блока, двигая ползунок:
Подробнее о корректировке мобильной версии читайте в справочнике Тильды.
Текст и изображения
Для редактирования текста нужно кликнуть по нему. То же можно сделать из меню «Контент» (в стандартных блоках) и через «Редактировать блок» в Zero. Встроенный в редактор типограф для текстов убирает висячие предлоги, ставит правильные тире и кавычки.
Изображения можно загрузить с диска, перетащить, вставить ссылку на изображение в интернете. В стандартных блоках можно менять цвета, шрифты, иконки.
Zero-блоки
Для реализации сложных идей, мы используем Zero-блоки. В Zero-блоках все элементы создаются самостоятельно. Адаптировать сайт для разных устройств тоже нужно вручную.
Елена Сартасова, шеф-дизайнер Svoemedia
«Микроанимации — это возможность сделать сайт живым и говорящим. Тильда дает возможность настройки такой анимации. Сайт, дающий обратную тактильную связь, создает игру с пользователем, продлевая этим его время пребывания на сайте и упрощает знакомство с контентом».
Проанализировав задачи клиентов, мы создали библиотеку шаблонов на Тильде для типовых решений. Мы хотим, чтобы заказчики клиентов быстрее находили на сайтах то, что им нужно. А клиенты экономили деньги для развития бизнеса: такое решение позволило нам сократить стоимость разработки сайта для клиента в 12–15 раз.
Тильда позволяет делать эффектные сайты и, если овладеть её инструментами, сложно наткнуться на ограничения: немного изменив взгляд на элемент, можно адаптировать его без потерь.
Что такое ТИЛЬДА? | Обзор на лучший конструктор сайтов
Сценарии использования: для каких типов проектов подходит Тильда
Тильда — комфортная среда для создания, публикации, хранения и модификации проектов. В агентстве мы работаем преимущественно с большими проектами по классической схеме веб-разработки: схема, прототипирование, контент, дизайн, техническая оптимизация.
Тильда позволяет исключить полностью дорогостоящие этапы HTML-верстки и программирования и сократить стоимость разработки для нашей команды и клиента.
Александра Назмеева, менеджер проектов Svoemedia
«Тильда позволяет вовсе не привлекать полноценного разработчика даже для многостраничных сайтов (исключение — сложные калькуляторы и иные нетиповые задачи). По сравнению с разработкой сайтов полного цикла, сайты на Тильде сокращают время создания крупных проектов до 1,5–2 месяцев, включая этапы от прототипирования и написания контента до запуска работоспособной версии».
Сайт компании и лендинги
Если нужен сайт-презентация продукта или услуги, посадочная страница с формами обратной связи — Тильда подойдёт идеально.
Функции личного кабинета пользователя в Тильде на данный момент нет. В проекте компании UNIUP все презентационные страницы и блог сделаны на Тильде, а личный кабинет — внешняя ссылка на другой сайт:
Личный сайт или портфолио
На Тильде можно собирать сайты-портфолио, личные сайты специалистов.
Контент-проекты
На Тильде мы сделали и ведём самое большое медиа по химической промышленности в России: проект Инжинирингового химико-технологического центра в Томске.
Для этой ниши цифры очень приятные — 10 000 посетителей в месяц. По словам Ильи Мазова, директора по развитию ИХТЦ, контент-проект приносит от 15% годового оборота компании.
Максим Колташов, главный редактор SVOEMEDIA
«Я рад, что команда чаще всего использует для вёрстки статей именно Тильду: это позволяет разместить нужные блоки (подписка, ссылка на соцсети, перелинковка на другие материалы) быстро и именно там, где мне это необходимо. Результат всегда эстетически приятен, что улучшает поведенческие характеристики и в итоге положительно сказывается на ранжировании сайтов».
Полезные функции Тильды для контент-проектов:
- Метатеги H1-H3, title, description, Alt для изображений.
- Разный контент (текст и бейджик) для отображения в поисковой выдаче и соцсетях.
- Генерирование тегов для Facebook Open Graph.
- Кнопки расшаривания статей в соцсетях.
- Формы подписки.
- Настраиваемые адреса страниц.
- Генерация RSS-ленты.
- Возможность на время закрыть статью для блога от индексации.
В Тильде есть возможность дополнить текстовый контент фото- или видеоматериалами, что делает её удобным решением для публикации книг и лонгридов.
Сайты для мероприятий и промостраницы
Для мероприятий мы делаем связку Тильды с платформой по продаже билетов Ticketscloud.
Сайты обучающих проектов
Советуем использовать Тильду, если:
- Курс / продукт приходит пользователю на электронную почту после покупки.
- Нужна посадочная страница для продажи уроков.
В Тильде есть возможность закрытия одной страницы проекта по паролю.
Выстроить систему с хранением уроков, домашними заданиями, используя только Тильду, к сожалению, не удастся (для этого есть другие CMS), зато на ней можно эффектно презентовать продукт.
Например, для проекта «Местной eды» в коллаборации с KraftHeinz Foodservice мы создали и помогаем вести «Школу гастрономического бизнеса». Школа живёт на двух доменах (на основном домене расположена контентная часть проекта и лидогенератор, на другом — самописной CMS — маркетплейс и хранилище курсов «Школы»). При этом экосистема для пользователя — общая. Ссылки, ведущие на другое доменное имя, открываются в том же окне.
В проекты «Местной eды» мы интегрировали сервис Carrotquest. В контексте образовательных сайтов он заменил нам админку. Все данные о пользователях, их покупках, коммуникациях, попадают в единый рабочий кабинет:
Небольшие интернет-магазины
Советуем использовать Тильду, если:
- У заказчика есть специалист, которому можно поручить администрирование магазина или клиент готов остаться на техническом обслуживании у агентства, так как ручной работы может быть действительно много.
- Товаров немного. Идеальный вариант — монопродуктовый магазин, возможно, с несколькими модификациями, который не будет сложен в администрировании.
Например, магазин гастрономических наборов из разных стран FUNTAN BOX — немного товаров, интеграция с Яндекс Кассой и онлайн-кассой ЕКАМ:
Тильда не подходит, если:
- Нужна интеграция с 1С, синхронизация витрины и складских остатков.
- Логистика осуществляется сторонней компанией, есть несколько способов доставки, доставка возможна не только в одном регионе (сложная тарифная сетка доставки).
Первая версия магазина для функционального напитка Octa была сделана в связке Тильды с Ecwid. Эквид выполнял только одну функцию — корзина (сейчас в Тильде появилась встроенная). Интеграции со службами доставки и прочие плюсы их решения оказались номинальными или работающими некорректно. Сейчас сайт перенесён на Инсейлс.
Другие возможности Tilda
Теги статей
На данный момент в Тильде нельзя задавать теги статьям и фильтровать по ним материалы. Теги можно заменить на вкладки меню ME602 или ME603, но только если их не более пяти. По такому принципу организован наш магазин:
Альтернативная более сложная версия — на сайте Справочника гастрономического бизнеса, где каждый тег — отдельная страница со статьями по одной рубрике:
Калькулятор и тесты
Недавно в Тильде появились тесты и калькулятор. Ранее мы создавали тесты сами, вставляя в Тильду код. Пример можно посмотреть в проекте PROVEDENIE (тест на уровень ведущего):
Где посмотреть примеры проектов на Tilda
Разнообразие проектов на Тильде как по форме, так и по содержанию впечатляет и вдохновляет. Примеры проектов есть на сайте. Можно вдохновиться подборками, опубликованными Тильдой в своих соцсетях и по хештегу #madeontilda.
Александра Иващенко
курс
Landing
Page
Узнать больше
- Научитесь создавать посадочные страницы и отслеживать их эффективность
- Сделаете рабочий лендинг для своего проекта уже во время обучения
Возможности SEO
По опыту работы с Тильдой, нет никаких сложностей с ранжированием сайтов. Автоматическая проверка Google показывает предупреждение «Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы». Нельзя повлиять на код и убрать предупреждение, и это влияет на скорость загрузки. Однако, специалисты Тильды провели анализ и выяснили, что удаление скриптов даст незначительный выигрыш в 0,3 секунды. В любом случае из-за приоритета поведенческих характеристик для поисковой выдачи, страницы получают достойную долю трафика.
Что можно сделать внутри Тильды для поисковой оптимизации сайта
- Добавить фавиконы для сайта. Фавикон можно загрузить на сайт только в формате .ico (например, воспользовавшись конвертером).
- Добавить страницу ошибки.
- Настроить HTTPS.
- Задать понятные адреса страниц (URL).
- Прописать метатеги страниц.
- Задать теги для заголовков и подзаголовков.
- Задать Alt для изображений.
- Открыть страницы для индексации.
- Проверить на ошибки в «Панели вебмастера» Тильды.
- Подключить Яндекс.Метрику, Google Analytics, Яндекс.Вебмастер и Google Search Console.
- Подключить свой домен.
Остановимся на важных особенностях.
Получение SSL-сертификата
Тильда предлагает бесплатный сертификат Let’s Encrypt — это цифровой SSL-сертификат, который необходим для настройки HTTPS. В справочном центре Тильды можно найти инструкцию по подключению сертификата.
Стоит ли делать сайт на Тильда в 2022 году? Плюсы и минусы для вашего бизнеса
В последние годы о Тильде так много говорят, что она успела превратиться в мейнстрим, поэтому многие компании даже не рассматривают её для работы. Но из-за этого они теряют сотни тысяч рублей на разработке и решениях, которые можно запустить за две недели с помощью трёх специалистов и одного сервиса.
Меня зовут Виктор, я руковожу студией дизайна «insaim». Мы специализируемся на проектировании и дизайне интерфейсов, а ещё делаем классные сайты на Тильде. В статье рассмотрим, актуально ли использовать Тильду в 2022 году, разберём основные преимущества и недостатки платформы, а также то, для каких компаний и проектов она подходит.
Каким проектам подойдёт сайт на Тильде?
С помощью Тильды можно решить 80% задач: крупные компании могут тестировать большое количество гипотез, создавая страницы на Тильде, малый бизнес собирать заявки на продукты и услуги, а молодые стартапы ярко и быстро упаковывать свои проекты за счёт возможностей платформы. Основные направления, которые возможно реализовать на Тильде:
- Лендинг продукта или сервиса. Страница, которая рассказывает про сервис и показывает его преимущества. Тильда позволяет быстро тестировать офферы, заголовки и экспериментировать. Пример посадочной страницы для стартапов.
- Корпоративный сайт. На Тильде легко развивать сайт и создавать новые страницы, а также очень быстро вносить изменения, например, в состав услуг или команды. Пример сайта для конкурса в Высшей Школе Экономики или сайта компании Eattery.
- Промо-сайты и спецпроекты. Так мы сделали спецпроект по сбору пластика для компании Faberlic и промо-проект для благотворительного фонда — оба сайта получили награды.
- Лендинг под трафик. Разработка на Тильде будет выгоднее, относительно стандартной разработки: не нужно закладывать время на программистов и фронтенд-разработчиков. Пример лендинга для образовательного проекта Ability Place.
- Интернет-магазин и каталог. Подойдет для небольшого магазина из 100 позиций. Пример необычного сайта для пиццерии Hey Mom, который получил награду.
- Корпоративный блог или медиапроект. Блогом уже никого не удивить, а вот сделать портал с базой знаний для сотрудников компании – это действительно круто! Всё лежит в одном месте и легко редактируется.
Для каких проектов не стоит использовать Тильду?
По-настоящему хорошо знать инструмент – это знать его ограничения. С помощью Тильды мы действительно можем решить большинство задач, но не все. Ниже типы проектов, для которых она не подойдет:
- Крупные интернет-магазины, где больше 100 позиций, есть личный кабинет и возможность отслеживания заказа.
- Социальные сети. Лучше сразу целиться сразу в индивидуальную разработку.
- Сервисы. Чаще всего сервисы оперируют большим количеством данных: собирают, обрабатывают, обмениваются и выдают пользователю результат. Это всё Тильда делать не умеет.
- Потенциально высоконагруженные сайты. Например, событие Российского масштаба с потенциальным трафиком 5000 человек в секунду. Для таких проектов нужно готовить специальную инфраструктуру, реализовывать их на Тильде может быть рискованно.
Преимущества Тильды
- Возможность создать уникальный дизайн. Специальный Zero-блок позволит дизайнеру создать любой блок, элемент на странице с нуля.
- Интеграции. Есть возможность интегрироваться со многими сервисами: CRM, платежными системами, чатами и мессенджерами, email-рассылками и так далее.
- Собственная CRM система. Доступны все лиды, которые пришли через сайт, их статусы. При желании можно подключить свой инструмент.
- Скорость разработки. Ваш проект не будет поэтапно передаваться из рук одного специалиста в руки другого, все сделает один человек, это значительно экономит время.
- Ограниченный личный кабинет, который позволяет объединять пользователей в группы и предоставлять или запрещать доступ к определенным страницам сайта. Лучше всего мы используем эту функцию, когда помогаем запускать онлайн школы.
А какие есть недостатки у Тильды, или всё идеально?
- Максимальный объем сайта — 500 страниц. В среднем на корпоративном сайте компании, которая регулярно выпускает по паре статей в месяц насчитывается 200-300 страниц за 5-8 лет работы.
- Непредсказуемая адаптация стандартных блоков. Стандартные блоки Тильды уже адаптированы под мобильные устройства. Влиять на их отображение стандартными способами платформы невозможно. По нашему опыту такие блоки можно быстро собрать в ZeroBlock и адаптировать под свою задачу.
- Отсутствие возможности работать с данными пользователя на сайте. Получать данные с форм – можно, но вот работать с ними в интерфейсе (показывать пользователям или куда-то выводить) не получится. Сейчас существуют разные сервисы-надстройки, которые помогают решать часть таких задач, но это уже тема другой статьи.
- Невысокая скорость загрузки сайта. Тот html-код страниц, который генерирует Тильда перегружен. Именно по этой причине скорость загрузки страницы нельзя довести до идеала. Мы оптимизируем сайты на Тильде за счёт специальной подготовки изображений и других приёмов, которые позволяют выводить сайт в зеленую зону Google Speed Insights.
Тильда отличный инструмент, который в умелых руках решит 80% задач современного бизнеса. Большинство решений есть уже внутри самой платформы, часть же можно реализовать с помощью программистов, а в умелых руках дизайнера можно создавать действительно классные сайты, которые будут попадать в подборки, выигрывать конкурсы и приносить прибыль бизнесу. Советует вам не игнорировать Тильду даже в 2022 году и продолжать пользоваться её преимуществами!
Ответьте на 5 вопросов на нашем сайте, а мы проконсультируем и подготовим смету проекта в двух вариантах.
Показать ещё
57 комментариев
Написать комментарий.
не делайте никаких магазинов на тильде, сэкономите себе время и деньги
Развернуть ветку
Если товаров не много, то самое то, с их интеграцией с сервисами, голову ломать не надо..
Развернуть ветку
Зачем так категорично? Если хорошо понимать задачу и знать инструмент, то интернет-магазин можно и на Тильде поднять. Но по опыту работы с интернет-магазинами → лучше всего небольшое количество позиций и без сложных фильтров.
Развернуть ветку
На тильде даже техноварвары из 80х типа меня сайты запускают. Возможно, есть более изящные решения, но это простейшее.
Развернуть ветку
По мне пускай хоть на юкоз делают сайт, если есть деньги и не умеют в хостинг и простые cms. Страшно то, что владение онлайн-конструктором возводится в ранг высшего разума.
Развернуть ветку
1 комментарий
Для лендинга Тильда, очень даже подходит. Время на создание легкого адаптивного шаблона, SEO настройку, и других мелких настроек, минимальное. Если же планируется что то серьёзное, типа магазина, то cms. Если еще серьёзнее, типа портала, то Фреймворк.
Развернуть ветку
Всё так 🙂
Многие ругаются на то, что сайты на Тильде невозможно продвигать. Если ниша конкурентная, то так и есть, потому что много доп. факторов начинают влиять на ранжирование. А вот если ниша не конкурентная, то проекты отлично продвигаются.
Развернуть ветку
4 комментария
Аккаунт удален
Развернуть ветку
4 комментария
Почему Тильда не подходит для магазинов более 100 позиций?
Ограничение вроде в 5000 у неё?
Развернуть ветку
Заебешься. При чем буквально.
Плюс надо смириться, что карточка товара открывается в попапе.
А если решишь подключать карточку к кастомно задизайненой странице, то надо править url ведущий на страницу в каждой карточке и исключительно в самой тильде(скачать csv и поправить урлы на компе не получится — Тильда игнорирует url в csv при импорте). А ещё в этом случае title и description не подтягиваются из базы, а значит надо на абсолютно каждой странице добавлять это всё вручную. Вручную карл.
И если ты сделал категорию яблок с десятью карточками яблок, и хочешь продублировать всю категорию переделав в груши, то нельзя сдублировать категорию — только каждую карточку по отдельности и уже эти дубликаты кидать в новую категорию.
Тоже самое со страницами. Нельзя скопировать папку, только каждую страницу отдельно и уже после можно переместить их в другую папку. И менять все url.
А ещё какой-то «гений» решил, что все заголовки (title) должны иметь минимальное межбуквенное расточнике 0,5, и чтобы восстановить оригинальное значение, надо колхозить custom css.
В zero блоке можно поставить на ноль, но отрицательное значение нельзя. Только custom css.
Источник: vc.ru