Статья

Как создать сайт на Тильде

Кирилл Горовой, основатель AUREAОбновлено:

Тильда позволяет собрать рабочий сайт без разработчика — и это не маркетинговое обещание, а правда. Человек без технического опыта действительно может сделать страницу, подключить домен, принимать заявки и запуститься за пару вечеров. Мы сайты на Тильде не делаем, но инструмент уважаем: для старта, проверки идеи и первых продаж он честно работает.

Ниже — настоящая пошаговая инструкция. Не подводка и не приманка: пройдите её по порядку, и у вас будет опубликованный сайт. В конце честно скажем, где Тильда упирается, — но это в конце, а сначала дело.

Что понадобится до начала

Главный секрет, который экономит нервы: половина времени уходит не на сборку, а на подготовку. Люди открывают редактор, добавляют первый блок и застревают, потому что нечего в него положить. Соберите материалы заранее.

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

Фотографии. Свои, а не сток: продукт, процесс, команда, объекты. Одна честная фотография вашей работы убеждает сильнее пяти безупречных картинок с чужими улыбками. Заранее уменьшите их: гигантские файлы с телефона потом будут тормозить сайт.

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

Понимание, что должно произойти на сайте. Самое важное и самое пропускаемое. Человек зашёл — и что дальше? Оставил заявку, позвонил, написал в мессенджер, записался? Одна главная цель, а не пять равнозначных.

По сути, это и есть задание самому себе. Что в него стоит включить, а что лишнее, мы подробно разбирали в статье про техническое задание на сайт — она полезна, даже если исполнитель вы сами.

Регистрация и тарифы

Регистрация обычная: почта и пароль на сайте Тильды, подтверждение письма. Дальше вы попадаете в личный кабинет, где живут ваши проекты.

Бесплатный тариф. Позволяет попробовать всё вживую: создать проект, собрать страницу, посмотреть, как это выглядит. Ограничения существенные: один проект, одна страница, адрес на поддомене вида ваш-проект.tilda.ws, часть блоков и возможностей недоступна, свой домен подключить нельзя. Для «пощупать и понять, моё ли это» — отлично. Для рабочего сайта компании — нет.

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

Практический совет: начните на бесплатном. Соберите черновик, убедитесь, что редактор вам понятен, и только потом оплачивайте — к этому моменту вы уже будете понимать, какой тариф нужен.

Шаг за шагом: собираем страницу

Теперь основное — как создать сайт на Тильде практически. Порядок действий в редакторе такой.

1. Создайте проект. В личном кабинете — «Создать новый сайт». Проект — это контейнер для всех страниц, здесь же живут общие настройки: шрифты, цвета, шапка и подвал.

2. Добавьте первую страницу. Внутри проекта — «Создать страницу». Тильда предложит выбрать: готовый шаблон или пустая страница. Совет новичку: берите шаблон, близкий по смыслу, но будьте готовы выкинуть половину. Шаблон полезен как каркас и как подсказка «какие блоки вообще бывают», а не как готовый сайт.

3. Разберитесь с блоками. Страница на Тильде собирается из блоков — готовых секций: обложка, текст, галерея, отзывы, форма. Кнопка добавления блока открывает библиотеку с категориями. Выбираете нужный — он встаёт в страницу. Каждый блок настраивается двумя вещами: «Контент» (что написано и какие картинки) и «Настройки» (как выглядит: отступы, цвета, размеры). Это вся механика — дальше только повторение.

4. Соберите первый экран. Самый важный блок страницы. На нём человек за несколько секунд решает, оставаться или уйти. Здесь должно быть: понятный заголовок о сути (не слоган, а конкретика), пара слов, для кого вы и в чём разница, одно понятное действие — кнопка, и живое фото вашей работы. Замените текст шаблона полностью: «Мы — команда профессионалов» не говорит ничего.

5. Добавьте смысловые разделы. Дальше идут блоки, каждый из которых отвечает на вопрос клиента: что вы делаете (услуги или товары), почему вам можно верить (работы, отзывы, факты о вас), сколько стоит (цены или хотя бы порядок), кто вы (коротко о компании), как связаться. Порядок именно такой — по ходу мыслей человека, а не по красоте.

6. Вставьте форму. В библиотеке есть блоки с формами. Достаточно двух-трёх полей: имя, телефон или почта, комментарий. Чем меньше полей, тем чаще их заполняют. Не забудьте про согласие на обработку персональных данных — для формы на сайте это обязательно, и в Тильде для этого есть готовая настройка.

7. Настройте приём заявок. Самый пропускаемый шаг: форма стоит, а заявки уходят в никуда. В настройках проекта есть раздел с сервисами приёма данных — подключите почту, Telegram или таблицу. Обязательно отправьте тестовую заявку и убедитесь, что она дошла. Сломанная форма — самая дорогая ошибка на сайте.

8. Проверьте мобильную версию. В редакторе есть переключатель устройств. Пройдите всю страницу на телефоне: не наезжает ли текст, читаются ли заголовки, нажимаются ли кнопки, не разъехались ли отступы. Большинство ваших посетителей придут именно с телефона, а блоки, красивые на широком экране, на узком часто требуют правки отступов и размеров шрифта.

Домен и публикация

Публикация — кнопка «Опубликовать» в редакторе. После неё страница становится доступна в интернете по адресу вашего проекта.

Пока домен не подключён, адрес выглядит как ваш-проект.tilda.ws. Технически он рабочий, но у него три проблемы: его неудобно диктовать по телефону, он читается как черновик, и он привязан к платформе — уйдёте с Тильды, и адрес останется там.

Свой домен покупается у любого регистратора и стоит недорого — порядок нескольких сотен рублей в год для зоны .ru. Дальше в настройках проекта Тильда подскажет, какие записи прописать у регистратора; обычно это пара полей, а изменения расходятся по интернету за несколько часов. Важно: регистрируйте домен на себя, а не на исполнителя или знакомого — это ваш актив.

Из чего складываются такие регулярные расходы и на чём здесь не стоит экономить, мы разбирали в статье сколько стоит содержать сайт.

Что настроить после запуска

Сайт опубликован — остались вещи, без которых он работает вслепую.

Заголовок и описание каждой страницы. В настройках страницы есть поля для title и description. Это то, что видит человек в поисковой выдаче. Оставите пустыми или шаблонными — потеряете часть переходов.

Аналитика. Подключите Яндекс.Метрику: без неё вы не знаете, сколько людей заходит, откуда и что делают. Счётчик добавляется в настройки проекта одним полем.

Цели. В Метрике настройте цель на отправку формы. Тогда вы будете видеть не просто посещения, а заявки — и сможете понять, какой канал их приносит.

Проверка индексации. Добавьте сайт в Яндекс.Вебмастер и Google Search Console и отправьте на обход. Так поисковики узнают о вас быстрее.

Частые ошибки новичков

Список того, что чаще всего портит первые сайты.

Слишком много блоков. Соблазн добавить всё подряд велик, а результат — длинная страница, которую никто не дочитывает. Каждый блок должен отвечать на вопрос клиента; не отвечает — удаляйте.

Текст из шаблона остался как есть. «Наша компания предлагает качественные решения» — фраза из демо-контента, которая подходит кому угодно. Такие абзацы выдают шаблон мгновенно.

Нет одного понятного действия. Пять кнопок с разными задачами равны нулю кнопок: человек не выбирает, он уходит.

Не проверили на телефоне. Классика: на компьютере красиво, на смартфоне заголовок наезжает на фото.

Нет контактов. Телефон, почта, мессенджер, адрес, если он есть, — на видном месте, а не только в форме внизу.

Тяжёлые фотографии. Снимки прямо с телефона по несколько мегабайт — главная причина медленных страниц на конструкторах. Уменьшайте перед загрузкой.

Где Тильда упирается

Теперь честно про границы — без хейта, потому что инструмент хороший, просто у любого инструмента есть потолок.

Скорость на тяжёлых страницах. Чтобы один редактор собирал любые сайты, платформа подгружает много общего кода. На простой странице это незаметно, на длинной с галереями и анимациями — заметно.

Ограничения дизайна. Блоки настраиваются, но в заданных рамках. Задумка, которая не ложится в существующий блок, либо упрощается, либо собирается костылями.

Сложные интеграции. Типовые подключаются штатно, нестандартная логика — уже как получится.

Абонплата навсегда. Пока платите — сайт работает. Перестали — сайт выключается. За несколько лет сумма набегает заметная; как это выглядит в сравнении с собственным сайтом, видно в наших ценах и в расчёте на длинную дистанцию.

Похожесть. Блоки одинаковые у всех, и глаз это считывает, даже если человек не понимает почему.

Скажем прямо: для старта и проверки идеи всего этого хватает с запасом. Когда именно конструктора перестаёт хватать и стоит ли вообще уходить — отдельный разбор: сайт на Тильде: когда её достаточно и когда пора уходить. А если решение уже принято, есть инструкция, как перенести сайт с Тильды и не потерять позиции.

Что можно сделать иначе

Коротко про альтернативу, без уговоров.

Главная причина, по которой люди остаются на конструкторе даже переросшими, — страх потерять управляемость: «на своём коде я не смогу поменять текст сам». Это устаревшее представление. Мы делаем сайты с админкой, где редактируется каждый блок и каждый заголовок: меняете тексты, фото, цены и разделы сами, без разработчика и без абонентской платы за право это делать. То есть та же управляемость, что в Тильде, — но без потолка по скорости, без рамок готовых блоков и без подписки, которая идёт годами. Что и в каких форматах мы делаем — на страницах услуг.

Это не «лучше для всех». Если сайт нужен завтра, бюджета нет и идея ещё проверяется — конструктор объективно разумнее.

Главное

Тильда — нормальный способ начать, и стыдиться тут нечего: множество рабочих бизнесов выросли из первой страницы на конструкторе. Инструкция выше даёт всё, что нужно, чтобы собрать и запустить такой сайт самому.

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

Коротко: частые вопросы

Можно ли сделать сайт на Тильде бесплатно?

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

Сколько времени занимает сборка сайта на Тильде?

Сама сборка простой страницы — вечер-другой, если материалы готовы. Основное время съедает подготовка: тексты, фотографии и понимание, что человек должен сделать на сайте. У большинства новичков на подготовку уходит больше, чем на работу в редакторе.

Нужен ли свой домен?

Для рабочего сайта — да. Адрес вида проект.tilda.ws читается как черновик, его неудобно диктовать и он остаётся привязан к платформе. Свой домен стоит недорого, оформляется на вас и остаётся с вами, даже если вы уйдёте с Тильды.

Можно ли продвигать сайт на Тильде в поиске?

Да. Тильда отдаёт нормальный HTML, позволяет задать заголовок и описание каждой страницы, подключить счётчики и карту сайта. Поисковики такие сайты индексируют и ранжируют. Ограничения начинаются на скорости тяжёлых страниц и на глубокой технической оптимизации.

Что делать, когда Тильды перестаёт хватать?

Обычно это заметно по симптомам: страница тормозит, нужного блока нет и его нечем заменить, интеграция не подключается, а абонплата идёт годами. Тогда сайт переносят на собственный код — с сохранением адресов страниц и позиций в поиске. Это отдельная задача, и делать её лучше аккуратно, а не в спешке.

Остались вопросы?

Если что-то из статьи касается вашего случая — напишите

Разберём вашу ситуацию конкретно: подскажем, что подойдёт именно вам. Спокойно и без обязательств — ответим по делу, даже если работать вместе вы пока не решили.