Как залить файл на хостинг тильда

Обновлено: 03.07.2024

Tilda - это хороший конструктор сайтов. Но у него есть несколько минусов, из-за которых владельцы сайтов хотят перенести их на более удобную платформу. Например, на WordPress. Сегодня мы поговорим о том, как перенести сайт с Tilda на WordPress.

Почему выбирают Tilda?

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

Давайте определим важные факторы для разработки сайта:

  • Сроки разработки
  • Достойный внешний вид
  • Индексирование поисковиками
  • Затраты на создание и поддержку сайта

А теперь давайте посмотрим, что может предложить Tilda.

Сроки разработки

Так как Tilda - это конструктор, скорость разработки на нём действительно высока. Простой лендинг (ссылка) можно собрать за полдня. Вы сами можете это сделать. Правда, вам потребуется чуть больше времени, чтобы разобраться с блоками. Ну, а если времени разбираться самому нет, можно набрать в Гугле "Дизайнер на Tilda" (почитайте, пока не пошли искать).

Внешний вид

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

Индексация

Tilda заявляет, что её страницы хорошо индексируются поисковиками. Но почему? Ответ самой Tilda: из-за последовательного расположения блоков на странице. Вам это о чём-то говорит? Нет? Я объясню: для поисковиков важна структура сайта; это как шкаф, где на верхних полках лежат головные уборы, в секции с бельём лежит бельё, а не ботинки и тд. Но структура любого сайта должна строиться именно таким образом. Это первое. А второе - индексация зависит не столько от расположения блоков, а их наполнения. Так что, Tilda здесь немного лукавит, добавляя, что в настройках сайта можно что-то докрутить. Докрутить получится только заголовок сайта и его описание, да ещё счётчики добавить. Вот и вся магия, без особой гибкости.

Затраты на разработку сайта на Tilda

Кажется, что создавать сайта на Tilda - хорошая и недорогая идея. Но это не так. За красоту надо заплатить, иначе и блоков красивых не будет, и редактировать их не получится, и домен не подключите свой. Сколько платить? От 500 рублей в месяц. Вроде, не так много, а если посчитать за год? 6000. Прибавьте затраты на рекламу и прочее. Уже не так весело, да?

Альтернатива прожорливой Tilda. WordPress всемогущий

Платформа WordPress уже давно завоевала признание пользователей за свою простоту работы с сайтом. Какой бы тип сайта вам не потребовалось создать, WordPress готов предложить свои возможности. Хотите - используйте возможности любого шаблона для WordPress или подключите конструктор страниц. Или воспользуйтесь встроенным редактором блоков Gutenberg. А если нужен конструктор, как у Tilda, - возьмите Elementor. Это такой же конструктор страниц, визуальный и с готовыми блоками. Не нашли нужный блок или он только в платной версии? Подключите бесплатные дополнения для Elementor, и расширьте его возможности.

Давайте сравним те же важные факторы у Tilda и Elementor на WordPress:

Скорость разработки будет та же, так как конструкторы схожи. А вот внешний вид сайта на WordPress может быть интереснее - в Elementor больше возможностей для настройки. Что касаемо индексации, то тут безоговорочный победитель - WordPress: с сео он работает куда более гибко, чем Tilda.

Как перенести сайт с Tilda на WordPress

На самом деле, всё достаточно просто. Хватит наличия изображений, текстов и прочего. И даже если всего этого нет, будет достаточно доступа к сату на Tilda для копирования контента. Единственный момент - не все блоки и элементы могут быть сделаны так же, как на Tilda. Это особенности конструктора. Но можно сделать эти блоки несколько иначе, не нарушая логики. Просто с иным дизайном, что не страшно, ведь главное - содержание.

Пример переноса сайта с Tilda на WordPress

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

Посмотрите на две картинки, вряд ли вы найдёте очень много отличий.

Если вы находитесь на этой странице, то вы приняли решение попрощаться с Тильдой и дальше вести его самостоятельно на своем хостинге.

Что теряет пользователь после переноса сайта с Тильды на свой хостинг:

Правила Тильды об экспорте сайта на свой хостинг:

Итак, обо всем предупредил. Если желание не пропало, к делу.

Экспорт сайта из Тильды

Выбор хостинга

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

Процедура экспорта с Тильды

Переходите в настройки сайта:

Сначала необходимо указать домен, который будет подключен к сайту на вашем хостинге. Заходите во вкладку Домен в левой боковой панели и введите свой домен:

Вы также можете задать специальные настройки экспорта (путь к изображениям, путь к js и другое), нажав на соответствующую кнопку. Но это для продвинутых пользователей. Я не буду забивать вам голову лишним

Дальше начнется формирование файла для скачивания вашего сайта на Тильде. После того, как индикатор дойдет до 100%, появится ссылка на файл:

Нажимайте на ссылку и файл начнет скачиваться на ваш компьютер. В моем случае, в загрузка появился файл:

Распаковка архива сайта с Тильды на хостинге

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

Заходите в панель управления своего хостинга под своим логином и паролем.

Эта папка должна быть пустой. Если нет, то удалите все там.

Теперь приступаем непосредственно к распаковке:

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

После закачивания архива дважды кликните по нему для распаковки:

Появится новая папка. Зайдите в нее:

Теперь найдите файл htaccess. Его нужно переименовать в .htaccess

Если вдруг остались еще вопросы, советую пересмотреть еще наше видео по этой теме:

Один отзыв для “ Перенос сайта на Тильде на свой хостинг. Пошаговое руководство ”

Разберем проблему, с которой я столкнулась когда заказчик хотел перенести домен с одного хостинга на хостинг Tilda.

Tilda - это не только конструктор, но это так же и хостинг. То есть, когда ваш сайт находит на хостинге, например, netangels, а cms (Система управления содержимом — информационная система, используемая для создания, редактирования и управления контентом сайта) у вас, например, на wordpress, то вы платите за домен, cms и хостинг. Tilda же решает сразу 2 проблемы: cms и хостинг -это и есть сама Tilda. Поэтому очень удобно избавиться от платежей разным компаниям и платить почти за все сразу в одном месте.

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

ШАГ 1 - Заходим в личный кабинет netangels, проверяем состояние вашего сайта на текущий период.

ШАГ 2 - Рядом с сайтом нажимаем три полоски, открываются настройки сайта на хостинге и выбираем " Отключить ".

ШАГ 4 - Переходим в раздел " Управление " домена, который будет переноситься.
Нам нужно поменять DNS-серверы.

ШАГ 5 - Меняем запись типа A, которая бы указывала на IP адрес: 185.165.123.36 и запись типа А для поддомена WWW, которая бы указывала на IP адрес: 185.165.123.36.

ШАГ 6 - Переходим в личный кабинет Tilda, затем переходим в раздел "Домен" в настройках нужного сайта. Вводим нужное нам доменное имя. Сохраняем изменения, а затем опубликовываем весь сайт заново. Будьте готовы, что перенос может длиться до 24 часов, но у меня произошло все быстро. После того, как опубликовали, подождите пару минут и проверьте настройки домена и работу самого сайта.

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

Если статья оказалась полезной, то не забудьте поделиться ею, поставить лайк и подписаться, мне будет приятно, а вы будете получать интересные обучающие статьи по W-D и работе с Tilda.

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

Рассказываем, почему отказались от экспорта кода и в итоге верстали страницу с нуля.

В чем проблема

Мы изучили код на Тильде и решили, что скопировать его прямиком на сайт — плохая затея. В конструкторе куча стилей и классов, которых нет у нас.

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

Код на Тильде минифицирован — там нет разрывов, лишних пробелов, отступов и некоторых других элементов, а имена переменных сокращены.

Минификация упрощает исходный код, но с такой страницей неудобно работать Минификация упрощает исходный код, но с такой страницей неудобно работать

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

Сложно работать и с классами, названия которых в коде Тильды — бессвязный набор символов.

"product-class" понятнее, чем "r t-rec t-rec_pt_0 t-rec_pb_0" "product-class" понятнее, чем "r t-rec t-rec_pt_0 t-rec_pb_0" Код Java Script прописан непосредственно в html разметке страницы Код Java Script прописан непосредственно в html разметке страницы

Даже замена изображений становится проблемой: верстальщику нужно разобраться с кучей картинок с однотипными названиями.

Что мы сделали

Мы поняли, что проще и быстрей сверстать все с нуля. Прототип на Тильде использовали как макет. Процесс прост:

  • изучаем дизайн прототипа;
  • верстаем то же самое на тестовой странице;
  • разрабатываем новые виды форм;
До этого у нас были формы только одного типа — «Оставить заявку».
Для этой страницы создали новую форму — «Получить чек-лист». Мы ввели в разметку специальный атрибут, который помогает скрипту определить, с какой формы идет заявка.
  • убираем недочеты;
  • переносим все на боевую страницу.

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

Рекомендуем использовать функцию экспорта кода, когда основной сайт тоже разработан на Тильде.

В остальных случаях советуем верстать страницы вручную.

P.S. Мы не отказываемся от Тильды полностью — ее удобно использовать для решения других задач:

  • Быстро набросать прототип, чтобы показать свое видение команде, дизайнеру, клиентам, руководству.
  • Сверстать и перенести на сайт страницу, которая не должна соответствовать общему стилю сайта.

Чтобы видеть в ленте полезные материалы по интернет-маркетингу и контекстной рекламе, подписывайтесь на наш канал.

Читайте также: