Статья
Как создать сайт на Тильде
Обновлено:
Тильда позволяет собрать рабочий сайт без разработчика — и это не маркетинговое обещание, а правда. Человек без технического опыта действительно может сделать страницу, подключить домен, принимать заявки и запуститься за пару вечеров. Мы сайты на Тильде не делаем, но инструмент уважаем: для старта, проверки идеи и первых продаж он честно работает.
Ниже — настоящая пошаговая инструкция. Не подводка и не приманка: пройдите её по порядку, и у вас будет опубликованный сайт. В конце честно скажем, где Тильда упирается, — но это в конце, а сначала дело.
Что понадобится до начала
Главный секрет, который экономит нервы: половина времени уходит не на сборку, а на подготовку. Люди открывают редактор, добавляют первый блок и застревают, потому что нечего в него положить. Соберите материалы заранее.
Тексты или хотя бы тезисы. Что вы делаете, для кого, чем отличаетесь, сколько стоит, как проходит работа. Писать красиво не обязательно — важно, чтобы были факты. Приглаживать формулировки будете уже на странице.
Фотографии. Свои, а не сток: продукт, процесс, команда, объекты. Одна честная фотография вашей работы убеждает сильнее пяти безупречных картинок с чужими улыбками. Заранее уменьшите их: гигантские файлы с телефона потом будут тормозить сайт.
Логотип, если есть. Не критично для старта, но с ним страница выглядит собраннее. Подойдёт даже аккуратно набранное название.
Понимание, что должно произойти на сайте. Самое важное и самое пропускаемое. Человек зашёл — и что дальше? Оставил заявку, позвонил, написал в мессенджер, записался? Одна главная цель, а не пять равнозначных.
По сути, это и есть задание самому себе. Что в него стоит включить, а что лишнее, мы подробно разбирали в статье про техническое задание на сайт — она полезна, даже если исполнитель вы сами.
Регистрация и тарифы
Регистрация обычная: почта и пароль на сайте Тильды, подтверждение письма. Дальше вы попадаете в личный кабинет, где живут ваши проекты.
Бесплатный тариф. Позволяет попробовать всё вживую: создать проект, собрать
страницу, посмотреть, как это выглядит. Ограничения существенные: один проект,
одна страница, адрес на поддомене вида ваш-проект.tilda.ws, часть блоков и
возможностей недоступна, свой домен подключить нельзя. Для «пощупать и понять,
моё ли это» — отлично. Для рабочего сайта компании — нет.
Платные тарифы. Открывают полноценный набор: много страниц, свой домен, все блоки, формы с интеграциями, у старших — экспорт кода и дополнительные возможности. По порядку сумм это подписка масштаба «недорого в месяц, ощутимо в год», причём платить нужно постоянно, пока сайт живёт. Точные цифры называть не буду: тарифы меняются, и врать в статье не хочется — актуальные смотрите на сайте Тильды, там всё открыто.
Практический совет: начните на бесплатном. Соберите черновик, убедитесь, что редактор вам понятен, и только потом оплачивайте — к этому моменту вы уже будете понимать, какой тариф нужен.
Шаг за шагом: собираем страницу
Теперь основное — как создать сайт на Тильде практически. Порядок действий в редакторе такой.
1. Создайте проект. В личном кабинете — «Создать новый сайт». Проект — это контейнер для всех страниц, здесь же живут общие настройки: шрифты, цвета, шапка и подвал.
2. Добавьте первую страницу. Внутри проекта — «Создать страницу». Тильда предложит выбрать: готовый шаблон или пустая страница. Совет новичку: берите шаблон, близкий по смыслу, но будьте готовы выкинуть половину. Шаблон полезен как каркас и как подсказка «какие блоки вообще бывают», а не как готовый сайт.
3. Разберитесь с блоками. Страница на Тильде собирается из блоков — готовых секций: обложка, текст, галерея, отзывы, форма. Кнопка добавления блока открывает библиотеку с категориями. Выбираете нужный — он встаёт в страницу. Каждый блок настраивается двумя вещами: «Контент» (что написано и какие картинки) и «Настройки» (как выглядит: отступы, цвета, размеры). Это вся механика — дальше только повторение.
4. Соберите первый экран. Самый важный блок страницы. На нём человек за несколько секунд решает, оставаться или уйти. Здесь должно быть: понятный заголовок о сути (не слоган, а конкретика), пара слов, для кого вы и в чём разница, одно понятное действие — кнопка, и живое фото вашей работы. Замените текст шаблона полностью: «Мы — команда профессионалов» не говорит ничего.
5. Добавьте смысловые разделы. Дальше идут блоки, каждый из которых отвечает на вопрос клиента: что вы делаете (услуги или товары), почему вам можно верить (работы, отзывы, факты о вас), сколько стоит (цены или хотя бы порядок), кто вы (коротко о компании), как связаться. Порядок именно такой — по ходу мыслей человека, а не по красоте.
6. Вставьте форму. В библиотеке есть блоки с формами. Достаточно двух-трёх полей: имя, телефон или почта, комментарий. Чем меньше полей, тем чаще их заполняют. Не забудьте про согласие на обработку персональных данных — для формы на сайте это обязательно, и в Тильде для этого есть готовая настройка.
7. Настройте приём заявок. Самый пропускаемый шаг: форма стоит, а заявки уходят в никуда. В настройках проекта есть раздел с сервисами приёма данных — подключите почту, Telegram или таблицу. Обязательно отправьте тестовую заявку и убедитесь, что она дошла. Сломанная форма — самая дорогая ошибка на сайте.
8. Проверьте мобильную версию. В редакторе есть переключатель устройств. Пройдите всю страницу на телефоне: не наезжает ли текст, читаются ли заголовки, нажимаются ли кнопки, не разъехались ли отступы. Большинство ваших посетителей придут именно с телефона, а блоки, красивые на широком экране, на узком часто требуют правки отступов и размеров шрифта.
Домен и публикация
Публикация — кнопка «Опубликовать» в редакторе. После неё страница становится доступна в интернете по адресу вашего проекта.
Пока домен не подключён, адрес выглядит как ваш-проект.tilda.ws. Технически он
рабочий, но у него три проблемы: его неудобно диктовать по телефону, он читается
как черновик, и он привязан к платформе — уйдёте с Тильды, и адрес останется там.
Свой домен покупается у любого регистратора и стоит недорого — порядок нескольких сотен рублей в год для зоны .ru. Дальше в настройках проекта Тильда подскажет, какие записи прописать у регистратора; обычно это пара полей, а изменения расходятся по интернету за несколько часов. Важно: регистрируйте домен на себя, а не на исполнителя или знакомого — это ваш актив.
Из чего складываются такие регулярные расходы и на чём здесь не стоит экономить, мы разбирали в статье сколько стоит содержать сайт.
Что настроить после запуска
Сайт опубликован — остались вещи, без которых он работает вслепую.
Заголовок и описание каждой страницы. В настройках страницы есть поля для title и description. Это то, что видит человек в поисковой выдаче. Оставите пустыми или шаблонными — потеряете часть переходов.
Аналитика. Подключите Яндекс.Метрику: без неё вы не знаете, сколько людей заходит, откуда и что делают. Счётчик добавляется в настройки проекта одним полем.
Цели. В Метрике настройте цель на отправку формы. Тогда вы будете видеть не просто посещения, а заявки — и сможете понять, какой канал их приносит.
Проверка индексации. Добавьте сайт в Яндекс.Вебмастер и Google Search Console и отправьте на обход. Так поисковики узнают о вас быстрее.
Частые ошибки новичков
Список того, что чаще всего портит первые сайты.
Слишком много блоков. Соблазн добавить всё подряд велик, а результат — длинная страница, которую никто не дочитывает. Каждый блок должен отвечать на вопрос клиента; не отвечает — удаляйте.
Текст из шаблона остался как есть. «Наша компания предлагает качественные решения» — фраза из демо-контента, которая подходит кому угодно. Такие абзацы выдают шаблон мгновенно.
Нет одного понятного действия. Пять кнопок с разными задачами равны нулю кнопок: человек не выбирает, он уходит.
Не проверили на телефоне. Классика: на компьютере красиво, на смартфоне заголовок наезжает на фото.
Нет контактов. Телефон, почта, мессенджер, адрес, если он есть, — на видном месте, а не только в форме внизу.
Тяжёлые фотографии. Снимки прямо с телефона по несколько мегабайт — главная причина медленных страниц на конструкторах. Уменьшайте перед загрузкой.
Где Тильда упирается
Теперь честно про границы — без хейта, потому что инструмент хороший, просто у любого инструмента есть потолок.
Скорость на тяжёлых страницах. Чтобы один редактор собирал любые сайты, платформа подгружает много общего кода. На простой странице это незаметно, на длинной с галереями и анимациями — заметно.
Ограничения дизайна. Блоки настраиваются, но в заданных рамках. Задумка, которая не ложится в существующий блок, либо упрощается, либо собирается костылями.
Сложные интеграции. Типовые подключаются штатно, нестандартная логика — уже как получится.
Абонплата навсегда. Пока платите — сайт работает. Перестали — сайт выключается. За несколько лет сумма набегает заметная; как это выглядит в сравнении с собственным сайтом, видно в наших ценах и в расчёте на длинную дистанцию.
Похожесть. Блоки одинаковые у всех, и глаз это считывает, даже если человек не понимает почему.
Скажем прямо: для старта и проверки идеи всего этого хватает с запасом. Когда именно конструктора перестаёт хватать и стоит ли вообще уходить — отдельный разбор: сайт на Тильде: когда её достаточно и когда пора уходить. А если решение уже принято, есть инструкция, как перенести сайт с Тильды и не потерять позиции.
Что можно сделать иначе
Коротко про альтернативу, без уговоров.
Главная причина, по которой люди остаются на конструкторе даже переросшими, — страх потерять управляемость: «на своём коде я не смогу поменять текст сам». Это устаревшее представление. Мы делаем сайты с админкой, где редактируется каждый блок и каждый заголовок: меняете тексты, фото, цены и разделы сами, без разработчика и без абонентской платы за право это делать. То есть та же управляемость, что в Тильде, — но без потолка по скорости, без рамок готовых блоков и без подписки, которая идёт годами. Что и в каких форматах мы делаем — на страницах услуг.
Это не «лучше для всех». Если сайт нужен завтра, бюджета нет и идея ещё проверяется — конструктор объективно разумнее.
Главное
Тильда — нормальный способ начать, и стыдиться тут нечего: множество рабочих бизнесов выросли из первой страницы на конструкторе. Инструкция выше даёт всё, что нужно, чтобы собрать и запустить такой сайт самому.
Вопрос не в том, хороша Тильда или плоха. Вопрос в том, на каком этапе она перестанет хватать — и заметите ли вы этот момент вовремя. Пока сайт приносит заявки и не мешает расти, менять ничего не нужно.