Создать страницу на Tilda технически несложно. Можно зарегистрироваться, выбрать шаблон, заменить текст и изображения, а затем нажать кнопку публикации.
Но опубликованная страница ещё не означает, что у бизнеса появился работающий сайт.
Чтобы сайт помогал привлекать клиентов, до открытия конструктора нужно определить его задачу, изучить аудиторию, собрать структуру и подготовить содержание. После сборки необходимо подключить домен, формы, аналитику, настроить SEO и проверить мобильную версию.
В этом руководстве разберём весь процесс: от идеи до публикации и дальнейшего продвижения.
Что можно создать на Tilda
Tilda подходит для разных видов веб-проектов:
- лендингов;
- многостраничных сайтов;
- корпоративных сайтов;
- портфолио;
- сайтов мероприятий;
- блогов;
- небольших интернет-магазинов;
- страниц для отдельных услуг;
- презентаций продукта;
- специальных проектов.
Выбирать платформу нужно после определения требований. Если проекту необходима сложная нестандартная логика, большое количество связанных данных или специальные серверные функции, возможностей конструктора может быть недостаточно.
Для сайта услуг, презентационного проекта, корпоративного сайта или небольшого магазина Tilda часто позволяет запустить проект без отдельной разработки системы управления.
Чем сайт отличается от набора красивых блоков
Посетитель приходит на сайт не ради анимации и необычных переходов. Ему нужно решить задачу:
- найти услугу;
- сравнить варианты;
- узнать стоимость;
- проверить компанию;
- посмотреть примеры;
- получить ответ;
- записаться;
- оформить заказ;
- связаться с исполнителем.
Поэтому работа начинается не с цвета кнопки и не с выбора шаблона. Сначала нужно понять, зачем человеку сайт и какое действие он должен на нём выполнить.
Если пропустить этот этап, можно потратить много времени на оформление страницы, которая не отвечает на вопросы клиента.
Шаг 1. Определите задачу сайта
Сформулируйте, какую роль сайт будет выполнять в бизнесе.
Например:
- собирать заявки на одну услугу;
- представлять компанию и направления работы;
- привлекать посетителей из поиска;
- принимать заказы;
- показывать товары;
- подтверждать опыт компании;
- знакомить аудиторию с проектом;
- переводить пользователей из социальных сетей в заявку.
У одного сайта может быть несколько функций, но основная задача должна оставаться понятной.
Например, корпоративный сайт может одновременно рассказывать о компании, показывать услуги, содержать статьи и собирать обращения. Однако все разделы должны помогать человеку выбрать решение и связаться с компанией.
Определите основное действие
Решите, какое действие должен совершить посетитель:
- оставить заявку;
- заказать расчёт;
- позвонить;
- выбрать товар;
- записаться;
- получить консультацию;
- скачать материал;
- перейти в мессенджер.
Это действие повлияет на структуру страниц, содержание кнопок, форму и настройку аналитики.
Шаг 2. Изучите целевую аудиторию
Нельзя подготовить убедительный сайт, если неизвестно, кто будет им пользоваться.
Нужно выяснить:
- кто обычно покупает продукт;
- какую задачу хочет решить человек;
- что влияет на выбор;
- какие вопросы возникают перед обращением;
- какие сомнения мешают принять решение;
- с какими альтернативами сравнивают предложение;
- по каким запросам ищут услугу;
- какой информации не хватает на сайтах конкурентов.
Источниками могут быть обращения клиентов, записи разговоров, переписка, отзывы, поисковые запросы, комментарии менеджеров и вопросы в формах.
Формальное описание вроде «мужчины и женщины от 25 до 45 лет» почти не помогает создать сайт. Гораздо важнее понимать ситуацию человека.
Например:
Владелец компании уже запускал рекламу, но получил много нецелевых обращений. Теперь он хочет заранее понять спрос, стоимость клиента и подходящие каналы продвижения.
Из такого описания становится ясно, что на странице необходимо раскрыть анализ спроса, порядок расчёта бюджета, примеры работ и принципы оценки результата.
Шаг 3. Проанализируйте конкурентов
Анализ конкурентов нужен не для копирования чужих сайтов. Он помогает понять, с какими предложениями будет сравнивать вас клиент.
При анализе посмотрите:
- какие компании находятся в поисковой выдаче;
- какие услуги они предлагают;
- как формулируют преимущества;
- какие страницы создали;
- показывают ли цены;
- как подтверждают опыт;
- какие вопросы раскрывают;
- насколько удобно пользоваться сайтами с телефона;
- какие призывы используют;
- чего не хватает в их подаче.
Если все конкуренты пишут «качество», «надёжность» и «индивидуальный подход», повторение этих фраз не поможет выделиться.
Лучше найти конкретные особенности продукта, которые можно подтвердить: состав работ, формат взаимодействия, специализацию, опыт, документы, условия или понятный процесс.
Важно не превращать анализ в соревнование по количеству блоков. У конкурента может быть большая страница, которая не помогает пользователю принять решение.
Шаг 4. Выберите тип сайта
После анализа становится понятнее, сколько страниц понадобится.
Лендинг
Лендинг подходит, когда необходимо представить одно предложение и привести посетителя к одному основному действию.
Например:
- одна услуга;
- отдельное мероприятие;
- запуск нового продукта;
- рекламное предложение;
- сбор регистраций;
- тестирование спроса.
Подробно этот формат разобран в статье «Создание лендингов на Tilda».
Многостраничный сайт
Многостраничный формат нужен, если у компании несколько услуг, направлений или типов аудитории.
Отдельные страницы позволяют:
- раскрыть каждую услугу;
- создать понятную навигацию;
- продвигать разные запросы;
- размещать кейсы;
- вести блог;
- отвечать на вопросы;
- развивать сайт без перегрузки главной страницы.
Интернет-магазин
Интернет-магазину понадобятся каталог, карточки товаров, корзина, способы оплаты, доставка, условия возврата и обязательная информация о продавце.
Перед созданием магазина нужно определить количество товаров, структуру категорий, варианты оплаты и доставки, способ обновления остатков и порядок обработки заказов.
Корпоративный сайт
Корпоративный сайт обычно включает главную страницу, услуги, информацию о компании, кейсы, контакты и дополнительные материалы.
Его задача — не только представить бизнес, но и помочь потенциальному клиенту проверить компанию и выбрать подходящее направление.
Шаг 5. Составьте карту сайта
До создания страниц зафиксируйте структуру проекта.
Для сайта услуг она может выглядеть так:
- Главная.
- Услуги.
- Отдельные страницы услуг.
- Кейсы.
- О компании.
- Блог.
- Контакты.
- Политика конфиденциальности.
Для каждой страницы определите:
- кому она предназначена;
- на какой вопрос отвечает;
- какое действие предлагает;
- откуда на неё будут приходить посетители;
- на какие другие страницы она будет вести.
Не размещайте всё на главной
Главная страница должна помогать понять компанию и выбрать направление. Ей необязательно подробно раскрывать каждую услугу.
Если у бизнеса пять направлений, лучше сделать пять отдельных страниц и дать на них ссылки с главной. Это будет удобнее для посетителя и позволит развивать поисковое продвижение.
Не создавайте страницы с одинаковым смыслом
Страницы «создание сайта», «разработка сайта», «заказать сайт» и «сайт под ключ» могут конкурировать друг с другом, если отвечают на один и тот же запрос.
Разделять страницы стоит тогда, когда отличаются продукты или намерения пользователей. Например, создание лендинга и разработка интернет-магазина решают разные задачи и требуют разного содержания.
Шаг 6. Подготовьте структуру каждой страницы
После карты сайта составьте последовательность блоков.
Для страницы услуги можно использовать такой каркас:
- Понятное предложение.
- Для кого предназначена услуга.
- Какие задачи она решает.
- Что входит в работу.
- Как проходит процесс.
- Примеры и кейсы.
- Стоимость или порядок расчёта.
- Ответы на вопросы.
- Контакты или форма заявки.
Структура зависит от продукта. Необязательно использовать каждый блок и сохранять один порядок на всех страницах.
Главный принцип: информация должна появляться тогда, когда она нужна человеку для следующего шага.
Шаг 7. Соберите материалы
До начала дизайна подготовьте содержание.
Понадобятся:
- описание компании;
- перечень услуг;
- характеристики продукта;
- реальные преимущества;
- фотографии;
- логотип;
- фирменные цвета;
- данные о сотрудниках;
- документы;
- отзывы;
- кейсы;
- контакты;
- реквизиты;
- условия оплаты и доставки;
- ответы на вопросы.
Если контента нет, дизайн приходится строить на временных фразах и случайных изображениях. После замены текста блоки меняются по высоте, композиция ломается, а часть страницы приходится собирать заново.
Официальное руководство Tilda также рекомендует подготовить структуру и содержание до активной сборки страниц. Tilda Education
Шаг 8. Напишите тексты
Текст должен объяснять предложение простыми словами.
Посетителю важно понять:
- что предлагает компания;
- подходит ли предложение для его задачи;
- что входит в продукт;
- сколько это стоит;
- как проходит работа;
- почему компании можно доверять;
- что произойдёт после обращения.
Не стоит начинать с фраз:
- «динамично развивающаяся компания»;
- «команда профессионалов»;
- «индивидуальный подход к каждому клиенту»;
- «высокое качество по доступной цене»;
- «инновационные решения для вашего бизнеса».
Такие формулировки встречаются слишком часто и не объясняют отличия компании.
Лучше показать конкретику:
Изучим аудиторию и конкурентов, подготовим структуру и тексты, разработаем дизайн, соберём сайт на Tilda, подключим формы и аналитику.
Как подготовить содержание коммерческой страницы, подробно разобрано в статье «Как написать продающий текст для сайта».
Шаг 9. Создайте проект в Tilda
После подготовки структуры и материалов можно переходить к платформе.
Общий порядок следующий:
- Зарегистрироваться или войти в аккаунт Tilda.
- Создать новый проект.
- Открыть настройки сайта.
- Создать первую страницу.
- Выбрать шаблон или пустую страницу.
- Добавить необходимые блоки.
- Заменить демонстрационные материалы.
- Настроить дизайн.
- Проверить адаптивность.
- Опубликовать страницу.
Названия разделов и состав функций могут меняться, поэтому при настройке лучше сверяться с актуальным Справочным центром Tilda.
Шаг 10. Выберите шаблон или начните с пустой страницы
Шаблон помогает увидеть готовый пример композиции и быстрее собрать простой проект.
Но шаблон не является готовым сайтом для конкретного бизнеса. В нём всё равно нужно изменить:
- структуру;
- текст;
- изображения;
- цвета;
- шрифты;
- кнопки;
- формы;
- навигацию;
- SEO-настройки.
Если просто заменить название компании и контакты, страница останется похожей на другие сайты, созданные на том же шаблоне.
Пустая страница даёт больше свободы, но требует предварительного прототипа и понимания композиции.
Шаг 11. Используйте стандартные блоки и Zero Block разумно
В Tilda есть два основных способа собирать страницы.
Стандартные блоки
Они подходят для:
- меню;
- обложек;
- текста;
- изображений;
- карточек;
- преимуществ;
- отзывов;
- контактов;
- форм;
- подвалов.
Стандартные блоки быстрее настраиваются и обычно проще адаптируются под разные экраны.
Zero Block
Zero Block позволяет свободнее размещать элементы и создавать индивидуальные композиции.
Он пригодится, если нужны:
- нестандартный первый экран;
- сложная композиция;
- декоративная графика;
- специальная анимация;
- необычное расположение элементов.
При работе с Zero Block особенно внимательно проверяйте адаптивность. Композиция, которая выглядит хорошо на широком экране, может стать неудобной на телефоне.
Необязательно собирать весь сайт в Zero Block. Часто практичнее сочетать индивидуальные экраны со стандартными блоками.
Шаг 12. Настройте единый дизайн
До оформления всех страниц определите базовые правила:
- основные цвета;
- дополнительный цвет;
- шрифт заголовков;
- шрифт основного текста;
- размеры H1–H3;
- ширину контейнера;
- стиль кнопок;
- радиусы;
- отступы;
- оформление карточек;
- стиль изображений.
Если каждый блок оформлять отдельно, сайт быстро становится неоднородным.
Соблюдайте визуальную иерархию
Человек должен различать:
- главный заголовок;
- заголовки разделов;
- основной текст;
- пояснения;
- кнопки;
- второстепенные ссылки.
Не нужно выделять цветом и крупным шрифтом каждый элемент. Если акцент есть везде, он перестаёт работать.
Не перегружайте страницу анимацией
Анимация может направить внимание или объяснить изменение состояния. Но большое количество эффектов отвлекает, увеличивает нагрузку и иногда мешает взаимодействовать со страницей.
Ошибки, которые снижают удобство и доверие, разобраны в статье «5 ошибок веб-дизайна, которые отпугивают клиентов».
Шаг 13. Проверьте мобильную версию
Завершённый дизайн на компьютере ещё не означает, что страница готова.
На мобильном устройстве нужно проверить:
- читаемость текста;
- длину заголовков;
- размеры кнопок;
- расстояние между интерактивными элементами;
- порядок блоков;
- формы;
- меню;
- таблицы;
- карточки;
- изображения;
- всплывающие окна;
- горизонтальный скролл;
- скорость загрузки.
Стандартные блоки Tilda адаптируются под разные экраны, но итоговую страницу всё равно необходимо проверять вручную. В индивидуальных блоках может потребоваться отдельная настройка элементов для каждого диапазона ширины.
Шаг 14. Настройте навигацию
На многостраничном сайте посетитель должен быстро понять, где находится нужная информация.
Основное меню обычно содержит ссылки на ключевые разделы:
- услуги;
- кейсы;
- о компании;
- блог;
- контакты.
Не перегружайте меню десятками равнозначных пунктов. Дополнительные ссылки можно перенести в выпадающее меню или подвал.
Проверьте:
- все ли пункты открывают нужные страницы;
- работает ли логотип как ссылка на главную;
- видно ли меню на телефоне;
- можно ли закрыть мобильное меню;
- ведут ли якорные ссылки к нужным блокам;
- нет ли ссылок на неопубликованные страницы.
Шаг 15. Подключите домен и HTTPS
Для рабочего сайта лучше использовать собственный домен.
Домен помогает:
- сформировать постоянный адрес;
- развивать узнаваемость;
- создавать понятные URL;
- использовать корпоративную почту;
- накапливать историю сайта;
- продвигать страницы в поиске.
Подключение выполняется через настройки проекта и DNS-записи у регистратора. Точный порядок зависит от способа подключения и текущих настроек домена, поэтому используйте инструкцию из раздела «Домен и HTTPS» официальной справки Tilda.
После подключения проверьте:
- открывается ли сайт по основному адресу;
- работает ли HTTPS;
- не появляются ли предупреждения браузера;
- выбран ли один основной вариант домена;
- перенаправляются ли альтернативные версии;
- нет ли страниц, доступных одновременно по нескольким адресам без необходимости.
Шаг 16. Настройте формы заявок
Добавить форму недостаточно. Нужно указать, куда будут поступать данные, и проверить весь сценарий.
Tilda позволяет подключать сервисы приёма данных через раздел форм. Конкретный список интеграций и условия их работы могут меняться, поэтому их следует проверять в официальной инструкции Tilda.
При настройке формы:
- Выберите необходимые поля.
- Уберите поля, без которых можно начать общение.
- Подключите подходящий сервис приёма данных.
- Выберите его в настройках конкретной формы.
- Добавьте сообщение об успешной отправке.
- Опубликуйте страницу.
- Отправьте тестовую заявку.
- Проверьте, дошли ли данные.
- Проверьте форму с телефона.
- Настройте фиксацию отправки в аналитике.
Не запрашивайте данные, которые не нужны для первого контакта. Чем сложнее форма, тем больше причин прервать заполнение.
Рядом с формой полезно объяснить:
- что произойдёт после отправки;
- когда ждать ответ;
- какие материалы можно приложить;
- как будут использованы контактные данные.
Шаг 17. Добавьте обязательные страницы и информацию
Состав обязательной информации зависит от деятельности компании, способа сбора данных, наличия оплаты и применимого законодательства.
Обычно необходимо проверить наличие:
- политики конфиденциальности;
- согласия на обработку персональных данных;
- реквизитов;
- контактной информации;
- условий оплаты;
- правил доставки;
- условий возврата;
- публичной оферты, если она требуется для выбранной модели продажи.
Юридические документы должны соответствовать реальной работе компании. Не стоит копировать их с чужого сайта без проверки.
Шаг 18. Подготовьте SEO-настройки
Чтобы поисковая система могла правильно понять страницу, заполните основные параметры.
Для каждой индексируемой страницы нужны:
- уникальный Title;
- Meta Description;
- один основной H1;
- понятный адрес;
- логичная структура H2–H3;
- содержательный текст;
- alt для значимых изображений;
- внутренние ссылки;
- корректная индексация;
- основное изображение для публикации в социальных сетях.
Title
Title должен описывать содержание страницы и включать основной запрос без повторов.
Например:
Создание корпоративного сайта на Tilda — заказать разработку
Description
Description кратко объясняет предложение и помогает человеку понять содержание результата поиска.
Адрес страницы
Используйте короткий и понятный адрес:
/sozdanie-korporativnogo-sayta
Случайный набор символов или слишком длинная цепочка слов сложнее использовать и контролировать.
Внутренняя перелинковка
Связывайте услуги, статьи и кейсы по смыслу.
Например:
- со страницы создания сайта — на веб-дизайн, SEO и кейсы;
- из статьи о лендингах — на услугу разработки;
- из материала о SEO — на страницы продвижения;
- из кейса — на использованные услуги;
- со страницы услуги — на связанные руководства.
Подробные рекомендации по поисковой оптимизации Tilda собраны в разделе «SEO на Tilda». Там можно использовать ссылки и на отдельные статьи этого раздела, если они помогают раскрыть конкретную настройку.
Шаг 19. Подключите аналитику
Без аналитики сложно понять, выполняет ли сайт свою задачу.
На старте можно отслеживать:
- посещения;
- источники переходов;
- отправки форм;
- нажатия на телефон;
- переходы в мессенджеры;
- клики по основным кнопкам;
- оформление заказа;
- просмотр важных страниц.
Настройка счётчика не гарантирует, что все нужные события фиксируются автоматически. После подключения нужно выполнить тестовые действия и проверить данные.
Не следует оценивать сайт только по количеству посещений. Для бизнеса важнее понимать, какие источники приводят обращения и насколько эти обращения соответствуют предложению.
Шаг 20. Проверьте сайт перед запуском
Перед публикацией пройдите страницы как обычный посетитель.
Содержание
- Понятно ли, чем занимается компания?
- Актуальны ли цены и условия?
- Нет ли временного текста?
- Соответствуют ли изображения продукту?
- Нет ли неподтверждённых цифр и обещаний?
- Указаны ли контакты?
Техника
- Открываются ли страницы?
- Работают ли кнопки?
- Отправляются ли формы?
- Приходят ли заявки?
- Подключён ли домен?
- Работает ли HTTPS?
- Нет ли битых ссылок?
- Корректно ли отображается страница 404?
Мобильная версия
- Нет ли горизонтального скролла?
- Читается ли текст?
- Можно ли нажать кнопки?
- Работает ли меню?
- Удобно ли заполнять форму?
- Не перекрывают ли виджеты содержание?
SEO
- У каждой страницы свой Title?
- Заполнены ли Description?
- Используется ли один H1?
- Понятны ли адреса страниц?
- Добавлены ли alt?
- Открыты ли нужные страницы для индексации?
- Закрыты ли технические и служебные страницы?
- Есть ли внутренние ссылки?
Аналитика
- Фиксируется ли отправка формы?
- Отслеживаются ли основные действия?
- Можно ли определить источник обращения?
- Исключён ли внутренний тестовый трафик, если это необходимо для анализа?
Шаг 21. Опубликуйте страницы и отправьте их на переобход
После внесения изменений страницы нужно опубликовать. Если обновлялось несколько страниц, убедитесь, что опубликованы все связанные материалы.
Затем:
- проверьте сайт по основному домену;
- добавьте ресурс в Яндекс Вебмастер;
- добавьте ресурс в Google Search Console;
- проверьте доступность Sitemap;
- запросите переобход важных обновлённых страниц;
- контролируйте сообщения об индексировании.
Появление страницы в поиске не означает, что она сразу займёт высокие позиции. Результат зависит от конкуренции, качества содержания, структуры сайта, внешних и внутренних сигналов и соответствия запросу.
Шаг 22. Развивайте сайт после запуска
Сайт редко остаётся эффективным без обновлений.
После запуска необходимо:
- проверять заявки;
- анализировать поисковые запросы;
- улучшать страницы;
- добавлять кейсы;
- обновлять услуги;
- исправлять ошибки;
- создавать статьи;
- усиливать внутреннюю перелинковку;
- следить за скоростью;
- проверять мобильную версию;
- контролировать индексацию.
Полезный блог может привлекать людей, которые пока не готовы заказать услугу, но уже ищут решение. О том, как выстроить такую работу, рассказано в статье о контент-маркетинге.
Социальные сети также можно связать с сайтом: приводить аудиторию в полезные материалы, кейсы и услуги. Этой теме посвящена статья «Продвижение через соцсети и сайт: как сделать их единой системой».
Частые ошибки при самостоятельном создании сайта на Tilda
Сборка начинается без структуры
В результате блоки добавляются по мере появления идей, а страница становится длинной и бессвязной.
Используется демонстрационный текст шаблона
Красивое оформление остаётся, но предложение компании раскрыто поверхностно.
На главную пытаются поместить весь бизнес
Страница перегружается услугами, преимуществами, отзывами, фотографиями и повторяющимися кнопками.
Дизайн важнее удобства
Мелкий текст, слабый контраст и сложная анимация мешают человеку получить информацию.
Не проверяются формы
Страница опубликована, но заявки не поступают из-за неподключённого получателя или ошибки в настройках.
Нет аналитики
Компания не понимает, откуда приходят люди и какие действия выполняют.
Все услуги размещены на одной странице
Сложно полноценно раскрыть каждое направление и продвигать его по отдельным запросам.
Создаются дубли
Несколько страниц отвечают на один и тот же запрос и начинают конкурировать между собой.
После запуска сайт не обновляется
Информация устаревает, появляются неработающие ссылки, а поисковое развитие останавливается.
Можно ли самостоятельно создать хороший сайт на Tilda
Да, если задача относительно простая, у вас есть время разобраться в структуре, дизайне, адаптивности, формах, аналитике и SEO.
Основная сложность находится не в добавлении блоков. Нужно принять десятки решений:
- какой сайт нужен бизнесу;
- что показать на первом экране;
- как разделить услуги;
- чем подтвердить предложение;
- какие страницы создавать;
- как привести посетителя к заявке;
- откуда брать трафик;
- как измерять результат.
Если сайт нужен только для проверки идеи, можно начать с простой версии. Если он должен стать постоянным каналом продаж и продвижения, лучше заранее заложить структуру для дальнейшего роста.
Разработка сайта на Tilda в Вайтиру
Вайтиру создаёт сайты как часть общей маркетинговой системы.
Работа может включать:
- анализ бизнеса;
- изучение аудитории и конкурентов;
- проектирование структуры;
- подготовку текстов;
- веб-дизайн;
- сборку на Tilda;
- мобильную адаптацию;
- настройку форм;
- подключение аналитики;
- базовую SEO-подготовку;
- дальнейшее продвижение.
После запуска владелец может самостоятельно изменять основные тексты, изображения и другую информацию через интерфейс Tilda. Для системного развития сайт можно связать с SEO, рекламой, картами и социальными сетями.
Посмотреть подход компании можно на страницах услуг веб-дизайна, SEO на Tilda, в кейсе продвижения питомника и кейсе фитнес-клуба.
