Собираем сайт на Тильде: пошаговая инструкция

Расскажем и покажем, как собрать сайт на Тильде: оформить прототип в гугл-доке, согласовать его с шаблоном и загрузить контент. Если вам нужен простой сайт на шаблоне — читайте статью и повторяйте за нами.

Мы сделаем простой лендинг агентства клининга «Чистый дом» на бесплатном тарифе Тильды. На всякий случай предупреждаем: все названия и имена на учебном сайте — вымысел.

Решите, сколько на сайте будет страниц и какие элементы. Наш сайт пока будет одностраничным. Потом можно прикрутить другие страницы — например, с сертификатами, благодарственными письмами или кейсами компании. На главной странице мы хотим такие блоки: главный экран, услуги, преимущества, отзывы и контакты.

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

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

Используйте шаблон как подсказку: смотрите на количество текста и столбцов в блоках. Например, в нашем шаблоне блок «Услуги» оформлен в три столбца, а преимущества — в шесть столбцов. Мы повторим эти решения в прототипе.

Чтобы сайт выглядел опрятно:

Отложите прототип на пару часов, а лучше на день. В агентстве контента на текст смотрят минимум три человека: автор, редактор и корректор. Когда пишете сами, дайте контенту отлежаться — это поможет посмотреть на него свежим взглядом, увидеть ошибки и стилистические неточности.

Вот на что нужно обратить внимание.

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

У нас на первом экране есть оценка: «Сделаем ваше пространство безупречным». Мы решили ее оставить, потому что мы ее объясняем. Весь лендинг — рассказ о том, как мы будем добиваться этой «безупречности».

Профессиональные термины. Текст должен быть понятен целевой аудитории. В нем не должно быть оборотов и терминов, которые понятны только профессионалам. Если объясняете термины, добавляйте подробности, которые заинтересуют потенциального клиента.

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

Ошибки. Текстовый редактор Тильды подчеркивает явные орфографические ошибки пунктиром, но знаки препинания не проверяет. Чтобы не пропустить ошибки, перед сборкой сайта проверьте текст в онлайн-сервисе, например text.ru.

Верстка. Чтобы сайт выглядел опрятно, удалите двойные пробелы и пробелы в начале строк. После предлогов и союзов поставьте неразрывный пробел, чтобы они не повисали в конце строки.

Чтобы зайти на Тильду, нужно открыть страницу регистрации, написать имя, электронную почту и придумать пароль. На бесплатном тарифе вы сможете сделать один сайт до 50 МБ на домене tilda.ws. Подключить свой домен, редактировать СЕО-ядро и использовать инструменты аналитики можно только на платном тарифе.

Установите шаблон на сайт. Кликните на «Редактировать сайт» → «Создать новую страницу» → «Выбрать шаблон».

Перенесите тексты из прототипа. Шаблон Тильды устанавливается на сайт вместе с демонстрационным контентом: текстовыми подсказками и стоковыми картинками. В процессе можно заменять элементы, смотреть на пропорции и общий вид сайта.

Кликните на нужный элемент и замените текст — всё как в стандартном текстовом редакторе. Посмотрите, как мы переносим прототип страницы на сайт.

Загрузите иллюстрации. Кликните на изображение и в открывшееся поле загрузите файл. Обратите внимание на соотношение сторон вашего изображения. У нас в блоке с услугами квадратные картинки, а в блоке о компании — фоновое изображение. Чтобы узнать, какого размера нужен фон, нажмем в блоке на кнопку «контент».

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

Опубликуйте сайт. Кликните на кнопку «Опубликовать» в панели управления Тильды, перейдите по ссылке и оцените результат.

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