Привет! В этой технической статье по шагам покажу, как загрузить лендинг на хостинг. Для примера рассмотрим два хостинга – 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 мегабайт.
Друзья, буду рада, если данная инструкция пришлась кстати. Также задавайте вопросы, если что-то непонятно. Ну и посмотрите видео, там все нагляднее.
С уважением, Виктория Карпова
Очень хорошо описано, разберётся даже человек, который не сильно специалист в этом деле
Замечательный подробный рассказ. Бери и делай. Спасибо!
Рада, что так:)
Круто, наконец-то хоть кто-то доходчиво объяснил.
Вот, как нужно отвечать на вопрос знающему человеку. Браво Виктория.
Добрый день. Подскажите пжл. Я залил к себе на хостинг ленд страницу полученную из оффера на партнерке. Как сделать что бы партнерка смогла учесть заказы сделанные через мой ленд?
Здравствуйте. Универсального решения тут нет — как вариант, попросить в партнерке, чтобы они под вас сделали форму заказа с вашей парт. меткой и вы заменили ее в коде.
В иных случаях можно использовать фреймовый сайт — (копию лендинга, но с вашей партнерской ссылкой)- но это не везде может работать.
Этот вопрос вам лучше задать в поддержку вашей конкретной партнерки.