Веб студія » Блог » Як створити сайт на тильді: Покрокова інструкція
Дата публікації: 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
Колесніков Дмитро
Технічний директор, студії BRAINLAB

Залишити відповідь

Ваш e-mail не буде опублікований. Обов'язкові поля позначені *

Хочете зробити щось велике?
Дозвольте допомогти вам.
Чи готові? Зв'яжіться сьогодні.

Зв'яжіться з нами!

info@brainlab.com.ua

Наш офіс

Україна, Київ

вулиця Євгена Сверстюка, 19

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

38 (095) 307 888 5

Ми в соцмережах

Калькулятор вартості сайту Brainlab

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

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

Детальніше про сайт
Landing Page

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

Детальніше про сайт
Корпоративний
сайт

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

Детальніше про сайт
Сайт-каталог

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

Детальніше про сайт
Інтернет магазин

Інтернет-магазин, який містить каталог товарів компанії, з можливістю фільтрації і сортування. Користувачі можуть оформити замовлення, оплатити онлайн, зареєструватися, брати участь в програмі лояльності.

Детальніше про сайт
2. Дизайн
3. Верстка
4. Движок CMS
Тип сайту: Не вибрано
0 $
Дизайн: Не вибрано
0 $
Верстка: Не вибрано
0 $
Движок CMS: Не вибрано
0 $
Приблизна вартість:0 $
Зразкові терміни:0 днів

Хочете зробити щось велике?
Дозвольте нам допомогти вам.

Чи готові? Зв'яжіться сьогодні.
Заповніть поле
Заповніть поле
Заповніть поле
Дякую за заявку!

Наші менеджери зв'яжуться з вами найближчим часом.