Веб студия » Блог » Как создать сайт на тильде: пошаговая инструкция
Дата публицакии: 25 марта 2020

Как создать сайт на тильде: пошаговая инструкция









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

  • Не нужно иметь опыта в программировании
  • Интерфейс платформы понятен и логичен
  • Система подсказывает пользователю следующие шаги

Почему стоит выбрать Tilda

Tilda визуально выделяется среди других движков своей привлекательностью и легкостью восприятия контента. С помощью простого конструктора сайтов Тильда можно создать ресурс, лендинг, небольшой и красивый интернет-магазин или блог без посторонней помощи. Разработчики системы уже «попыхтели» над тем, чтобы создать блоки, дизайнеры довели их до ума, а все что нужно вам – правильно расположить модули на своей странице.

Достоинства Тильды:

  • Механизм редактирования, который представленный блоками, сделан профессионалами;
  • Большое количество интересных шаблонов;
  • Автоматическая адаптация под разные экраны;
  • Гибкая настройка под мобильную версию;
  • Встроенные инструменты под создание интернет-магазина;
  • Большое количество авторских шрифтов + возможность загрузить свои
Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 1

Как настроить сайт на Tilda: базовые опции

После того, как вы зарегистрировались на платформе, нужно перейти в раздел “Тарифы” и настроить вариант «Personal», который новым пользователям доступен бесплатно.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 2

После нужно перейти в раздел «Мои сайты» и указать название своего ресурса.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 3

В разделе «Настройки» выбирайте субдомен и обязательно укажите описание.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 4

Далее, важный  этап – настройка раздела «Аналитика» и «SEO». Здесь необходимо подключиться к «Яндекс Метрике» и «Гугл Аналитике». Обязательно подключите счетчики. Сделать это можно двумя способами.

1 способ:

Зарегистрируйте ресурс в системе аналитики и скопируйте номер идентификатора счетчика. Вставьте скопированное в поле «Яндекс.Метрика» в разделе настроек сайта «Аналитика и SEO».

2 способ:

В разделе «Аналитика» просто нажмите кнопку «Подключить». Примите запрос от tide.cc на доступ к аккаунту “Google Analytic”, выберите счётчик и сохраните все изменения.

Дальше перейдите в раздел «SEO» для того, чтобы подключить сайт к службам “Search Console” и “Яндекс.Вебмастер”. Нажмите «подключить» (рядом с соответствующим сервисом).

Нажимаем «Зарегистрировать сайт». После такой регистрации появится статус «Домен подтвержден». Когда система предложит добавить в Search Console карту сайта, воспользуйтесь данными возможностями.

Такие же манипуляции проделайте и для «Яндекс.Вебмастер».

Данных настроек вполне достаточно для того, чтобы приступить к созданию будущего сайта. Безусловно, нужно будет ернуться к базовым настройка, но лишь тогда, когда будут готовы основные разделы онлайн-сервиса.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 5

Как подключить домен

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

Шаг 1. Купить домен Сделать это можно на сайте компании-регистратора (выбор за вами)
Шаг 2. На сайте регистратора указать ссылку на Тильду В зоне управления  DNS добавляем запись А, прописываем значение IP-адреса 85.203.72.17
Шаг 3. В настройках сайта Тильда указать домен В настройках сайта зайти во вкладку «Домен» и добавьте его
Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 6

Как создавать страницы сайта на Tilda

Как и любой другой ресурс, сайт на Тильде может состоять из одной страницы или из нескольких. Все зависит от того, что будет на этом портале и какие были поставлены цели во время планирования.

Чтобы создать страницу необходимо перейти в соответствующую вкладку и выбрать шаблон. Если есть желание что-то изменить, вперед. Редактируйте блоки, добавляйте контент.

Конструктор Тильда интересен тем, что все его страницы состоят из модулей, которые можно менять местами, настраивать, удалять и добавлять новые. Чтобы проводить манипуляции, достаточно вызвать меню редактирования. Для этого нужно навести курсором на модуль.

