Привет! В этой технической статье по шагам покажу, как загрузить лендинг на хостинг. Для примера рассмотрим два хостинга – Timeweb и Hostiman. Также я покажу способ загрузки лендинга через FTP-клиент Файлзилла. Он пригодится, если закачать лендинг непосредственно через панель управления вашим хостингом нет возможности.

Вы можете посмотреть мой видеоурок к статье:

Процесс показываю на примере загрузки лендинга в формате html или php. То есть, чтобы загрузить лендинг, он должен находиться на вашем компьютере в отдельной папке или архиве со всеми исходными файлами – файл index.html или index.php, картинки, css-стили, скрипты и т.д.

Пример такого лендинга с исходными файлами на скриншоте:

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Загрузка лендинга на примере Хостинга Таймвеб

Итак, у вас на компьютере есть папка с файлами вашего лендинга. Перед загрузкой на хостинг обязательно переименуйте ее латиницей, без пробелов и сторонних символов (так, как вы хотите, чтобы назывался ваш сайт). Затем заархивируйте.

Чтобы заархивировать, кликаем по папке правой кнопкой мыши, выбираем – Добавить в архив.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Выбираем zip-архив и нажимаем «Ок». Можно выбрать и rar-архив, но некоторые хостинги работают только с zip.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

На Таймвеб вам нужно зайти в раздел «Файловый менеджер», там выбрать корневую папку сайта, куда вы хотите загрузить лендинг.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Чтобы определить корневую папку и не ошибиться, зайдите в раздел «Сайты» и посмотрите, к какой директории привязан ваш домен. Название директории – это и есть название вашей корневой папки.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

В файловом менеджере открываете папку сайта двойным кликом мыши, внутри папку – public.html.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Внутри будут технические файлы хостинга, их можно оставить, а можно удалить, чтоб не мешались. Чтобы удалить, выделите их мышкой, удерживая клавишу ctrl – затем нажмите вверху «Файл» и «Удалить».

Для загрузки лендинга нажмите вверху по вкладке «Файл» — «Загрузить на сервер».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Нажмите «Прикрепить файл», выберите архив с лендингом на компьютере.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Затем нажмите «Загрузить».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Далее выделите загруженный архив мышью, нажмите по вкладке «Архиватор» — «Разархивировать».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Получаем распакованную папку с лендингом, а архив можем удалить (выделить мышью – нажать «Файл» и «Удалить»).

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

А можно поступить проще – перетянуть мышкой архив с лендингом с рабочего стола в корневую папку. И тут же распаковать его автоматически.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Зайдите внутрь папки с лендингом (двойной клик мыши по ней).

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

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Вставьте адрес в строку браузера, удалите внутри часть public_html и одну косую черту /. Должно остаться так – ваш домен/название папки (без пробелов).

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

В моем случае лендинг открывается по такому адресу:

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Если сайта у вас еще нет. Тогда сначала вам нужно зарегистрировать домен в разделе «Домены и поддомены. Да, на Таймвебе дается бесплатно технический домен 3-го уровня, который имеет вид: вашлогин.tmweb.ru. Но лучше все-таки зарегистрировать свой короткий и презентабельный домен – например, в зоне ru. Он обойдется вам до 200 р. в год. На регистрацию домена уходит несколько часов, максимум сутки. После этого вы можете создавать сайт.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Далее покажу на примере уже имеющегося у меня домена.

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

Нажимаем «Создать новый сайт».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Указываем имя директории сайта – называем точно так же, как называется наш домен.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Далее привязываем к этой директории домен, напротив нажимаем «Привязать домен».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

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

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Итак, сайт создан.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Теперь заходим в «Файловый менеджер», в корневую папку сайта и загружаем лендинг, как я поясняла выше!

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

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

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Если вы хотите, чтобы лендинг у вас открывался непосредственно по ссылке на главную (по адресу ваш домен.ru) , то можно сделать так:

1) Выделить все файлы лендинга внутри папки, которую мы загрузили, удерживая клавишу ctrl.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

2) Вверху нажать «Правка» — «Вырезать».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

3) Стрелочкой вверх выйти из папки с лендингом и перейти непосредственно в папку public_html.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

4) Сверху нажать «Правка» — «Вставить».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

5) А пустую папку из-под файлов лендинга просто удалить.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Таким образом, мы перенесли файлы лендинга непосредственно в корневую директорию, без дополнительной папки, и он стал открываться по адресу: ваш домен.ru

Как загрузить лендинг через FTP, используя Filezilla?

Этот способ может пригодиться, если на вашем хостинге нет файлового менеджера.

Для этого скачайте и установите Файлзиллу – она бесплатна.

Затем запустите программу на компьютере.

