нашли баг? расскажите, что не так и на какой странице :)
Спасибо, что помогаете нам стать лучше!

Что нужно знать о Tilda разработчику сайтов

Основные термины и понятия. Пополняемая библиотека полезных ссылок и инструментов
Команда SVOEMEDIA
Последнее обновление: январь 2020
модуль 1
Не важно, по какой причине вы читаете этот модуль: вы дизайнер, осваивающий Тильду (а может быть, решили начать с этого?), или вы маркетолог, которому нужно овладеть этим инструментом («В новом году собирайте сайты сами»), или вы предприниматель. На этой странице мы решили простыми словами объяснить, как работают сайты на Тильде, рассказать о понятийной базе, чтобы у вас не было белых пятен в основах.
Мы будем очень рады, если вы процитируете наш материал, но обязательно укажите активную ссылку на него. Спасибо!
Не важно, по какой причине вы читаете этот модуль: вы дизайнер, осваивающий Тильду (а может быть, решили начать с этого?), или вы маркетолог, которому нужно овладеть этим инструментом («В новом году собирайте сайты сами»), или вы предприниматель. На этой странице мы решили простыми словами объяснить, как работают сайты на Тильде, рассказать о понятийной базе, чтобы у вас не было белых пятен в основах.
Мы будем очень рады, если вы процитируете наш материал, но обязательно укажите активную ссылку на него. Спасибо!

Что значит «сайт на Тильде»?

Если говорить о любом сайте, то вот упрощенная схема, как он делается и что нужно для его работы (мы пока опускаем этапы разработки до дизайна):
дизайн-макет
Например, в Photoshop, Sketch, Figma
html-верстка
программирование
CMS (система управления)
хостинг
как сайт делается
домен
поддержка
Дизайн преобразуется в код
Код становится рабочим (кнопки нажимаются, формы отправляются и т.п.)
что нужно для работы сайта
Имя сайта в интернете
Система, с помощью которой на сайт будут вноситься изменения
Сервер, на котором будет храниться сайт
Внесение изменений
индексация
Дизайн-макет. Это постраничная визуализация сайта. Макет готовит веб-дизайнер, и уже на этом этапе можно понять, как сайт будет выглядеть. Но пока он — картинка, которая не имеет адреса в интернете, не ищется, не индексируется и пока не работает. Обычно готовится в Фотошопе, Скетче, с недавних пор — в Фигме, а вообще, в любой удобной графической программе — по согласованию с верстальщиком, которому будет передаваться макет.

HTML-верстка и программирование. Верстальщик берет макет и переводит его в html-код. Далее пишутся скрипты, которые оживляют проект: кнопки нажимаются, заявки отправляются, калькуляторы работают и прочее.
CMS (система управления сайтом). На этом этапе проект подключается к админке, с помощью которой далее будут вноситься изменения на сайте: добавляться новые страницы и статьи, логотипы партнеров и прочее.

Домен. Сайт подключается к уникальному адресу в интернете.

Хостинг. Сайт пока — набор файлов и папок. Для того чтобы он работал, его необходимо загрузить на хостинг (сервер-хранилище).

Вот здесь описано, как подключать домен (пока этого делать не нужно!)
Индексация. Это процесс сканирования сайта поисковиками и занесения его страниц в поисковую выдачу (Гугл, Яндекс и прочие).

Поддержка. При эксплуатации сайта вам наверняка потребуется вносить изменения в контент, а также следить за тем, чтобы все работало корректно. Этот этап и называется поддержкой или сопровождением.

Дополнительно к сайту подключаются метрики для отслеживания аналитики, пиксели, устанавливается SSL-сертификат.

А здесь про SSL-сертификат на Тильде (пока — только для ознакомления)
На Тильде логика почти такая же, только упрощенная: html-верстка и программирование не требуются, а CMS и хостинг предоставляется самой Тильдой.
Ту же схему можно в случае Тильды представить так:
верстка
Дизайнер сразу верстает в Тильде
домен
как сайт делается
Тильда
поддержка
что нужно для работы сайта
Сайт может храниться и редактироваться на Тильде
Имя сайта в интернете
Внесение изменений
индексация
оптимизация
Проверяем, что все работает и подключаем нужное
Верстка на Тильде. Дизайнер использует Тильду как дизайн-инструмент (по большому счету, все равно, что использовать, Фотошоп или Тильду — принципы там примерно одинаковые). И сайт сразу работает. Ну, почти сразу.

Техническая оптимизация. Делаем адаптив, подключаем формы, проверяем работу всех элементов.

Повторимся, что этапов разработки на самом деле гораздо больше (о них — в наших модулях), но они справедливы в общем для всех сайтов, а сейчас мы показываем именно отличия Тильды от других способов создания проекта в интернете.

Домен все равно покупается у регистратора. Или вы можете воспользоваться бесплатным поддоменом. Также Тильда готова предоставить новый домен на 1 год бесплатно (подробнее об этом в уже упомянутом материале).

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

За что на Тильде платят 6000 в год и дорого ли это

Вы могли обратить внимание, что в расчетах выше мы не учитывали работу специалистов — дизайн-макеты, верстку, поддержку. Тут цены совершенно разные и очень зависят от типа проекта. Но в этом кроется и главный плюс Тильды:
Сайты на Тильде дешевле и быстрее в разработке и поддержке, а также хорошо индексируются поисковиками
И не важно, каков уровень дизайна — за 10, 100 или 500 тысяч рублей. Вы в любом случае не будете платить за этап html-верстки и программирования. Кроме того, вы сэкономите время, не проводя эти работы. Таким образом, вы сможете быстрее проводить AB-тесты, и, как следствие — быстрее запускать продукты. С SEO у Тильды также все в порядке. Мы специализируемся на контент-проектах и не видим никаких сложностей.
Бесплатная библиотека шаблонов
Посмотрите библиотеку бесплатных шаблонов — все они доступны для установки и редактирования. Кроме того, мы в SVOEMEDIA зародили новый тренд — готовые платные шаблоны (от 4900 р.), их можно изучить здесь.
Большая база знаний и техподдержка
У Тильды действительно классная справочная с понятными инструкциями. Техподдержка в среднем отвечает в течение часа (и часто даже в нерабочее время).
Понятная админка и быстрое внесение изменений в проекты
Админ-панель простая и интуитивно понятная (проще того же самого неповоротливого Битрикса). Администрировать сайт может любой человек, обладающий компьютерной грамотностью. Не нужно звонить и платить программисту для внесения изменений: нет, клиент может пользоваться услугой поддержки у студий-разработчиков, но в случае чего справится с поддержкой самостоятельно или силами толковых сотрудников.
Уже готовые интеграции с популярными сервисами, платежными системами и встроенная CRM
Тильда интегрирована примерно с 20 популярными сервисами для приема форм и с 12 платежными системами. Кроме этого, подключить можно практически любой сервис через Webhook или вставку кода — посмотрите здесь инструкции для некоторых.
Масса других плюшек: конструктор писем, анимация блоков
Рассылку можно делать прямо в Тильде (так же просто, как и верстать сайты), подключить один из сервисов рассылок, например, Mailchimp, и отправить красивое письмо. Сайты на Тильде можно анимировать. В Тильде есть бесплатный архив иконок, генератор UTM-меток, конструктор Политики обработки персональных данных, библиотека цветов, каталог разработчиков и образовательный журнал.

Какие сайты можно делать на Тильде?

Если речь не идет о сложных системах, со сложными зависимостями и личными кабинетами — Тильда не подойдет. Но с 90 % задач справится. Расскажем подробнее:
Лендинг (одностраничник), промо-сайты, сайты для мероприятий или HR-целей
Тильда прекрасно подходит для создания одностраничников с понятным целевым действием — формой обратной связи, несложным калькулятором (например, сайт Projector Coworking), или промо-сайтов, ведущих на сторонний ресурс (например, интернет-магазин).

Маркетологам нужны лендинги для мероприятия (посмотрите PRODUCT DESIGN CONFERENCE в Праге) или афиши (например, ближайшие концерты Саши Долгополова): в Тильду можно интегрировать привычные Таймпад или Тикетсклауд либо платежную систему. У нас есть опыт организации сайтов и для более крупных мероприятий — масштабных выставок новостроек, мероприятия в Крокусе на 15 тысяч человек. Сайты не попадали от нагрузок, все люди пришли, организаторы счастливы.

Часто отдел кадров сталкивается с необходимостью быстро рассказывать об HR бренда, и желательно без томительного ожидания результата от программистов компании. На Тильде можно создать небольшой сайт с вакансиями или подвести итоги года (например, 2019 год в Альфа Банке).
Корпоративный сайт
На Тильде можно делать полноценные большие многостраничные сайты для бизнеса, со сложными перелинковками, с новостями и контент-проектом внутри. Мы в SVOEMEDIA как раз такое любим. Единственное ограничение для корпоративных порталов — лимит в 500 страниц в рамках одного проекта. Но этого более чем достаточно, редкий подобный сайт имеет более 50 страниц.

Посмотрите, например сайт Kremlin Nuts — он содержит минимум 4 страницы, кроме главной: подарочные наборы, дистрибьюторам, франшиза и контакты. Или сайты побольше, например, НПЦ Микромир — его можно будет развивать в сторону подключения интернет-магазина к проекту и продолжать вести блог. А вот сложно-структурные сайты: SOLVEX и Основа Металл.
Интернет-магазин
На Тильде можно делать интернет-магазины до 500 (если нужно, чтобы каждый товар имел отдельную страницу) и до 5000 товаров (если они организованы с помощью каталога).

Особенно классно в Тильде то, что можно протестировать нишу с минимальным вложением ресурсов — сделать своеобразный MVP магазина, пустить на него трафик и понаблюдать за продажами. Дальнейшую разработку — сложные личные кабинеты, избранное и прочее — можно будет финансировать уже из заработанных средств. Посмотрите проект FUNTANBOX — девушки продают гастрономические наборы.

Кроме того, на Тильде можно организовать продажу диджитал-товаров (вроде наших шаблонов или курсов), или пойти еще дальше: наши друзья из Praktika School сделали на Тильде подписку на курсы.

Здесь подробнее — в каких случаях стоит делать магазин на Тильде
Личный сайт или портфолио
Прекрасный и быстрый способ создать свое портфолио и рассказать о себе — сделать сайт на Тильде. Обновляйте работы, принимайте заказы. Например, сайт мужского стилиста Алексея Лисицкого или портфолио по производству рекламного видео.
Блог или спецпроект
Тильда отлично подходит для ведения блога. Но вам нужно знать о двух минусах. Во-первых, в Тильде совсем недавно появился способ организации контента — Потоки, с ними можно сделать теги, но этот инструмент пока сыроват. Во-вторых, есть ограничение в 500 страниц (тоже надеемся, что его снимут). При регулярном выпуске 10 материалов в месяц сайта хватит на 4 года. То есть пока для контент-проектов Тильду можно рассматривать как временный вариант.

Например, мы создали и ведем блог МТС Инвестиций — Плюсономика (кстати, посмотрите, как устроены теги «допотокового периода»), медиа одного из самых крупных агрегаторов по поиску новых авто Blog.Autospot.

Если говорить о спецпроектах, то наша большая любовь — Platfor.ma, ребята оформляют лонгриды на Тильде. А вот наш проект — Инновации Го: Как хипстерам доверили инновации и что из этого вышло. На Тильде также здорово организовывать голосования: например, посмотрите классный спецпроект Tutu — пользователи определяли самое смешное название в России.
Актуально на дату последнего обновления статьи
Презентации
В Тильде можно создать презентацию из полноэкранных проектов и перемещаться от слайда к слайду с помощью кнопок «вверх-вниз». Добавьте блок Т203 в категории Другое — и каждый блок превратится в отдельный слайд.

Полезные ссылки: что читать, что смотреть, на что подписаться

Расскажем о полезных проектах, за которыми стоит следить, и инструментах, которыми следует пользоваться:
comments powered by HyperComments
Хотите узнавать о новых модулях?
Понравилось? Делитесь с друзьями! Им полезно, нам — приятно
Подпишитесь в Телеграме или по e-mail
Заполняя форму, вы соглашаетесь на обработку персональных данных
Made on
Tilda