Как создать сайт на Tilda

Вы не представляете, сколько раз мы слышали «я никогда не сделаю сайт, я же не программист». А потом эти люди открывали Tilda Publishing и уже через пару часов показывали нам свои лендинги. Tilda не требует кода, особых знаний или навыков — просто перетаскиваете блоки и наполняете их контентом. В этой пошаговой инструкции мы собрали все, чтобы вы тоже так смогли.

Подготовительный этап: бумага, ручка и немного шпионажа

Перед тем, как приступить собственно к разработке сайта на Tilda, задайте себе на вопрос: «А зачем, собственно, нам нужен этот сайт?». Продавать товары? Собирать заявки на услуги? Делиться мыслями в блоге? Показать свои работы или проекты? Это поможет определиться с приоритетами и акцентами.

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

Чтобы не повторять чужие ошибки и не изобретать велосипед, обязательно изучите, как позиционируют себя ваши конкуренты. Для этого открываем поисковик и просматриваем 15-20 сайтов из вашей сферы. Ваша задача — не украсть чужие идеи, а понять, что вы можете сделать лучше. К примеру, «У этого блока на первом экране очень броский заголовок, возьму на заметку. А тут они неудобно спрятали телефон, я сделаю лучше. А вот этот раздел с гарантиями я вообще уберу, он тут лишний». В общем, собирайте свой идеальный конструктор из чужих удачных решений и чужих же ошибок. Чтобы не запутаться, сделайте несколько набросков структуры вашего будущего сайта на листе бумаги.

Поскольку Тильда это все-таки базовый конструктор, не стоит делать структуру слишком сложной или добавлять сложные интерактивные элементы. А еще лучше — для начала ознакомьтесь с возможностями платформы, так вы будете заранее знать, на что рассчитывать.

Делаем сайт Tilda без штата айтишников

Эта программа для создания сайтов устроена так, чтобы вы могли сосредоточиться на своем бизнесе, идее или проекте. Как подправить CSS или куда вставить скрипт — не ваши проблемы. Все техническое уже сделано за вас. Ваша задача — самостоятельно собрать страницу красиво и понятно, чтобы пользователю захотелось нажать на кнопку «Заказать», и это гораздо проще, чем кажется. Просто повторяйте за нами, и все получится. Итак, пошаговая инструкция как создать сайт на Tilda с нуля:

Для начала зарегистрируйтесь на платформе.

Теперь введите заголовок проекта. Это имя — для вас, пользователи его не увидят. Теперь нажмите «Создать»

Зайдите в «Настройки сайта». Здесь вы сможете задать базовые и SEO-параметры. Не пишите здесь романы, поисковик читает только первые 160 символов в Description и первые 3 слова в H1. Поэтому в начале каждого заголовка ставьте главную услугу.

Задайте субдомен (или оставьте тот,который предлагает система), бесплатно доступен только такой вариант. В итоге ваш новый ресурс будет иметь адрес вида http://вашеназвание.tilda.ws. При желании вы сможете подключить собственный домен, но это платно. Подробнее о подключении мы расскажем немного дальше.

Нажмите «Сохранить изменения» (кнопка справа вверху), чтобы вернуться к конструктору. Если системы выдаст сообщение, что такой субдомен уже занят, придумайте другой вариант.

Теперь выходите и кликайте «Создать новую страницу». Если вы раньше никогда не создавали ничего подобно и не уверены в своих силах, лучше использовать шаблон. Любители поэкспериментировать могут выбрать плитку «Пустая страница» и начать творить.

Еще один удобный вариант — генерация от искусственного интеллекта. Вы описываете словами, что хотите получить, и нейросеть сама подберет вам и тексты и картинки.

Результат при желании можно скорректировать. Но мы в нашем гайде выберем все-таки способ с шаблоном — он проще и удобнее для большинства пользователей.

Выбрав шаблон, нажмите «Создать страницу». Теперь заполняем ее контентом, все элементы кликабельные, так что вам останется просто расставить текст и картинки.

Чтобы поменять изображение на главной, нажмите на иконку в нижнем левом углу. В открывшемся окошке вы сможете загрузить свое изображение или выбрать другой фон из библиотеки.

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

Здесь все также просто, как и в верхнем блоке. Нажимаем на элемент — меняем на то, что нам нужно.

Если вы не хотите тратить время на сочинение текстов, всегда можно нажать на кнопку «Сгенерировать текст блока» (фиолетовый ромбик в списке плиток справа вверху), и нейросеть придумает все за вас.

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

Чтобы посмотреть, как веб-сайт будет выглядеть в поисковой выдаче, зайдите в Настройки и откройте вкладку SEO. Здесь вы сможете внести все необходимые изменения, в том числе задать ключевые слова и параметры индексации.

Как подключить свой домен к сайту на Тильде

Если вы хотите, чтобы ваш сайт воспринимали как полноценный бизнес или серьезный блог, красивый адрес — первое, что нужно сделать. Ресурс, расположенный на субдомене бесплатного конструктора, всегда вызывает меньше доверия. Когда человек видит в адресной строке часть.tilda.ws, он не знает, что Тильда — крутая платформа, а вы просто выбрали бесплатный тариф. Он видит лишь, что сайт сделан на коленке. Это может обесценивать ваш бренд, особенно если вы продаете премиальные товары или услуги.

К счастью, Тильда позволяет привязать любой домен, который у вас есть. Или даже купить новый прямо внутри платформы. Настройка занимает несколько минут, и вам не придется становиться программистом, чтобы во всем разобраться. Есть два способа — выбирайте по ситуации:

Способ	Для кого	Что происходит
Делегирование (проще)	Для 90% бизнесов. Если вы не хотите копаться в технических моментах.	По сути, вы даете указание регистратору: «Передай управление доменом». Далее Тильда сама настроит все, что нужно.
Через А-записи (гибче)	Если у вас есть почта на домене (например, info@вашсайт.ру) или вы подключаете сторонние сервисы.	Управление доменом остается у вас. Вы вручную прописываете у регистратора специальный IP-адрес, который дает Тильда

Свой домен подключается только после перехода на платный тариф. Но никто не заставляет платить сразу — для начала можно активировать доступ бесплатно на 14 дней и все протестировать.

Полная передача управления Тильде

Заходите в ЛК вашего регистратора (у которого, вы покупали имя). Ищете, где управляются DNS-сервера (обычно пункт называется «Делегирование домена» или «NS-сервера») и вместо тех адресов, которые стоят по умолчанию, прописываете два от Тильды — ns1.tildadns.com и ns2.tildadns.com.

Изменения вступают в силу не мгновенно. DNS-сервера по всему миру обновляются постепенно, поэтому не пугайтесь, если сайт не открывается сразу — это нормально. Максимум через 24 часа все заработает.

Теперь возвращайтесь в Тильду, заходите в «Настройки»-«Домен» и вводите новый адрес. Если вы все сделали правильно, система подтвердит смену и выдаст вам ссылку на раздел управления доменом. Все основное для работы сайта движок пропишет автоматически, но при необходимости здесь вы сможете настроить почту, добавить дополнительные записи или подключить поддомены.

Ручная настройка через А-записи

Домен можно купить где угодно, хоть внутри Tilda Publishing (тогда он подключится автоматически), хоть у любого регистратора. Второй вариант часто дешевле, но придется сделать пару лишних движений руками:

• Заходите в «Настройки» – «Домен», вводите свой адрес и сохраняете.
• Система сразу же покажет вам IP-адрес, его нужно будет скопировать. Это координаты, по которым ваш домен найдет сайт в Тильде.
• Теперь идете к регистратору и находите раздел «Управление DNS-зонами» (или что-то похожее).
• Добавляете новую запись типа А. В поле с IP-адресом вставляете то значение, которое вам дала Тильда. Это все. Одна запись, и домен уже знает, где искать ваш сайт.

Как и в первом способе, изменения вступают в силу не сразу. DNS-записи обновляются до 24 часов. Поэтому если после настройки сайт не открывается — просто подождите.

Не перепутайте настройки веб-сайта и настройки страницы. Вкладка «Домен» есть только в общих настройках всего проекта.

Как быть, если вы все сделали, а сайт все равно не открывается:

• Подождите. DNS-записи обновляются не мгновенно, и это нормально. Просто дайте системе время.
• Обновите страницу, а еще лучше откройте сайт в режиме инкогнито или в другом браузере. Еще один вариант — очистить кэш браузера.
• Проверьте, опубликованы ли страницы. Опубликуйте, если что-то забыли.
• Зайдите в «Настройки» – «Домен» и убедитесь, что ваш адрес указан и сохранен. Вроде это очевидно, но именно здесь новички часто ошибаются.
• Используйте встроенную проверку Тильды. Платформа сама покажет, что не так, и подскажет, как это исправить.
• Проверьте А-записи у регистратора. Для адреса без www должна быть запись с именем @ (или пустое поле). Для адреса с www — запись с именем www. И там, и там должен быть один и тот же IP-адрес, который вы скопировали в CMS.
• Удалите АААА-запись, если она есть. Если не видите ее в панели регистратора, а проверка показывает, попросите поддержку регистратора ее удалить.
• Отключите DNSSEC. Эта функция защищает домен от подделки, но на Тильде она только мешает. Отключите ее в настройках у регистратора.
• Проверьте настройки HTTPS. Если в настройках сайта вы выбрали «Использовать HTTPS», а сертификат не настроен, сайт покажет предупреждение о небезопасности. Либо настройте сертификат, либо временно переключитесь на HTTP.

Если вы не уверены в своих силах, выбирайте делегирование. Тильда сделает все за вас, а вы не ошибетесь с IP-адресами. Если у вас уже настроена почта на домене, выбирайте А-записи и действуйте по инструкции вашего регистратора.

Тильда — это хорошо, но есть моменты, о которых стоит знать заранее

Тильду любят. Тильду ругают. И те и другие по-своему правы. Просто у этой платформы есть свои особенности. Для начала посмотрим, что сервис действительно умеет лучше многих других.

Вы не программист? Отлично

Создать сайт на Tilda вы сумеете за вечер, и даже быстрее. Всего пара часов, и у вас есть рабочий лендинг с нуля. Для небольших компаний это экономия и времени, и денег. Особенно если нужно быстро запустить рекламу и проверить гипотезу. К тому же Tilda Publishing дружит с основными CRM, почтовыми сервисами, аналитикой и платежными системами. Подключается это не через код, а через пару кликов в настройках. Встроенная CRM для работы с заявками здесь тоже есть — базовая, но рабочая.

Реально красивые шаблоны

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

Управление сайтом не сложнее текстового редактора

Процесс создания и редактирования страниц интуитивно понятен. Хотите поменять заголовок? Кликнули — изменили. Картинку? То же самое. Интерфейс интуитивно понятен, и для базовых правок вам не нужен технический специалист. Это удобно, когда вы сами ведете свой сайт.

В чем сервис сдает позиции

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

Если у вас сайт на 10-20 страничек, Тильда справится на ура. Но когда проект разрастается до сотен или тысяч страниц, управление становится проблемой. Специализированные CMS для таких задач подходят гораздо лучше.

Для небольших проектов Tilda — ОК. Для больших — уже не очень.

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

Что еще стоит знать, перед тем как начать создавать сайт на Tilda

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

На Тильде каждая страница существует самостоятельно. Они не связаны внутренней перелинковкой так, как это нужно для SEO. Поисковики видят их скорее как отдельные документы, а не как единый сайт. Это минус для продвижения. Плюс ко всему — нет автоматизации SEO. Title, Description и микроразметку придется прописывать вручную каждой странице.

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

Для небольших проектов это не проблема, но для контентных веб-сайтов может стать неудобством.

А точно ли вам нужна Tilda?

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

Если вам нужно	Тильда подходит?
Быстро создать одностраничный сайт — лендинг или визитку	Идеально
Сделать красивый блог или портфолио	Отлично
Обойтись без программистов и хостинга	Да
Интернет-магазин с сотнями товаров	Лучше CMS
Сложный проект с уникальной логикой	Не ваш вариант
Масштабироваться до тысяч страниц	Лучше не пытайтесь

Тильда — достойный инструмент для быстрого старта. Эта программа для создания сайтов не требует технических знаний, дает красивые шаблоны, прощает ошибки и не заставляет платить за хостинг. Для малого бизнеса, фрилансеров, стартапов и маркетинговых задач это отличный выбор. Но если вы строите сложную экосистему, задумываетесь о масштабировании или планируете серьезное SEO-продвижение, рано или поздно вы упретесь в потолок. И тогда придется либо мириться с ограничениями, либо переезжать на другую платформу. А переезд — почти всегда создание сайта заново.

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