Кроме того, в меню «Настройки» доступны различные опции, которые позволяют администратору настроить:

  • Размер
  • Вид
  • Диапазон
  • Видимость на разных экранах и т.д

Возможность редактирования зависит от самого типа блока. По сути, здесь нет ничего сложного.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 7

К примеру, в модуле «Обложки страницы» есть возможность выбрать логотип или фоновое изображение.

Обязательно уделите внимание и настройкам страницы: укажите заголовок и описание, при необходимости измените URL-страницы.

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

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 8

Как сделать меню сайта на «Тильде»

Каждый сайт должен иметь меню. Чтобы реализовать его на Тильде необходимо создать страницу. Лучше всего использовать «Новую страницу», а не шаблон. В библиотеке блоков выбирайте раздел «Меню». Здесь можно найти подходящий модуль.

После, добавьте пункты меню и ссылки на страницы в настройках контент блока. Слева укажите название пункта меню. В «Выбрать страницу» добавьте ссылку на нужный раздел сайта.

В настройках контента нажмите «Логотип» добавьте название сайта и загрузите лого, конечно если оно у вас есть.

Также можно добавить ссылки на профили в социальных сетях. Для этого нужно отредактировать кнопку «Contacts».

Назначьте созданную страницу хедером для всех остальных страниц. Для этого перейдите в общие настройки сайта. Выберите раздел «Шапка и подвал» и с помощью выпадающего меню укажите нужную страницу.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 9

Подготовьте сайт для поисковых систем

Конечно, создание сайта – это хорошо, но, чтобы ресурс корректно ранжировался необходимо провести внутреннюю SEO-оптимизацию.

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

  • Добавления названия Title и описания Description для формирования сниппета и отображения его в браузере.
  • Настроить НТТРS
  • Подключите Google Search Console и Яндекс.Вебмастера
  • Управление редакторами страниц
  • Определение основного адреса сайта в мета-файле
  • Регулирование параметров индексации
Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 10

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

  • Задать заголовок и описание, ЧПУ-адрес
  • Загрузить необходимо изображение, которое будет формироваться в разделе сниппета
  • При необходимости проверить изображение ссылки в Facebook (это можно сделать отдельно, вручную)

На оптимизацию движка может повлиять технология Lazy Load, которая блокирует загрузку изображений,находящиеся вне зоны просмотра. Это значит, что картинки появляются постепенно, при скроллинге.

Никто не исключает и традиционные SEO-рекомендации:

  1. Публикация только оригинальных материалов
  2. Правильно использование заголовков (постепенная Н1-Н6)
  3. Перелинковка текстов
  4. Добавление ключевых фраз

Очевидно, что эти рекомендации относятся больше к информационной части ресурса (контенту), чем к самому сайту, так что здесь можно экспериментировать.

Дополнительные возможности Tilda

Tilda имеет ряд дополнительных возможностей, которые позволяют решать специальные задачи.

1) Интеграция с WordPress. С первого взгляда, это кажется нереальным, но многим интересна данная возможность. И да, это реально. Пользователи ресурсов на WordPress могут пользоваться некоторыми функциями Тильды. Например, можно быстро создать эффективный лендинг или красиво оформить лонгрид. Но готовьтесь, данная услуга будет платной, и чтобы реализовать ее нужно оформить бизнес-тариф и установить плагин.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 11

2)  Письма для рассылки. В панели инструментов есть конструктор писем, где можно найти готовые шаблоны и отправлять их подписчикам через специальный сервис SendGrid или MailChimp. Пользователь может хранить уже созданные письма на субдомене. Письма можно редактировать и настраивать.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 12

3)   Создание пользовательских блоков. С помощью редактора Zero Block можно создавать модули страниц самостоятельно.

4)   Интеграция со внешними сервисами. Конструктор можно интегрировать с такими службами: CRM, система приема платежей  и т.д.

5)   Создание промокодов. Для этого достаточно просто зайти в раздел меню «Платежные системы». Укажите необходимые настройки и опубликуйте промокод.

6)   Электронная торговля. В конструкторе есть все необходимые инструменты для запуска интернет-магазина. Созданный сайт можно легко интегрировать с платежными сервисами.

7)   Тильда CRM. Уже с 2018 года каждый пользователь конструктора может воспользоваться бесплатной системой CRM.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 13

Итоги

Конструктор Тильда – хороший вариант для тех, кто хочет создать одностраничник или специальный проект СМИ. Объемный сайт на нем создать не получиться, так как сервер предлагает не такое и большое пространство.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 14

Tilda предлагает пользователям хорошие и яркие шаблоны и функциональные модули. Любой начинающий веб-мастер может легко собрать красивый, работающий сайт. Вам даже не понадобится дизайнер сайтов для того, чтобы сделать красивый ресурс. Единственный недостаток этого конструктора – однотипность. Сайт на Тильде можно узнать уже после первых секунд пребывания на нем.

Как создать сайт на тильде: пошаговая инструкция — компания «Brainlab». Фото 15

Вопросы и ответы

Как зарегистрироваться на платформе Tilda?

Чтобы зарегистрироваться на Tilda, перейдите на их официальный сайт и нажмите кнопку “Зарегистрироваться”. Введите свой адрес электронной почты и пароль, а затем следуйте инструкциям для завершения регистрации.

Как создать новый проект на Tilda?

После входа в свою учетную запись на Tilda нажмите кнопку “Создать новый проект”. Выберите шаблон, который соответствует вашим потребностям, или начните с пустого проекта и создайте свой дизайн с нуля.

Как настроить дизайн и структуру сайта на Tilda? 

В редакторе Tilda вы можете добавлять блоки с текстом, изображениями, видео, формами и другими элементами дизайна. Используйте функции перетаскивания и изменения размеров блоков, чтобы создать желаемую структуру и внешний вид своего сайта.

Можно ли создать сайт на Тильде бесплатно?

Пользователям предлагает два тарифа: Personal и Business. В них доступно: 1 сайт на Personal и 5 сайтов на Business. 

5/5 - (1 голос)
Технический директор, студии BRAINLAB

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Хотите сделать что-то великое?
Позвольте помочь вам.
Готовы? Свяжитесь сегодня.

Обсудить ваш проект

manager@brainlab.com.ua

Другие вопросы (партнерство, вакансии...)

info@brainlab.com.ua

Номер телефона

+380633746749

Мы в соц.сетях

Калькулятор стоимости сайта Brainlab

Интересует стоимость разработки сайта? Наш калькулятор дает возможность изучить стоимость каждого этапа и подобрать подходящий под бюджет вариант.
1. Тип сайта
Сайт визитка

Небольшой сайт, как правило, состоящий из нескольких веб-страниц (до 5), содержит основную информацию об организации, частном лице, компании.

Подробнее о сайте
Landing Page

Это посадочная страница, основная задача которой, побудить пользователя совершить целевое действие. Такое действие может быть направлено на оформление заказа, онлайн оплату или получение контактных данных пользователя.

Подробнее о сайте
Корпоративный
сайт

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

Подробнее о сайте
Сайт-каталог

Представляет собой многостраничный сайт с многоуровневой структурой. Такой сайт содержит каталог продуктов компании, есть возможность указывать цены, скидки, акции, разделять контент для различных групп пользователей (опт/розница).

Подробнее о сайте
Интернет магазин

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

Подробнее о сайте
2. Дизайн
3. Вёрстка
4. Движок CMS
Тип сайта: Не выбрано
0 $
Дизайн: Не выбрано
0 $
Вёрстка: Не выбрано
0 $
Движок CMS: Не выбрано
0 $
Примерная стоимость: 0 $
Примерные сроки: 0 дней

Хотите сделать что-то великое?
Позвольте нам помочь вам.

Готовы? Свяжитесь сегодня.
Заполните поле
Заполните поле
Заполните поле
Спасибо за заявку!

Наши менеджеры свяжутся с вами в ближайшее время.

Ошибка при отправке!