Tilda что это
Tilda что это
Тарифы: план для каждого
1. В чем отличие тарифных планов Personal и Business?
Тарифный план Business включает в себя все то, что есть в плане Personal, плюс позволяет экспортировать код сайтов и создавать до 5 сайтов внутри одного аккаунта (Personal — 1 сайт).
2. Можно ли привязать свой домен к сайту, сделанному на Тильде?
Да. Вы можете использовать свой домен и настроить его привязку к проекту, который сделан на Тильде. Прочитайте инструкцию, как это сделать.
3. Подскажите, что понимается под «Экспорт исходного кода» в тарифе Business?
Экспортируется статичный html плюс все необходимые файлы (картинки, css, js). Сайт пакуется в архив и вам дается ссылка на его скачивание. Просто разархивируйте файлы и скопируйте их к себе на сервер. Вы получите сайт, который будет открываться с вашего сервера и не будет зависим от Тильды. Прочитайте инструкцию, как это сделать.
4. Что будет если я не продлю подписку?
Сайт будет снят с публикации. Данные будут храниться на Тильде в течение 6 месяцев. В любое время вы можете продлить подписку и продолжить вносить изменения в ваш проект. Если по истечении этого срока вы не продлите подписку, данные будут удалены.
5. Чем отличается сайт от страницы?
Сайт может состоять из нескольких страниц (сайт-портфолио, журнал, блог) или из одной страницы (лэндинг пейдж, лонгрид). Разница в настройках: стиль (шрифты, цвета) назначается сайту, к нему же подключается домен.
7. Что такое white label?
При оплате тарифа Personal или Business на год, в настройках сайта появляется дополнительная опция отключения лейбла «Made on Tilda», который по умолчанию установлен на всех страницах.
8. Есть ли у вас специальные условия для некоммерческих организаций?
Да, мы стараемся поддерживать социальные и некоммерческие проекты. Узнать подробнее можно на сайте.
Чем хорош сайт на Тильде? И почему не надо лезть в дорогостоящие решения
Не часто приходится замечать решения предложенные на платформе Tilda, а зря. Почему так? Что такое вообще Tilda и для кого она?
Сразу отметим, что данный материал ни в коем случае не является рекламным, а представляет из себя анализ Тильды, как решение для бизнеса.
По факту в более чем 50% случаев от всех задач бизнеса в медиа пространстве, ваш сайт не нуждается в том, чтобы он был разработан кодом. Не обязательно ставить такие условия где необходимо будет привлекать верстальщика или программиста. В таких проектах обычно нуждается средний или крупный бизнес, так как к тому времени у компании сформировалось представление и сложные многоуровневые задачи, которые решаются только таким же сложными решениями.
Tilda в свою очередь тоже не является панацеей и не возведена в абсолютное значение, можно пользоваться другими решениями похожими на Тильду.
Что чаще всего приходится слышать про Тильду?
Во-вторых, скорее всего меня могут закидать тухлыми помидорами, но серьезная компания не будет стараться «выгрызать» серьезный сайт за условные 20.000 рублей. Тут 2 пути: или компания не такая серьезная, или же у директора нет понимания, что такое сайт и для чего он нужен.
2. «Не, Тильда не подойдет, у нее слишком урезанный функционал…»
Да, вы правы, Тильда имеет большое количество ограничений, но как правило если вы обращаетесь к профессионалам то выбор данного решения будет не случайным.
Отсюда вы сразу сможете понять профессионализм человека с которым обсуждаете будущий сайт еще на этапе брифинга. И насторожиться в случае если вам не задали ни одного вопроса относящегося к вашим пожеланиям, но почему-то сразу назвали тильду.
Тогда скорее всего вы общаетесь с командой, которая работает только на этой платформе или же с непрофессионалом.
Теперь, когда мы прониклись всей серьезностью данного решения. Сформулируем реальную ситуацию и ряд задач с которыми пришлось столкнуться заказчикам.
Рассмотрим параллельно 2 ситуации, которые могут показаться разными, но по факту объединены одним и тем же.
1. Заказчик не имеет серьезного бюджета, но ему срочно необходим небольшой сайт для мероприятия, которое стартует уже в конце недели.
2. Заказчик имеет серьезный бюджет, но у него отсутствуют амбициозные задачи и в целом планы на будущий сайт. Сроки не превышают 14 дней, но для простоты понимания давайте приведем также к 7 дням.
Задача
По факту перед нами стоит задача, как сделать симпатичный MVP-проект, в срок не превышающий 7 дней.
«Да, давайте здесь не будем заострять внимание и формировать представление, что вся web-разработка такая же быстрая и не затратная. В данной ситуации разбираются частные случаи, чтобы показать, что даже казалось бы в безвыходной ситуации есть решение»
День 1. Подбор референсов и обсуждение проекта
Для экономии времени и ресурсов приступаем к аналитике, но акцентируем внимание только на самых важных моментах, а именно:
какова будет общая концепция продукта;
какие есть конкуренты и что они из себя представляют;
Что нравится целевой аудитории;
что из референсов может лучше всего подойти.
Конец дня ознаменовывается обсуждением выбранных решений с заказчиками. На каждый из этапов тратим примерно по 2 часа.
День 2. Прототипирование
День 3-4. Дизайн
На данном этапе делаем акцент, выделяя под него 2 суток. Так как он является самым основным в рамках работы на Тильде. Определяемся с 3 наиболее интересными и продуманными работами в данной нише, предварительно все это согласовав с заказчиками. Первый день занимает подбор и поиск будущих элементов сайта, а именно:
иные визуальные элементы, которые нельзя отнести к чему-то конкретному, но от этого они не становятся менее важными
Все должно быть объединено общей идей, сочетаться между собой, что также отсылает нас к проработке первичной логики по которой уже идет дальнейший отбор элементов. На чем первый день удачно заканчивается. Собрав бэкграунд элементов, вспоминаем о тех исходных работах, которые мы взяли, как ориентир. После чего объединяем удачные идеи этих сайтов с теми элементами, что мы нашли, находясь в свободном плавании на ресурсах для дизайнеров.
День 5. Верстка
День 6. Подключение домена
День 7. Видео инструкции и обучение заказчика
Для этого записываем видеоинструкции:
как добавлять контент;
Как редактировать текст и менять изображения;
Как пользоваться панелью администратора
Где они уже самостоятельно сможет все настроить, повторяя шаги из видео.
Вывод
самозанятые или у вас небольшой стартап, когда нет уверенности в бизнес-модели;
Экономия на более чем половине команды разработчиков, отсекая программиста и верстальщика. Используя при этом 2-3 пары рук квалифицированных специалистов, позволяет получить продукт за весьма скромный бюджет, досягаемый для многих, кто развивает свое дело.
Тильда (конструктор сайтов): обзор возможностей и инструкция по настройке
В создании лендинга или даже интернет-магазина поможет Тильда – один из самых популярных веб-конструкторов. Это выгодное решение, когда не нужен сложный сайт или на него не хватает бюджета. В статье разберем возможности Тильды, ее плюсы и минусы.
Что можно создать на Тильде
Tilda – это инструмент для простой разработки:
В конструкторе есть готовые блоки, спроектированные программистами. Дизайнеры Тильды предлагают современные, трендовые решения для оформления элементов сайта. Без кодов можно добавить интерактив и анимацию.
Личный сайт или портфолио
Также используйте Тильду для публикаций анонсов событий, лонгридов. В конструкторе продумана типографика: подобраны ширина строк, интервалы и большой выбор шрифтов, в том числе авторских. Фото и видео можно быстро загрузить с диска, перетащить, встроить из YouTube. Еще в Tilda интегрирован музыкальный сервис SoundCloud, через который легко добавить аудиофайлы.
Контент-проект
Контент-проект – это некоммерческий сайт. Например, любой онлайн-журнал. Хоть его создают не для торговли, реклама сторонних компаний все-таки приносит доход. Тильда поможет создать стильную площадку для своего контента, чтобы привлечь рекламодателей и читателей.
Сайт для мероприятия или промостраница
Приглашения с анкетой для гостя нужны для выставок, конференций, лекций, фестивалей, церемоний вручения премий, спектаклей, вебинаров. Если вы планируете важное событие и хотите подготовить сайт с описанием, программой, расписанием, контактами – Тильда предоставит все необходимые инструменты для этого.
Сайт обучающего проекта
Используйте Тильду, если:
Добавьте на посадочную страницу описание программы, контакты, отзывы, тарифы с разными вариантами оплаты. Tilda дает возможность разместить все видео-уроки с YouTube-канала на сайте и собирать обратную связь от учеников.
Небольшой интернет-магазин
Для интернет-магазина конструктор сайтов подойдет, если:
Тильда не подойдет, если понадобятся интеграция с 1C, синхронизация витрин и складских остатков, сложная тарифная сетка доставки.
Что такое трейд-маркетинг: примеры акций и мероприятий
Что такое трейд-маркетинг: примеры акций и мероприятий
Плюсы и минусы Тильды
Начнем с преимуществ:
Как создавать страницы сайта на Tilda
Продумайте идею, изюминку сайта, его задачу и контент. Просмотрите сайты конкурентов, чтобы вдохновиться. Запишите подробный план и структуру. Если информации много и одной веб-страницы недостаточно, значит нужен многостраничный сайт. В этом случае придется составить меню. Подготовьте заранее фото, видео и тексты. Прототип своего сайта вы можете создать в Фигме – программе для моделирования интернет-страниц.
Страницы на Тильде собирают из блоков с разным дизайном и интерфейсом. Блоки уже адаптированы под просмотр через мобильные устройства.
Чтобы создать страницу:
Чтобы редактировать конкретный блок, наведите на него указатель мыши и нажмите кнопку «Настройки» или «Контент». У каждого блока свои варианты для редактирования, чаще всего это: цвет, размер, диапазон видимости.
Перед публикацией задайте основные настройки страницы:
После редактирования внешнего вида и контента нажмите кнопку «Опубликовать» и проверьте все данные с разных устройств.
Как работать с внутренними страницами сайта
Лучше использовать одинаковые шаблоны, чтобы у посетителей не было рассинхрона в дизайне. Для этого добавляйте в шаблон нужную функцию. Каждую страницу адаптируйте под собственную задачу. Например, для портфолио добавьте галерею, а для описания продукта – кнопку «Купить».
Как сделать страницу на Tilda с чистого листа
Если ни один из шаблонов не подходит или проект слишком специфический, можно создать сайт с чистого листа. Для этого нажмите на кнопку «Создать страницу» и выберите «Пустая страница».
В библиотеке блоков с левой стороны представлены все возможные варианты. Задайте собственную последовательность и выберите необходимые блоки для своего проекта.
Как убрать надпись «Made on Tilda»
Следующий способ – создать блок zero и оставить тег iframe незакрытым. Код HTML должен выглядеть так:
Также вы можете закрыть надпись другим элементом, сравнять его с фоном. Для этого скорректируйте код, точнее тег allrecords:
Но, если вы не уверены, что сможете верно скорректировать код, то лучше просто оплатите тариф. Так вы не допустите ошибок, получите дополнительные функции и потратите меньше времени.
Возможности Tilda
Практически для любого проекта подойдут возможности Tilda. Рассмотрим самые основные.
Дизайн
Дизайн Tilda состоит из:
Дизайн сайта адаптируйте под себя: редактируйте готовые шаблоны, или используйте zero-блоки для разработки с нуля. Изучите каталог экспертов Tilda Experts. Там около тысячи дизайнеров, которые готовы создать для вас уникальный проект.
Теги статей
Во вкладке Facebook* (*продукт компании Meta, которая признана экстремистской организацией в России) and SEO можно отдельно «Задать специальные meta-данные». Воспользуйтесь этой возможностью для улучшения оптимизации.
Калькулятор и тесты
В форму клиентской заявки добавьте автоматический расчет по формуле – поле «Калькулятор»:
BF918 – блок из категории «Форма и кнопка» для создания интерактивного теста. Можно добавить:
Также в Тильде можно подготовить формы для опросов и голосований.
Поисковики без проблем индексируют страницы на Тильде. Задайте url для каждой страницы – сделайте адрес удобным для чтения и понятным для индексации. Если страница еще не готова или вы планируете переместить ее на другой url, запретите индексацию.
SSL-сертификат
SSL обеспечивает безопасную передачу данных, шифрует соединение между сайтом и пользователями. Тильда предлагает бесплатный сертификат от центра сертификации Let’s Encrypt. Есть инструкция для его настройки.
Панель вебмастера Tilda
Функционал Тильды позволяет быстро устранять возникающие ошибки внутри платформы. Панель вебмастера поможет:
Подключение Яндекс.Метрики, Google Analytics, Яндекс.Вебмастер и Google Search Console
Аналитика сайтов от Тильды включает:
Добавьте свой сайт в Яндекс.Вебмастер и Google Search Console. В настройках сайта выберите SEO → Яндекс Вебмастер или Google Search Console → Редактировать.
Вместо http://tilda.cc укажите адрес вашего сайта. Так ваш домен попадет в поисковики.
Подключение своего домена
Интеграции
Прием данных
В Тильде легко работать с входящими заявками. Для этого на платформе предусмотрены формы для заполнения. Блок с формой вы найдете в категориях «Форма и кнопка» и «Обложка».
Контакты пользователей отправляются в интегрированные сервисы приема данных : Google-таблицы, сервисы рассылок, мессенджеры и CRM. Там их легко анализировать и создавать ЦА для рекламы или проводить ретаргетинг. Информация с заявок может поступать в Телеграм, Trello и Slack. Списки рассылок можно оставлять для GetResponse, MailChimp, MailerLite, SendinBlue, UniSender или отправлять лиды в CRM.
Создать уникальные виджеты для страниц сайта можно с Calltouch. Они подстроятся под любой размер экрана. Обратный звонок, сбор заявок в нерабочее время и возможность связаться через удобные посетителю мессенджеры или соцсети увеличат конверсию на десятки процентов.
Платежные системы
Что еще может Tilda
Подготовка писем для рассылки. С помощью интеграции с сервисами по рассылкам пользователи будут быстро получать информацию на почту или в мессенджеры после регистрации или покупки. Внутри Тильды есть конструкторы, которые готовят письма к рассылкам по шаблону.
Создание пользовательских блоков. Пользовательский блок – это Zero-блок, который позволяет реализовать весь свой творческий потенциал. В нулевом блоке каждый элемент вы создаете вручную без использования шаблонов. Функция подойдет тем, кто имеет базовые знания в веб-дизайне.
Интеграция с внешними сервисами. Функционал конструктора сильно расширяется за счет интеграции с популярными сервисами:
Их около 35. Сервисы подключают через Webhook или коды.
Создание промокодов. Внутри Тильды можно создавать собственные промокоды, которые будут давать дополнительную скидку. Для этого перейдите в настройки платежной системы, задайте имя промокода и сумму скидки. Скидка может быть процентной или фиксированной.
Электронная торговля. Конструктор позволяет самостоятельно создать небольшой интернет-магазин со всем необходимым функционалом. При создании страницы выберите специальный шаблон для электронной торговли или подберите блоки из библиотеки. В разделе «Магазин» можно найти кнопки, формы, корзину, тарифы и разные карточки продуктов, а в разделе «Другое» – модули для интеграции.
Tilda CRM. Это система для работы с заявками клиентов. Настройка системы CRM находится в верхней строке меню основного экрана. Tilda предлагает CRM бесплатно для всех пользователей конструктора. Это способ оптимизировать процесс работы и повысить уровень обслуживания.
Объединяйте данные с вашего сайта, CRM и других-бизнес инструментов с помощью сквозной аналитики Calltouch. Система сама сформирует отчеты, а вы сэкономите время на рутинной работе. Вы узнаете, что приносит вам целевой трафик и доход.
Тарифные планы Tilda
Это бесплатный тарифный план, который доступен сразу после регистрации. В рамках тарифа доступны:
Personal
Оплата – 500 рублей в месяц. Пользователям доступны все функции, кроме экспорта исходного кода, API и безналичной оплаты. Доступное место на сервере – 1 Гб. Сайт уже может включать до 500 страниц.
Business
За 1000 рублей в месяц вы получаете доступ ко всем возможностям. В рамках тарифа можно создать 5 сайтов с 500 страницами. Сервер по-прежнему ограничен до 1 Гб.
Что такое интеллект-карта и как ее использовать в маркетинге
Что такое интеллект-карта и как ее использовать в маркетинге
Поддержка, справочный центр и Tilda Education
Если возникли трудности, через личный кабинет заполните форму и отправьте заявку в техподдержку сервиса. Некоторым пользователям удобнее связываться со специалистами по почте (адрес: team@tilda.cc ). В платных тарифах отдельно предусмотрена опция онлайн-поддержки.
Также вы можете самостоятельно разобраться в проблеме. Самый подробный обзор Tilda делают специалисты сервиса. Через справочный центр или Tilda Education вы найдете ответ на любой вопрос. У Тильды есть подкасты, краткие или подробные видеоуроки, блог, курсы по веб-разработке и SMM, инструкции, статьи, рекомендации по e-commerce и даже целые онлайн-школы.
Примеры сайтов на Tilda
Примеров уже бесчисленное количество. Изучайте их и вдохновляйтесь на свой уникальный проект. Конечно, лучше рассматривать сайты конкурентов, но разработчики из других областей тоже могут натолкнуть вас на ту самую идею.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Обзор конструктора сайтов Tilda: возможности, ограничения, советы
Руководитель и стратег в студии веб-дизайна и контент-маркетинга Svoemedia Александра Иващенко рассказала блогу Нетологии, как её команда использует Tilda в работе.
Сайты на конструкторе сайтов Tilda я начала делать ещё в 2014 году. Тогда это был настоящий прорыв по визуальной части: было ощущение, что прикоснулся к искусству, и до конца не верилось, что оно станет таким доступным. В маленькой группе на 400 человек (сейчас подписчиков 18 тысяч) мы обсуждали возможности Тильды, поддерживали команду платформы и давали советы.
Сейчас, в рамках Svoemedia, создание сайтов на Tilda стало полноценным направлением нашего бизнеса и предпочитаемой CMS. О её возможностях, функциях и об опыте нашей команды хочу рассказать в этом обзоре Тильды.
Дизайн: что можно сделать на Тильде и как это будет выглядеть
Начать дизайн сайта можно с чистого листа, используя Zero-блоки, или с готовых шаблонов и блоков, которые можно группировать по типу конструктора.
Готовые шаблоны
Шаблоны разделены на группы по тематике и назначению: Бизнес, Магазин, Событие, Контакты, Анкета.
Готовые блоки
Из библиотеки блоков можно выбрать самостоятельные дизайн-элементы: меню, текстовые блоки, изображения, видео, формы и кнопки, этапы, команда, отзывы, карты Гугл и Яндекс и так далее.
Готовые блоки автоматически подстраиваются под разные устройства — компьютер, смартфон, планшет. Для корректировки отступов или размера текста задайте режим отображения внизу настроек блока, двигая ползунок:
Подробнее о корректировке мобильной версии читайте в справочнике Тильды.
Текст и изображения
Для редактирования текста нужно кликнуть по нему. То же можно сделать из меню «Контент» (в стандартных блоках) и через «Редактировать блок» в Zero. Встроенный в редактор типограф для текстов убирает висячие предлоги, ставит правильные тире и кавычки.
Изображения можно загрузить с диска, перетащить, вставить ссылку на изображение в интернете. В стандартных блоках можно менять цвета, шрифты, иконки.
Zero-блоки
Для реализации сложных идей, мы используем Zero-блоки. В Zero-блоках все элементы создаются самостоятельно. Адаптировать сайт для разных устройств тоже нужно вручную.
Работа в Zero-блоке похожа на работу в графическом редакторе, только созданный индивидуальный дизайн можно сразу посмотреть в Тильде
Елена Сартасова, шеф-дизайнер Svoemedia
«Zero-тренды и минимализм в дизайне сайтов диктуют дизайнерам задачу больше акцентировать внимание на колористике и типографике. Главное – это контент, а дизайнер лишь создаёт атмосферу, помогающую считать его суть. Чем чище и однообразнее фоны и проще графика на сайте, тем интуитивнее и интеллектуальнее воспринимается сайт пользователем: когда ничто не мешает, сайт действительно хочется читать, а не просто рассматривать его дизайн. Простая блочная структура Тильды позволяет довольно легко создавать такой дизайн за счёт простоты компонентов: фон, текст, форма и картинка, которые есть в Zero-блоке и стандартных блоках».
С помощью Zero-блоков можно делать анимацию, но если сайт предполагает постоянную редактуру (особенно это актуально для сайтов мероприятий), нужно будет вносить правки во все разрешения.
Елена Сартасова, шеф-дизайнер Svoemedia
«Микроанимации — это возможность сделать сайт живым и говорящим. Тильда дает возможность настройки такой анимации. Сайт, дающий обратную тактильную связь, создает игру с пользователем, продлевая этим его время пребывания на сайте и упрощает знакомство с контентом».
Проанализировав задачи клиентов, мы создали библиотеку шаблонов на Тильде для типовых решений. Мы хотим, чтобы заказчики клиентов быстрее находили на сайтах то, что им нужно. А клиенты экономили деньги для развития бизнеса: такое решение позволило нам сократить стоимость разработки сайта для клиента в 12–15 раз.
Тильда позволяет делать эффектные сайты и, если овладеть её инструментами, сложно наткнуться на ограничения: немного изменив взгляд на элемент, можно адаптировать его без потерь.
Сценарии использования: для каких типов проектов подходит Тильда
Тильда — комфортная среда для создания, публикации, хранения и модификации проектов. В агентстве мы работаем преимущественно с большими проектами по классической схеме веб-разработки: схема, прототипирование, контент, дизайн, техническая оптимизация.
Тильда позволяет исключить полностью дорогостоящие этапы HTML-верстки и программирования и сократить стоимость разработки для нашей команды и клиента.
Александра Назмеева, менеджер проектов Svoemedia
«Тильда позволяет вовсе не привлекать полноценного разработчика даже для многостраничных сайтов (исключение — сложные калькуляторы и иные нетиповые задачи). По сравнению с разработкой сайтов полного цикла, сайты на Тильде сокращают время создания крупных проектов до 1,5–2 месяцев, включая этапы от прототипирования и написания контента до запуска работоспособной версии».
Сайт компании и лендинги
Если нужен сайт-презентация продукта или услуги, посадочная страница с формами обратной связи — Тильда подойдёт идеально.
Функции личного кабинета пользователя в Тильде на данный момент нет. В проекте компании UNIUP все презентационные страницы и блог сделаны на Тильде, а личный кабинет — внешняя ссылка на другой сайт:
Личный сайт или портфолио
На Тильде можно собирать сайты-портфолио, личные сайты специалистов.
Контент-проекты
На Тильде мы сделали и ведём самое большое медиа по химической промышленности в России: проект Инжинирингового химико-технологического центра в Томске.
Для этой ниши цифры очень приятные — 10 000 посетителей в месяц. По словам Ильи Мазова, директора по развитию ИХТЦ, контент-проект приносит от 15% годового оборота компании.
Максим Колташов, главный редактор SVOEMEDIA
«Я рад, что команда чаще всего использует для вёрстки статей именно Тильду: это позволяет разместить нужные блоки (подписка, ссылка на соцсети, перелинковка на другие материалы) быстро и именно там, где мне это необходимо. Результат всегда эстетически приятен, что улучшает поведенческие характеристики и в итоге положительно сказывается на ранжировании сайтов».
Полезные функции Тильды для контент-проектов:
В Тильде есть возможность дополнить текстовый контент фото- или видеоматериалами, что делает её удобным решением для публикации книг и лонгридов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Интуитивный конструктор сайтов
Библиотека блоков
Адаптивность
Редактор собственных блоков
Фокус на типографике
Все для лендингов
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
И предприниматели, и крупные компании превращают свои идеи в красивые проекты.
Просто создайте свой сайт
Мы отслеживаем тренды в дизайне
Мы отслеживаем тренды в дизайне, поэтому сайты, созданные на Tilda, выглядят актуально.
Техподдержка не понадобится
Вам не придется учиться кодить или просить о помощи знакомых программистов, чтобы сделать сайт. Все нужные настройки всегда под рукой, в понятном интерфейсе.
Оптимизация для поисковых систем
Полный контроль над тем, как ваш сайт будет выглядеть в поисковой выдаче или в социальных сетях.
Большой выбор шрифтов
Загружайте собственные файлы шрифтов, используйте шрифты из Google Fonts и Adobe Fonts или выбирайте из списка установленных в Тильде.
Google Analytics и Яндекс.Метрика
Также вы можете подключить Google Analytics и Яндекс. Метрику и знать все о посещаемости вашего сайта.
Высокая скорость загрузки сайтов
Все изображения хранятся в глобальной системе доставки контента (CDN), что значительно сокращает скорость загрузки сайтов за счет использования географически распределенных серверов.
Как бесплатно создать сайт на Tilda – пошаговый гайд
Для этого не нужны специальные знания.
Обновили в 2022 году.
Этот сайт целиком построен на Tilda
Почему стоит выбрать Tilda
Как все конструкторы, Tilda позволяет сделать сайт без специальных знаний. Интерфейс платформы интуитивно понятный. На каждом этапе работы система подсказывает пользователю следующие шаги. Готовые шаблоны и модули позволяют быстро создать красивый и функциональный ресурс.
Tilda выделяется на фоне других конструкторов ориентацией на визуальную привлекательность и легкость восприятия контента.
Пользователям Tilda доступны модули и шаблоны, с помощью которых можно быстро создавать конверсионные лендинги и даже интернет-магазины. На «Тильде» можно сделать корпоративный сайт, виртуальную визитку с портфолио, контент-проект.
Примеры созданных с помощью конструктора ресурсов можно найти в разделе MadeOnTilda на официальном сайте проекта. Обратите внимание на пример интеграции «Тильды» и WordPress. «Лайфхакер» использует конструктор для создания лонгридов, а основной сайт проекта работает на WP.
Пример интеграции одного движка в Tilida
У Tilda есть недостатки, которые будут рассмотрены ниже. Но главный из них нужно обсудить сразу.
Стоимость
Пользователям доступны три тарифных плана: Free, Personal и Business.
Возможностей бесплатного тарифа хватит для создания сайта-визитки. Пользователь получает 50 Мб дискового пространства и один сайт до 50 страниц. Функциональность сайтов на бесплатном тарифе ограничена.
Важный момент: пользователи бесплатного тарифа могут зарегистрировать сайт только на поддомене. URL выглядит так: vash-site.tilda.ws. Это не влияет ни на пользовательский опыт, ни даже на доверие к сайту со стороны поисковых систем.
Доступ к конструктору стоит 6 000 рублей в год. Это неоправданно дорого. Полноценный сайт на любой CMS, например, WordPress, Joomla!, Drupal, OpenCart, обойдется гораздо дешевле.
Тариф Business включает все возможности Personal. Дополнительно пользователь может создавать до пяти сайтов. Главное отличие – возможность экспортировать код и установить Tilda на свой сервер.
За подключение по тарифу Business нужно платить 1 000 рублей в месяц. Обратите внимание, услуги хостинг-провайдера нужно оплачивать отдельно.
Выбор тарифа зависит от формата сайта и потребностей владельца.
| Тариф & Характеристики | Цена в год | Возможности | Кому подходит |
| Free | Бесплатно | Сайт на поддомене, до 50 страниц, до 50 Мб на диске | Фрилансерам, которым нужен небольшой сайт-визитка |
| Personal | 6000 рублей | Сайт на платном домене, до 500 страниц, 1 Гб на диске, полный доступ к библиотеке модулей | Блогерам, издателям, компаниям, E-коммерсантам |
| Business | 12 000 рублей | Возможности тарифа Personal, опция экспорта кода, до 5 сайтов на одном аккаунте | Никому. На сервер лучше установить CMS с открытым кодом. Даже некоторые коммерческие CMS обойдутся дешевле |
Если высокая стоимость конструктора не проблема, переходите к пошаговой инструкции по созданию сайта на Tilda. В конце концов, каждый пользователь может испытать тариф Personal бесплатно в течение двух недель. По итогам тестирования можно понять, стоит ли пользоваться платформой.
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров
Начните с планирования
Определить необходимую функциональность и дизайн поможет наше подробное руководство по заказу сайта. Вот еще один очень полезный гайд, с которым легко и удобно планировать сайт.
Решите, как вы будете делать сайт: создавать страницы с чистого листа с помощью готовых блоков из библиотеки или использовать предложенные шаблоны.
Первый способ позволяет делать страницы такими, какими их видите вы. С помощью модулей из библиотеки можно реализовать запланированные функциональность и внешний вид.
Полезная информация есть в наших гайдах и статьях:
Если вы решили делать страницы с нуля с помощью библиотеки блоков, начните с создания прототипов. Используйте Axure RP или другие инструменты прототипирования. Эскизы страниц можно нарисовать и на бумаге. А в крайнем случае просто перечислите блоки, которые должны быть на каждой странице. Второй способ подойдет тем, кто не доверяет собственному вкусу и не имеет ни малейшего представления о дизайне, функциональности и юзабилити сайтов.
Воспользуйтесь готовыми шаблонами страниц из библиотеки. В каталоге они объединяются по тематическим категориям: «Бизнес», «Магазин», «Событие», «Блог», «Контакты» и «Анкета».
Окно создания новой страницы
Шаблоны можно редактировать – удалять и добавлять блоки или менять их местами. Поэтому готовые решения обеспечивают практически такую же гибкость, как создание сайта с нуля из модулей.
Шаблон служит защитой от дурака. Он страхует далеких от веб-разработки пользователей от детских ошибок, например, использования лишних элементов в ущерб юзабилити.
Результатом планирования должно стать четкое представление о будущем сайте. Запишите как минимум следующую информацию:
Чтобы наглядно показать возможности Tilda, я сделаю сайт-визитку вымышленного специалиста. Ресурс будет включать главную страницу, портфолио, описание услуг, страницу о специалисте, контактные данные и страницу публикаций.
Вымышленный специалист будет работать с шаблоном, так как он не имеет представлений о веб-разработке. Одну из страниц сайта он создаст с чистого листа.
Что такое семантическое ядро и как его составлять
Как настроить сайт на Tilda: базовые опции
После регистрации на платформе перейдите в раздел тарифы и подключите тариф Personal. Новым пользователям доступен бесплатный тестовый период.
Нажмите кнопку «Активировать»
Перейдите в раздел «Мои сайты», создайте новый ресурс и укажите его название.
Нажмите кнопку «Создать новый сайт»
В разделе «Настройки сайта» укажите описание и выберите субдомен.
Заполняем название, описание и выбираем домен
Перейдите в разделы «Аналитика» и «SEO» и подключите сайт к системам «Яндекс.Метрика» и Google Analytics. В этом же разделе можно добавить на сайт контейнер Google Tag Manager. Если вы впервые делаете сайт, подключайте «Метрику» и Analytics напрямую.
Счетчики можно подключить двумя способами. Первый: зарегистрируйте ресурс в системе аналитики. Скопируйте номер идентификатора счетчика.
Нам нужен номер счетчика
Вставьте номер в поле «Яндекс.Метрика» в разделе настроек сайта «Аналитика и SEO» в панели «Тильды».
Подключаем счетчик «Яндекс.Метрики»
Аналогичным образом подключите счетчик Google Analytics. Для этого нажмите кнопку «Подключить» в строке Google Analytics. Примите запрос от приложения tilde.cc на доступ к аккаунту Google Analytics. Выберите счетчик и сохраните изменения. Если на сайте уже есть страницы, опубликуйте их повторно.
Подключаем счетчик GA к Tilda
Перейдите в раздел «SEO», чтобы подключить сайт к службам Search Console и «Яндекс.Вебмастер».
Нажмите кнопку «Подключить» рядом с названием соответствующего сервиса, примите запрос от приложения tilda.cc на доступ к аккаунту. Нажмите кнопку «Зарегистрировать сайт».
После автоматической регистрации на панели появится статус «Домен подтвержден». Система предложит добавить в Search Console карту сайта. Воспользуйтесь этой возможностью.
Подключаем сайт к веб-аналитике Google
Таким же способом зарегистрируйте ресурс в «Яндекс.Вебмастер».
Указанных базовых настроек достаточно, чтобы приступить к созданию страниц. К дополнительным настройкам сайта вернетесь, когда будут готовы основные разделы.
Как подключить платный домен к сайту на Tilda
После регистрации домена в личном кабинете на сайте регистратора войдите в панель управления услугами. В DNS-записи укажите IP сервера Tilda 178.248.234.146.
Если вы зарегистрировали домен в Reg.ru, в личном кабинете перейдите в раздел «Управление доменом – DNS-серверы». А вот так можно отредактировать DNS у регистратора / хостинга Beget:
Нажмите кнопку «Редактировать DNS»
Укажите DNS-серверы ns1.reg.ru и ns2.reg.ru. Это нужно, чтобы использовать зарегистрированный в Reg.ru домен на стороннем хостинге.
Вернитесь в раздел «Управление доменом» и выберите подраздел «Управление зоной».
Нам нужен раздел «Управление доменами»
Удалите существующие записи класса A и добавьте вместо них новую запись.
Редактируем ресурсные записи домена
Добавьте IP сервера «Тильды» и сохраните изменения.
В разделе «Добавить запись CNAME» укажите поддомен www. Это нужно, чтобы сайт был доступен по адресам вида vashsite.ru и www.vashsite.ru.
В поле Canonical name добавьте значение «tilda.ws.», а в поле Subdomain – значение «www».
Редактируем CNAME домена/p>
В панели управления Tilda укажите домен в соответствующем разделе настроек сайта. Сохраните изменения.
Добавляем настроенный домен
Изменения вступают в силу в течение нескольких часов. После настройки домена приступайте к созданию страниц сайта.
Как создавать страницы сайта на Tilda
Чтобы создать страницу, нажмите соответствующую кнопку в панели управления сайтом.
Нажмите кнопку «Создать новую страницу»
Выберите подходящий шаблон. При необходимости отредактируйте блоки, добавьте контент.
Шаблонные страницы Tilda состоят из модулей, которые можно настраивать, менять местами, удалять и добавлять.
Чтобы вызвать меню редактирования, достаточно навести курсор на модуль.
Обратите внимание на кнопки вверху рабочего пространства
В верхнем левом углу находится выпадающее меню. Используйте его, чтобы выбрать один из шаблонов модуля. Обратите внимание, при наведении курсора на описание шаблона система отображает миниатюру блока.
Выбираем вариант обложки
В меню «Настройки» администратору доступны разные опции в зависимости от блока. Обычно можно настраивать внешний вид, размеры, указывать диапазон видимости на разных экранах. Для некоторых блоков доступны настройки типографики.
Обратите внимание на возможность выбора тега для заголовков блоков, которые расположены на странице первыми. Для основного заголовка важно указать тег H1. Для заголовков второго и третьего порядка доступны теги H2 и H3.
Настраиваем внешнее представление страницы
В меню «Контент» добавьте информацию, которую планируете опубликовать в модуле. Возможности редактирования зависят от типа блока, с которым вы работаете. Например, в модуле обложки страницы можно выбрать фоновое изображение и логотип, изменить заголовок и описание.
Указываем подзаголовок, заголовок и описание
Информацию в блоках можно редактировать, не открывая меню «Контент». Чтобы изменить данные, установите курсор на нужной строчке и добавьте запись. При необходимости воспользуйтесь визуальным редактором. Меню появляется в верхней части экрана.
Редактируем текст прямо в окне предпросмотра
Справа вверху находится меню управления модулем. Воспользуйтесь инструментом, чтобы дублировать, удалить, скрыть или изменить положения модуля на странице.
Дублируйте, удаляйте, прячьте любые элементы
На страницу можно добавить дополнительные модули из библиотеки. Для этого нажмите знак «+» на границе блока, в библиотеке выберите и добавьте нужный модуль.
Работать с модулями очень удобно
Воспользуйтесь картой блоков, чтобы оценить внешний вид и функциональность страницы. Инструмент поможет понять, какие блоки стоит удалить, добавить или поменять местами. Схему страницы можно активировать в меню «Еще – Карта модулей» в правом верхнем углу экрана.
Открываем карту блоков
После редактирования модулей и контента уделите внимание настройкам страницы. Соответствующий раздел доступен в вертикальном меню в верхней части экрана или в выпадающем меню «Еще».
В основных настройках укажите заголовок и описание. При необходимости измените URL страницы. Это актуально для внутренних разделов сайта.
Заполняем все обязательные поля
В разделе «Бейджик» при необходимости измените изображение, которое используется в превью страницы.
В разделе Facebook и SEO отредактируйте сниппет страницы в социальных сетях и поисковой выдаче. По умолчанию данные для сниппета подтягиваются из заголовка и описания страницы.
Первая картинка (по умолчанию) и есть бейдж
В настройках Facebook и SEO есть дополнительные возможности. В разделе «Отображение в поисковой выдаче» нажмите кнопку «Задать специальные meta-данные». Здесь можно при необходимости изменить title и description. Не тратьте время на указание ключевых слов, так как поисковые системы не учитывают метатег keywords.
Отредактируйте каноническую ссылку на страницу: сделайте URL удобным для пользователей. Например, вместо автоматически сгенерированной ссылки на страницы контактов или портфолио vashsite.tilda.ws / page1554510.html укажите ЧПУ vashsite.tilda.ws / contact или trubnikoff.tilda.ws / portfolio соответственно.
При необходимости запретите поисковым системам индексировать страницу или предложите поисковикам не переходить по ссылкам на странице.
Настраиваем как будет выглядеть сниппет
В настройках отображения в «Фейсбуке» можно указать ID приложения и аккаунт в Twitter.
Вкладка «Экспорт» настроек страницы доступна только владельцам бизнес-аккаунтов. На вкладке «Действия» можно перенести, удалить или дублировать страницу.
Обратите внимание на вкладку «Дополнительно» в меню настроек страницы. Здесь пользователям доступна очень важная функция: вставка произвольного HTML-кода в хедер страницы. Ее можно использовать, чтобы добавить в конкретный раздел сайта коды отслеживания или микроразметки Schema.org.
Благодаря добавлению своего кода, вы сможете кастомизировать страницу
Чтобы добавить на страницу микроразметку Schema.org, реализованную через JSON-LD, воспользуйтесь бесплатным генератором кода. Создайте скрипт. В дополнительных настройках страницы нажмите кнопку «Редактировать код». На открывшейся странице добавьте и сохраните микроразметку.
Размечаем элементы страницы семантическими тегами
После публикации страницы проверьте корректность микроразметки с помощью инструмента Google.
Валидация пройдена успешно
Подробнее о внедрении структурированных данных через JSON-LD читайте в нашей статье о новой реальности в поиске.
После редактирования сайта и выбора настроек опубликуйте страницу. Для этого нажмите кнопку «Опубликовать» в верхней части экрана справа.
После публикации страница станет доступна всем пользователям. Теперь создайте остальные страницы: «Услуги», «Портфолио», «О нас», «Контакты», «Блог».
Как работать с внутренними страницами сайта
Tilda позволяет использовать разные шаблоны для каждой страницы сайта. Это удобно, так как в библиотеке есть адаптированные для конкретных задач макеты страниц. Но использование разных шаблонов может удивить пользователя. Представьте, что человек с главной попадает на страницу «Услуги», которая выглядит совершенно иначе. Это может ухудшить пользовательский опыт.
С проблемой легко справиться. Адаптируйте выбранный на первом этапе шаблон к задачам, которые решает конкретная страница. Для этого достаточно отредактировать структуру шаблонной страницы: удалить лишние и добавить нужные модули.
Создайте страницу «Портфолио». Для поддержания единообразия сохраните обложку страницы. Добавьте в модуль нужную информацию.
Пример обложки для страницы с портфолио
Отредактируйте вводный текстовый блок. Используйте его, чтобы рассказать о реализованных проектах. В этот модуль можно вставить презентационное видео. Для этого с помощью выпадающего меню в левом верхнем углу блока выберите подходящий макет модуля.
В нашем случае мы решили отредактировать вводный текстовый блок и добавить в него презентационное видео
После вводного блока добавьте на страницу модуль портфолио. Подходящий инструмент ищите в разделе библиотеки «Список страниц».
Нас интересуют настройки списка страниц
С помощью выпадающего меню выберите подходящий шаблон модуля. Отредактируйте контент. Чтобы добавить ссылки на работы, создайте соответствующие страницы с описанием. В меню «Контент» отметьте нужные варианты и сохраните изменения.
После блока портфолио добавьте на страницу конверсионный модуль. Подходящий вариант найдется в разделе библиотеки «Форма и кнопка».
Выбираем подходящий формат виджета
Отредактируйте контент и укажите ссылку для кнопки. Это может быть страница с контактной информацией или подходящий блок с существующих страниц.
Редактируем параметры блока
Вы сделали страницу портфолио со ссылками на реализованные проекты и конверсионной кнопкой.
Пример созданной страницы
С помощью шаблонов создайте и отредактируйте другие страницы сайта. Представьте, что одну из них нужно сделать с чистого листа.
Как сделать страницу на Tilda с чистого листа
Представьте, что по какой-то причине страницу публикаций нужно сделать с нуля. Нажмите кнопку «Создать страницу», вместо шаблона выберите вариант «Пустая страница».
Нажмите кнопку выбрать «Выбрать»
Добавляйте на страницу нужные модули из библиотеки. На странице блога можно обойтись без обложки, которая занимает весь первый экран. Достаточно добавить заголовок, после которого появится сетка публикаций.
Настраиваем вид страницы
После заголовка добавьте подходящий блок из раздела каталога «Список страниц». Внизу достаточно добавить еще один блок с контактными данными. Укажите общие настройки и опубликуйте страницу.
Созданная с чистого листа страница блога
Вы создали основные страницы сайта. Уделите внимание навигационному меню.
Как сделать меню сайта на «Тильде»
Чтобы сделать меню, создайте новую страницу сайта. Используйте чистый лист, а не шаблон. В библиотеке блоков выберите раздел меню. Здесь найдите подходящий модуль.
Настраиваем новое меню
Добавьте пункты меню и ссылки на страницы в настройках контента блока. Название пункта меню укажите в поле слева. С помощью кнопки «Выбрать страницу» добавьте ссылку на нужный раздел сайта.
Кастомизируем внешний вид меню
В разделе настроек контента «Логотип» добавьте название сайта. Если у вас есть логотип, загрузите его.
Этот шаг необязательный
Добавьте ссылки на профили в соцсетях, отредактируйте кнопку Contacts. Укажите настройки страницы и опубликуйте ее.
Так выглядит модуль на готовой странице
Назначьте созданную страницу хедером для всех остальных страниц. Для этого перейдите в общие настройки сайта:
Нажмите кнопку «Настройки сайта»
Выберите раздел «Шапка и подвал» и с помощью выпадающего меню укажите нужную страницу.
Назначаем меню в подвал
Сохраните изменения и опубликуйте все страницы. Проверьте, как отображается меню.
Обратите внимание на верхнее меню
Сайт-визитка специалиста с базовыми функциями готов. При необходимости воспользуйтесь дополнительными возможностями «Тильды».
Что еще может Tilda
С помощью дополнительных возможностей конструктора Tilda можно решать специальные задачи. Некоторые из них перечислены ниже.
Интеграция с WordPress
Реализацию идеи можно оценить на примере «Лайфхакера». Сайт проекта работает на WordPress, а с помощью «Тильды» редакция сделала серию лонгридов.
Чтобы интегрировать Tilda с WordPress, необходимо оплатить бизнес-тариф и установить любой подходящий плагин.
CMS WordPress имеет достаточно платных и бесплатных инструментов для создания лендингов и оформления лонгридов. Учитывайте это при оценке целесообразности оплаты бизнес-тарифа.
Подготовка писем для рассылки
Конструктор писем можно найти в панели управления Tilda. Инструмент позволяет делать письма из готовых шаблонов и отправлять их подписчикам через сервисы SendGrid или MailChimp. Также можно экспортировать код на другие платформы email-маркетинга.
Созданные письма можно хранить на субдомене вида nashi-pisma.tilda.ws. Шаблоны писем редактируются и настраиваются, как страницы сайтов на Tilda.
Этот шаблон можно кастомизировать
Создание пользовательских блоков
Эта функция подойдет специалистам, которые имеют как минимум базовые представления о веб-дизайне. С помощью редактора Zero Block они могут создавать модули страниц самостоятельно.
Чтобы открыть редактор блоков, в режиме редактирования нажмите кнопку Zero в списке модулей в нижней части страницы или выберите «Нулевой блок» в библиотеке модулей.
Кнопка доступна с любой страницы
Интеграция с внешними сервисами
Сайт на «Тильде» можно интегрировать с внешними службами:
Для интеграции в настройках сайта выберите меню «Формы» и «Платежные системы».
У Tilda широкие возможности для интеграций со сторонними сервисами
Создание промокодов
Чтобы создать и опубликовать промокод, откройте соответствующее меню в разделе «Платежные системы» в настройках сайта. Укажите подходящие параметры и опубликуйте промокод.
Подраздел «Промокоды» находится в разделе «Платежные системы»
Электронная торговля
В Tilda есть все инструменты для быстрого запуска интернет-магазина. Сайт можно интегрировать с платежными сервисами.
В разделе «Бизнес» есть адаптированные для электронной торговли шаблоны страниц.
В меню блоков «Магазин» есть модули, с помощью которых страницы магазина можно сделать самостоятельно.
В разделе «Другое» есть модули для интеграции сайта на «Тильде» с платформой для создания ecommerce-сайтов «Эквид».
В два клика мы можем сделать полноценный интернет-магазин на Tilda
Пользовательская страница 404
Пользователи «Тильды» могут самостоятельно назначить и отредактировать страницу 404. Для этого создайте и опубликуйте страницу. В настройках сайта в разделе «Еще» с помощью выпадающего меню выберите нужный вариант.
Сперва 404-я создается, затем назначается в этом разделе («Еще», «Страница: 404 Ошибка»)
Tilda CRM
Осенью 2018 года Tilda предложила пользователям полезный инструмент – бесплатную CRM. Чтобы работать с системой, выберите соответствующий раздел в вертикальном меню и нажмите кнопку «Создать новый лист».
Откройте раздел CRM
В настройках в разделе «Сайт» подключите к CRM сайт.
Будем настраивать подключение CRM-системы к сайту
В настройках сайта подтвердите подключение CRM. Для этого можно выбрать настройки блока страницы и перейти в раздел «Формы».
После подключения все заявки с сайта будут приходить в CRM. Если заявка получена по телефону, ее можно добавить в систему вручную с помощью кнопки «Добавить заявку».
Есть одна заявка
В заявке оператору доступны контактные данные клиента. Здесь можно создавать примечания и отвечать на заявки. Чтобы ответить клиенту по электронной почте, нужно перейти по ссылке «Открыть карточку» и перейти на вкладку «Письмо».
Список заявок можно просматривать в стандартном табличном формате или в формате канбан. Переключатель находится в правом верхнем углу экрана.
Изучаем поступившие заявки
Tilda или сайт на движке?
Tilda – удобный и функциональный инструмент. давайте сравним его с WordPress, самым популярным движком.
Что вы потеряете, если выберете Tilda вместо WordPress
Деньги
За доступ к полной функциональности Tilda придется платить как минимум 6 000 рублей в год. Есть тариф Free, с которым можно создать на сайте до 50 страниц. Пользователи плана Free могут добавлять на страницы только базовые модули.
WordPress бесплатный по умолчанию. Можно создавать неограниченное количество страниц, поэтому ресурсы на WordPress удобнее использовать для контент-проектов. Владельцу сайта нужно платить только за хостинг и доменное имя.
Пользователям WordPress бесплатно доступны тысячи плагинов и дизайн-шаблонов. С их помощью можно практически неограниченно расширять функциональность ресурса и изменять внешний вид.
Безопасное соединение
По умолчанию сайты на поддомене «Тильды» доступны по https. После оплаты тарифа Personal или Business можно купить SSL-сертификат и настроить доступ к сайту по безопасному протоколу через сервис CloudFlare.
У российских пользователей могут быть проблемы с доступом к ресурсам, так как некоторые провайдеры блокируют IP CloudFlare, а контролирующие органы не рекомендуют владельцам сайтов пользоваться этим сервисом.
Удобство внедрения микроразметки
На страницы сайтов на Tilda можно добавлять структурированные данные. Делать это придется вручную: создавать разметку и публиковать ее на каждой странице отдельно.
На страницах сайта на WordPress можно задать базовые типы разметки, например, Article или BlogPosting, для всех страниц публикаций. Это можно делать с помощью SEO-комбайнов, например, All in One SEO Pack. Также есть отдельные плагины, например, WPSSO Schema JSON-LD MarkUp.
Оптимизация скорости загрузки страниц
Пользователи Tilda практически не могут влиять на скорость загрузки страниц. Можно только удалять со страниц отдельные модули и сжимать изображения. В остальном придется довериться разработчикам «Тильды».
Приемлемо, но лучше улучшить
Пользователи WordPress могут самостоятельно оптимизировать скорость загрузки страниц.
Ускоренные мобильные страницы
Пользователи Tilda пока не могут внедрять AMP. У пользователей WordPress такая возможность есть. Google охотно направляет пользователей на ускоренные страницы.
Доступ к файлам сайта
У владельцев сайтов на «Тильде» такой возможности нет, а у «Вордпресса» есть. Впрочем, доступ к файловой системе обычно нужен продвинутым пользователям движка.
Редактирование карты сайта и файла robots.txt
Tilda создает sitemap.xml и robots.txt автоматически, и пользователи не могут их редактировать. На WordPress карту сайта и файл robots.txt можно создать самостоятельно с помощью плагинов, например, All in One SEO Pack. Пользователь может редактировать карту и директивы для поисковых роботов.
Что вы приобретете, если выберете Tilda вместо WordPress
Деньги
Если вам нужен одностраничный сайт или онлайн-визитка с портфолио и контактными данными, дешевле работать с «Тильдой». Сайт-портфолио на Tilda можно сделать бесплатно, но он будет доступен на поддомене.
Простота редактирования шаблона
С «Тильдой» любой пользователь без специальных знаний может почувствовать себя дизайнером. Для изменения шаблонов на WordPress нужны специальные знания.
Визуальная привлекательность страниц
Этот пункт – продолжение предыдущего. С помощью «Тильды» можно красиво оформить страницу сайта. Это не требует специальных знаний и много времени.
На WordPress можно выбрать визуально привлекательный шаблон. Но чтобы добавить дополнительное оформление, потребуется время и знания.
Простота
На Tilda проще создать сайт и управлять им. За простоту придется расплачиваться деньгами и ограничениями в функциональности ресурса.
Что в итоге
Конструктор Tilda – удобный и эффективный инструмент для создания сайтов. Он не имеет всех функций полноценного движка. Но функциональность CMS нужна далеко не всем пользователям. Едва ли не главное достоинство «Тильды» – возможность быстро сделать визуально привлекательный сайт. Ограниченность конструктора может быть плюсом для пользователей без опыта. Платформа защитит их от серьезных ошибок, которые могут снизить эффективность ресурса.