Инструкция: как сделать лендинг для онлайн-школы без дизайнера и программиста
Содержание:
Код
Тильда не позволяет вносить изменения в автоматически генерируемый платформой код. Отсюда 2 следствия:
- у вас не получится сломать сайт;
- вы не можете влиять на оптимизацию кода.
Служебный код на страницах Тильды занимает огромный объем, т.к JS-скрипты подключены прямо в HTML. Зачастую получается, что полезный контент составляет чуть-ли не 2% от исходного кода. Этот показатель считают одним из факторов ранжирования страниц. Чем больше полезного контента, тем лучше. На популярных CMS отношение полезного контента намного выше.
Есть мнение, что сайты на Тильде могут плохо продвигаться т.к. имеют одинаковый исходный код. Мы считаем, что это не так. Поисковые системы достаточно умны, чтобы различать между собой служебный код и полезный контент.
Экспорт кода
Вы можете безболезненно (с точки зрения SEO) перенести сайт с Тильды на CMS или использовать ее как фреймворк. Экспорт доступен только для тарифа Business. Все относят этот пункт к плюсам. Мол если «не срослось» с платформой, перенесли к себе и дальше работаем, но не совсем так. Есть маленькая оговорка:
«Согласно Пользовательскому Соглашению, любые несанкционированные изменения Пользователем ресурсов Сайта (страниц, блоков), их частей и/или производных, независимо от расположения созданного на их основе проекта, являются нарушением авторского права Администрации.»
Это значит, что изменять исходный код нельзя! Кроме того, если вы перенесли проект и перестали оплачивать тариф, то формы связи и прочие модули завязанные на сервисах Tilda перестанут работать. Получается функция чисто для галочки.
Микроразметка
По умолчанию в Тильде есть Open Graph (OG) разметка. Если же нужно добавить свою, то это делается руками путем размещения кода в <body>.
Калькулятор доставки
В конструкторе предусмотрен простенький калькулятор стоимости доставки. Если необходимо рассчитывать несколько способов, то он не подойдет.
URL адреса страниц
Страницы формируются без слеша на конце и это изменить нельзя. Настроить массовый редирект в сторону страниц без / во избежании дублей страниц возможности нет. По умолчанию стоит Canonical в сторону правильного адреса, поэтому дублей возникнуть не должно.
DDOS-защита
Если вы будете делать технический SEO-анализ сайта на Тильде, то можете обнаружить подозрительный ответ сервера. Все дело в том, что разработчики применяют различные методы по защите сайта от кибератак. Так, на Тильде срабатывает комплексная система защиты от DDoS. При сканировании страниц через сервисы-анализаторы, сервер возвращает 307 TemporaryRedirect. Если же на сайт заходит поисковый робот, то сервер отдаст 200 ОК.
Редактирование страницы
- Как сделать всплывающее окно?
- Как добавить видео?
- Как добавить кнопку?
- Как добавить ссылку на конкретное место на странице (якорь)?
- Как добавить свой HTML, CSS или Javascript-код?
- Как добавить на сайт PDF?
- Как добавить ленту Instagram?
- Как скопировать блок на странице?
- Как отменить действия на странице?
- Как сделать таблицу?
- Как снять страницу с публикации?
- Как добавить микроразметку (Schema.org или JSON-LD)?
- Как переместить блок?
- Как сохранить страницу в PDF файл?
- Как скопировать сайт?
- Как подключить второй Instagram аккаунт?
- Как отвязать Instagram аккаунт и подключить другой?
- Как изменить цвет иконок социальных сетей?
- Как уменьшить (увеличить) отступ у блока?
- Как добавить ссылку для текста?
- Как изменить порядок страниц в блоке из категории «Список страниц»?
- Как включить модульную сетку?
- Как сделать отображение разных блоков для мобильной и десктопной версии?
- Как изменить количество блоков в ряд?
- Как отразить по горизонтали — поменять местами текст и картинку?
- Как добавить аудио или музыку на сайт?
- Как добавить иконки из пакета Tilda Icons?
- Где находится библиотека блоков?
- Как задать главную страницу?
SEO
- Поисковики не видят мой сайт, что делать?
- Как добавить robots.txt и sitemap.xml
- Как сделать страницу ошибки 404?
- Как добавить (назначить) тег H1?
- Как запретить индексировать страницу поисковикам?
- Почему Яндекс показывает неправильный фавикон (favicon), не отображает нужный?
- Как улучшить SEO?
- Как убрать disallow в robots.txt?
- Нужно ли назначать H1 в блоке, который виден только на мобильных?
- Как запретить индексировать сайт поисковым системам?
- Как добавить ключевые слова для сайта?
- Почему сайт не индексируется в поисковых системах?
- Как сделать переадресацию с кодом 301 со старых ссылок на новые?
- Как исключить неправильную ссылку в поисковой системе?
Как создать лендинг на Tilda
Сначала определитесь, какой тариф вам нужен. Если готовы мириться с
некрасивым URL лендинга, не платите. Адрес сайта будет выглядеть
примерно так: project89098219.tilda.ws.
А если хотите потом перенести лендинг на свой домен, получить
максимум возможностей редактирования или создать несколько продающих
страниц, заплатите за расширенный тариф.
Зарегистрироваться на сайте просто — достаточно придумать пароль,
указать адрес электронной почты и имя. После регистрации создайте
проект: его название ни на что не влияет, оно нужно, чтобы вы сами
поняли, какой сайт соответствует проекту. Когда зайдёте в проект,
нажмите «создать новую страницу».
В новом проекте нет ничего — нажмите сюда, чтобы создать лендинг
Перед вами откроется список шаблонов. Лендинги расположены в первом разделе «Бизнес». Посмотрите список и выберите подходящий шаблон — в базе уже есть готовые решения для разных типов бизнеса. Если хотите сделать что-то уникальное, выберите пустую страницу — она первая в списке. Работать с шаблонами проще, поэтому в примере мы будем использовать шаблон «универсальный лендинг».
Лайфхак: если хотите посмотреть, как выглядит шаблон полностью, наведите на него курсор. Изображение будет прокручиваться.
В шаблоне уже есть подсказки: что и где писать, какую информацию нужно разместить, куда добавить логотип.
В Tilda есть готовые решения для разных типов бизнеса
Когда выберете шаблон, попадёте в меню редактирования. Чтобы поменять
текст, достаточно кликнуть на него мышкой. А чтобы изменить цвет
заголовков, подзаголовков, фона, нажмите на «Настройки» нужного блока.
На одном экране можно полностью изменить весь блок: и содержание, и оформление
Доступны стандартные средства форматирования. Например, можно
написать текст, выделить его и сделать жирным, подчёркнутым, изменить
размер, выравнивание, межстрочное расстояние.
Выделите текст, и вверху появится панель для визуального редактирования
Даже без фона вы можете сделать нормальное форматирование и расставить цветовые акценты — например, выделить оффер или контакты.
Лайфхак: если случайно удалите весь текст, не сможете потом просто
кликнуть по тому же месту и написать новый. Текст можно снова добавить
через «Контент».
В «Настройках» можно менять всё что угодно. Например, убрать из шапки
сайта пункты меню или оставить их, чтобы пользователь сразу мог перейти
к контактам, преимуществам, другому экрану. А ещё можно поставить свои
ссылки на кнопки социальных сетей, добавить нужный URL в конверсионные
кнопки, поменять там текст, описания преимуществ и так далее.
Изображения можно заменить, просто кликнув по ним. Только будьте
внимательны с размерами файлов: лучше, чтобы они были такие же, как в
шаблоне. Иначе оформление может «полететь».
Если нужно быстро поменять всё оформление блока, можно сделать это за
пару нажатий мышкой. Нажмите на цифры в левом верхнем углу и выберите
подходящее. Эта функция есть не на всех блоках — иногда чтобы полностью
изменить оформление, надо добавить новый модуль.
Нажмите сюда, а потом наведите курсор на какую-нибудь строку — сбоку покажут, как выглядит это оформление
Чтобы полностью поменять структуру лендинга, можно добавлять новые и
удалять старые блоки. Например, убрать экран с рассказом о компании и
добавить модуль, в котором опишете программу обучения на вашем курсе.
Сделать это просто.
Так можно удалять и добавлять новые блоки
Через функцию добавления новых блоков можно добавить якорные ссылки.
Потом их нужно разместить в шапке сайта. Например, если добавили якорную
ссылку перед блоком с формой обратной связи и контактами, разместите в
шапке сайта ссылку «Контакты» — пользователь сразу сможет перейти к ним.
Такие ссылки доступны только на платных тарифах.
После того как всё настроили, можете посмотреть, как будет выглядеть
сайт, заполнить метаданные для него, задать общие настройки.
У Tilda очень много возможностей — например, в «Настройках» можно установить, как сайт будет выглядеть в поисковой выдаче и на Facebook
Если выберете платный тариф, получите больше возможностей — например,
сможете выбирать больше типов оформления, перенести сайт на свой домен
или хостинг.
Создать лендинг на Tilda легко. Но недостаточно просто разобраться в
конструкторе и сделать пару блоков. Чтобы лендинг работал, нужно
грамотно подойти к его оформлению.
Что сделать, чтобы лендинг работал
На самом деле сделать надо не так уж и много. Можно начать с малого —
выбрать структуру, соответствующую вашему бизнесу. В шаблонах Tilda уже
есть подсказки, можно просто следовать им.
Изучите свою целевую аудиторию перед тем, как создавать лендинг.
Узнайте, сколько им лет, чем занимаются, какие цвета любят, какие
термины не хотят видеть. И пишите понятный текст для конкретных людей:
тогда он «выстрелит».
Чтобы повысить конверсию стандартного, шаблонного лендинга, заранее
проработайте структуру
Важно составить её так, чтобы потенциальный
покупатель понял свою выгоду от покупки. Чаще всего в структуре
используют:
- оффер — главное предложение выгоды на первом экране;
- боли — рассказ о проблеме клиента, предложение вашего продукта в качестве решения;
- подробный рассказ о продукте — что входит в обучение, что ученик
получит после, сколько длится курс, какой будет программа и так далее; - преимущества компании — почему стоит учиться именно у вас, какие бонусы можете предложить;
- отзывы, желательно достоверные, со ссылками на самих учеников, чтобы посетители сайта могли проверить информацию;
- формы обратной связи, кнопки «записаться на обучение», «получить курс» и другие;
- FAQ — ответы на распространённые вопросы пользователей.
Можете вдохновиться примерами сайтов на Tilda— посмотрите, как делают лендинги и другие веб-ресурсы разные компании, чтобы подобрать оптимальную структуру для своей ниши.
Правильная структура — ещё не всё. Лендинг должен внушать доверие.
Поэтому пишите правду — не стоит приукрашивать реальность, особенно если
всё перечисленное вами можно легко проверить. А ещё не усложняйте
восприятие — пишите коротко, понятно и ёмко.
- Откажитесь от качественных прилагательных «красивый», «быстро»,
«качественно» — понятие привлекательности, скорости, качества у каждого
своё. Лучше дайте измеримые характеристики. - Не используйте штампы типа «высококвалифицированных
специалистов», «динамично развивающейся команды». Лучше расскажите,
какой реально опыт у преподавателей. - Используйте факты. Расскажите, сколько заработали ваши
ученики, какие награды вы получили. Если нечем похвастаться — подробно
расскажите о том, как проходит обучение. - Правильно оформляйте текст — это улучшает его восприятие.
Используйте списки, подзаголовки, выделение жирным, другие способы
форматирования там, где это уместно.
Ваш лендинг должен быть простым, понятным и серьёзным. Тогда он будет работать хорошо.
Что такое Tilda
Tilda
или «Тильда» — конструктор сайтов: лендингов, визиток, корпоративных
порталов и так далее. В нём можно создать любой веб-ресурс без знаний,
кода буквально за полчаса. Всё настраивается мышкой и клавиатурой, а
результат впечатляет — конструктор используют даже крупные компании.
Лендинг банка «Точка» тоже сделан на Tilda
Создание сайтов на «Тильде» проще, чем разработка на обычных CMS.
Чтобы получить стандартный веб-ресурс, нужно заказать его разработку у
программиста, привлечь дизайнера, SEO-оптимизатора и других
диджитал-специалистов. А в конструкторе можно сделать всё самому.
Основные преимущества Tilda:
- не нужно знаний кода — сайт соберёт и человек, далёкий от программирования;
- можно изменить всё в любой момент: сделать редизайн, поменять заголовок, удалить ненужные блоки;
- всё включено для SEO — не нужно устанавливать плагины, метатеги можно прописывать прямо в настройках страницы;
- лёгкая интеграция с другими сервисами — можно подключить почтовые
рассылки, системы аналитики, приём онлайн-платежей и многое другое.
У Tilda есть больше 480 шаблонов для разных сайтов, готовая
интеграция с 12 сервисами для лендингов, интеграция с другими
веб-ресурсами через API и многое другое.
Предусмотрено несколько тарифов: один бесплатный, два платных. На
бесплатном функции ограничены, можно создать 1 сайт до 50 страниц. На
платном Personal доступны 1 сайт, более 50 страниц, подключение своего
домена, полная коллекция блоков. На платном Business всё то же самое, но
можно создавать до 5 сайтов и экспортировать исходный код. Цена
начинается от 500 рублей.
Для дизайнеров есть «нулевой блок», чтобы верстать страницы без шаблонов. Полный список возможностей смотрите на сайте «Тильды».
