Привет! В этой технической статье по шагам покажу, как загрузить лендинг на хостинг. Для примера рассмотрим два хостинга – 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 мегабайт.

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

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