Перейдите в раздел «Файл» — «Менеджер сайтов».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

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

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Далее вам понадобятся данные для FTP-доступа.

Их можно взять в аккаунте хостинга. Или обратиться за информацией в службу поддержки, если сами в аккаунте не находите.

Например, на Таймвеб данные для FTP указаны очевидно, на главной странице аккаунта.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Кроме пароля от хостинга – его вы должны были сохранить при регистрации в надежном месте.

Вводим эти данные и соединяемся с хостингом.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Справа появятся файлы на хостинге, а слева – это файлы на вашем компьютере.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

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

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Слева на рабочем столе находим папку с лендингом. Через Файлзиллу лендинг можно загрузить сразу в папке, без необходимости архивировать ее, как в файловом менеджере. И закидываем эту папку в корневую директорию.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Жмем на нее правой кнопкой мыши и «Закачать на сервер».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

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

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Выделите левой кнопкой мыши все файлы одновременно.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Далее нажмите правой кнопкой мыши и выберите «Закачать на сервер».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Как загрузить лендинг на Hostiman?

Рассмотрим пример загрузки лендинга на еще одном хостинге – Hostiman. Кстати, если у вас пока нет ни хостинга, ни домена, нужен недорогой тариф, то можете рассмотреть этот хостинг, по нему у меня есть отдельный обзор с инструкцией.

Итак, переходим в панель управления хостинга — ISPManager (это популярная панель, которая встречается и на других хостингах, например, на Офферхост).

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Я покажу на примере домена, который можно зарегистрировать бесплатно при регистрации хостинга. Но повторюсь – это технический домен, лучше приобрести платный, более презентабельный.

Сперва также нужно создать сайт с имеющимся у вас доменом.

Для этого переходим в раздел WWW – WWW-домены. Нажимаем «Создать».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

В поле «Имя» указываем свой домен. Остальные поля заполнятся автоматически, нажимаем «ОК».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Сайт создан, теперь нужно попасть в его корневую директорию. Для этого переходим в раздел «Главное» — «Менеджер файлов».

Здесь двойным кликом мыши открываем папку с названием www.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Внутри находится корневая папка нашего сайта, ее также открываем двойным кликом мыши.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Внутри будет индексный файлик с заглушкой хостинга, его можно удалить. Просто выделить мышкой и сверху нажать «Удалить».

Далее загружаем наш лендинг в архиве с компьютера. Сверху нажимаем «Закачать».

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

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Теперь загруженный архив нужно распаковать – выделяем его и нажимаем «Извлечь».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

После извлечения получаем папку с лендингом, а архив удаляем.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Заходим внутрь папки с лендингом (открываем ее двойным кликом). И сверху копируем адрес, по которому будет открываться этот лендинг. Он имеет вид: ваш домен/название папки.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

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

Предварительно удалите из нее файл index.html – заглушку хостинга.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Чтобы перенести, выделите все файлы внутри папки с лендингом, удерживая клавишу ctrl. Затем нажмите «Копировать».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

В открывшемся перечне выберите папку с названием вашего домена и нажмите «Ок».

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Файлы лендинга скопируются в нее. А ненужную папку можно удалить.

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Вот и все. Мы научились загружать лендинг на хостинг.

Некоторые полезные советы и ответы на часто задаваемые вопросы

1) Часто спрашивают, можно ли загружать на один домен много лендингов или нужно делать поддомены?

Да, можно. Каждый новый лендинг вы загружаете в отдельной папке. Соответственно ссылка на лендинг будет иметь вид: ваш домен/название папки. Это, получается, отдельные страницы на вашем домене.

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

На поддомене тоже можно создавать лендинги, но имейте в виду, что каждый новый поддомен – это новый сайт. А на хостингах часто есть ограничение по количеству создаваемых сайтов.

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

Вот как это выглядит у меня:

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Просто придумайте для этого домена универсальное название, или зарегистрируйте цифровой домен и используйте его чисто под лендинги.

2) Можно ли загрузить лендинг на сайт, где установлен Вордпресс?

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

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

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

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

Можно создать отдельный сайт – использовать его для лендингов, а Вордпресс на него поставить, если вы планируете использовать плагины-конструкторы лендингов, например, Elementor, или пользоваться плагином для маскировки партнерских ссылок.

3) Сколько места нужно под лендинги?

Если вам нужен хостинг чисто под лендинги, то места в 500 мегабайт — 1 гигабайта на хостинге более чем достаточно. К примеру, я давно веду свой блог на Вордпресс, там уже накопилось немало файлов на диске, плюс загружены лендинги, реселл-комплекты, партнерские фреймы, а места занято примерно 250 мегабайт.

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

С уважением, Виктория Карпова