Как маркетологу создать сайт или лендинг на Тильде: полный гайд

Что подготовить перед созданием сайта: разработка архитектуры и прототипа

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

Шаг 1. Определите цель посадочной страницы. Например, нужно разработать лендинг для онлайн-школы. Цель — получить заявки от потенциальных клиентов, которые хотят освоить новую профессию. Информация на сайте должна помочь им принять решение и мотивировать на обучение.

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

Шаг 3. Продумайте структуру. Она будет зависеть от цели страницы и особенностей целевой аудитории. Так, в примере с онлайн-школой можно разместить такие блоки:

• Кому подходит обучение
• Какие есть направления
• Что входит в обучение
• Какой результат человек получит на выходе
• Какие есть тарифы
• Как связаться с менеджерами и оставить заявку

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

Шаг 4. Разработайте прототип. Это визуальное изображение блоков, из которых состоит сайт. На нём отображают, где будут располагаться кнопки, текст и изображения, а также как пользователь перемещается между разделами. Необязательно делать его детальным: прототип даёт общее представление о логике работы страницы.

Шаг 5. Продумайте контент. На этом этапе нужно написать текст для каждого блока, полезные статьи, кейсы и другие материалы, которые вы планируете разместить на сайте. Кроме того, подготовьте изображения, видео, аудиофайлы.

Как начать работу с Tilda: регистрация и выбор тарифа

Когда у вас готовы контент и прототип, следующий шаг — создание сайта. Сначала нужно пройти регистрацию:

Создайте аккаунт. Перейдите на сайт https://tilda.cc/ru/ и нажмите кнопку «Регистрация» в верхнем правом углу. Система попросит ввести имя, электронную почту и придумать пароль. После этого на ваш email придёт письмо для подтверждения регистрации — следуйте инструкции, которую в нём найдёте.

Как сделать сайт через конструктор Тильды: пошаговый алгоритм

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

Шаг 1. Выберите базовые настройки

На главной странице перейдите во вкладку «Мои сайты» и нажмите «Настройки сайта». В появившемся окне введите название будущей посадочной страницы, её описание, а также придумайте субдомен — часть домена, которая позволяет создать отдельный адрес внутри основного сайта. Например, для example.ru субдомен для блога может быть blog.example.ru.

На первом этапе этих параметров будет достаточно. В конце нажмите «Сохранить изменения».

Шаг 2. Оформите страницы

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

Когда вы всё отредактируете, нажмите «Сохранить изменения». Затем выберите «Опубликовать» в правом верхнем углу.

Шаг 3. Создайте меню

Если вы собираете многостраничник или хотите дополнительную навигацию на лендинге, добавьте меню. Это можно реализовать на этапе, когда вы редактируете страницу. Добавьте блок через «+», чтобы оказаться в библиотеке шаблонов. Выберите «Меню», а затем подходящее оформление.

Если вы хотите сделать сайт одежды или других товаров, дополнительно нужно оформить витрину, загрузить ассортимент, а также подключить оплату и доставку. Подробнее об этом вы узнаете в бесплатном уроке от Яндекс Рекламы «Создание интернет-магазина на Tilda».

Шаг 4. Продумайте дизайн

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

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

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

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

Подберите фирменные шрифты. Можно применять те, которые предлагает Tilda, или загрузить свои. Главное — использовать не более двух-трёх разных вариантов. Так всё будет выглядеть аккуратно, а человек легче воспримет информацию.

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

Шаг 5. Настройте SEO-параметры для поискового продвижения

Также вы можете установить параметры для SEO-продвижения. Вот какие настройки есть в Тильде:

Метатеги. Чтобы настроить их, перейдите в «Мои сайты» → выберите нужный сайт → нажмите на одну из страниц → раздел «Настройки» в правом верхнем углу. Затем кликните по SEO. Там пропишите title в строчке «Заголовок», а description — в «Описании». Также можно добавить ключевые слова, которые соответствуют запросам пользователей и контенту страницы. Они будут выводиться в метатег keywords. Подобрать слова можно с помощью сервиса Яндекс Вордстат.

URL-адрес. Желательно, чтобы он был легко читаемым, понятным и отражал содержание. По умолчанию адрес задаётся автоматически. Скорректировать его можно через «Настройки» → «Главная» → «Адрес страницы».

Чтобы настроить другие SEO-параметры, перейдите в «Мои сайты» → выберите свой сайт → «Настройки сайта» → SEO. Вот какие возможности даёт эта вкладка:

• Добавить фавикон — иконку для браузера, которая будет отображаться перед названием во вкладках и других элементах интерфейса
• Настроить переадресацию с http на https или на адрес www с сайта без www — чтобы поисковый робот не воспринимал одну страницу за две с одинаковым содержанием и в индексировании участвовал только один вариант
• Сделать переадресацию со старых ссылок на новые с кодом 301
• Создать страницу ошибки 404
• Запретить индексацию сайта, если он находится на доработке
• Найти битые ссылки

Кроме того, сайт можно подключить к Яндекс Вебмастеру. Его инструменты помогают понять, как пользователи видят веб-ресурс в Поиске. Сервис отслеживает и анализирует индексацию, следит за технической составляющей, а также позициями в поисковой системе.

Чтобы подключить Вебмастер, перейдите в раздел «Настройка сайтов» → SEO → «Яндекс Вебмастер» → «Редактировать» → «Подключить».

Шаг 6. Подключите собственный домен

Если вы используете бесплатный тариф, адрес будет содержать домен tilda.ws. Поменять его можно только с платной подпиской Personal или Business. Вот как это сделать:

1. Купите домен. Для этого перейдите на веб-ресурс одного из регистраторов доменов. Второй вариант — приобрести его через Тильду. Для этого нажмите на ссылку https://tilda.cc/domains/ и следуйте инструкциям.
2. Укажите домен в настройках. Откройте «Настройки сайта» → «Домен» и введите данные.
3. Добавьте запись для домена у регистратора. В зоне управления DNS добавьте запись A и пропишите для неё значение IP-адреса. Эту информацию подскажет Тильда на предыдущем шаге.

Подробнее о том, как подключить домен конкретного регистратора, читайте в гайде Tilda.

Какие дополнительные возможности есть в Tilda

В Тильде есть и другие функции, которые будут полезны маркетологу. Вот некоторые из них:

Оформление писем для email-рассылки. На платформе есть конструктор писем. Можно собрать рассылку и экспортировать код в другие сервисы.

Создание дизайна с нуля. Подходит для тех, кто разбирается в вёрстке. С этой функцией получится самостоятельно разрабатывать дизайн. Для этого выберите Zero Block.

Интеграция с другими сервисами. Можно подключить CRM-систему, сервисы для email-рассылок и приёма платежей, мессенджеры.

Генерация блоков с помощью AI. Новая функция помогает быстро сгенерировать лендинг. Достаточно описать тематику, нишу компании и её преимущества.

Аналитика. Чтобы отслеживать статистику, можно подключить Яндекс Метрику. Для этого перейдите в «Настройки сайта» → «Аналитика» → «Яндекс Метрика». Укажите номер счётчика и сохраните настройки.

Как настроить рекламу в Яндекс Директе для лендинга на Tilda

Алгоритм запуска рекламной кампании через Яндекс Директ будет тем же, что и с обычным сайтом. Важно перед этим сделать несколько подготовительных шагов:

1. Настроить SEO-параметры: прописать метатеги, подключить HTTPS и т. д.
2. Добавить формы для заявки и подписки, чтобы собирать целевые действия
3. Подключить аналитику — например, Яндекс Метрику
4. Опубликовать все страницы

Далее можно приступить к настройке кампании. Подробнее о том, как запустить рекламу, читайте в статье «Создаём рекламную кампанию».

Резюме

1. Tilda — это блочный конструктор, через который можно сделать сайт с минимальным опытом разработки или без него.
2. Основные плюсы — удобный интерфейс, большая библиотека шаблонов, возможность подключить аналитику и настроить SEO.
3. Перед созданием посадочной страницы определите её цель, проанализируйте конкурентов, продумайте структуру и контент, разработайте прототип.
4. Чтобы создать лендинг или многостраничник на Тильде, настройте базовые параметры, оформите страницы и меню, продумайте дизайн, укажите SEO-параметры и подключите аналитику.
5. После публикации веб-ресурса можно запустить его продвижение через Яндекс Директ — алгоритм тот же, что и при запуске любой рекламной кампании.

Дополнительные материалы: