Меню Рубрики

Установка лендинг на хостинг

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

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

Читайте также:  Установка датчика температуры audi a4 b5

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

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

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

источник

Как установить лендинг на хостинг самостоятельно

Новички часто задаются вопросом «Чем отличаются хостинги для лендинга?», постараемся дать ответ.

Хостинг для запуска лендинга не требует каких-то особых параметров. То есть когда вы ищете себе какой-то лучший хостинг для лендинга, на самом деле в большинстве случаев просто нужен обычный хостинг для сайтов, просто минимальный тариф, если вы не ожидаете какую-то стотысяччную аудиторию в сутки, также про более дорогие тарифы хостинга стоит задуматься в случае когда у вас фотографии и контент для лендинга занимает много места на диске (десятки гигабайт и более) или вы планируете размещать много лендингов в будущем.

Как загрузить лендинг на хостинг?

Установка лендинга на хостинг не отличается от обычного развертвания сайта на хостинге. Поставить самостоятельно лендинг на хостинг довольно просто и для этого надо выполнить несколько простых шагов:

Через файловый менеджер в cPanel

В панели управления cPanel найдите раздел «Файлы» и выберите «Диспетчер файлов«:

В открытой вкладке перейдите в корневую директорию Вашего сайта (в нашем случае это директория public_html) и нажмите кнопку «Отправить» сверху на панели инструментов:

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

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

После того, как файлы были извлечены — проверьте работу сайта в браузере, для этого в адресной строке пропишите адрес Вашего сайта: https://your-site.com/

Проверьте работу вашего лендинга и отправки заявок на почту.

Или через FTP-клиент FileZilla

Скачать FTP-клиент FileZilla можно на странице: http://filezilla.ru/get/
Откройте FileZilla и в соответствующие поля введите настройки Вашего FTP-аккаунта (как создать FTP-аккаунт в Cpanel можно узнать кликнув по ссылке Создание учетной записи FTP):

Для входа Вы так же можете использовать логин и пароль доступа к cPanel!

После подключения к серверу откройте папку сайте (в нашем случае это public_html) на удаленном сайте (сервере):

Далее на локальном сайте (Вашем компьютере) найдите папку с лендингом и выделите файлы:

После чего перетащите файлы на удаленный сайт:

После того, как файлы были скопированы — проверьте работу сайта в браузере, для этого в адресной строке пропишите адрес Вашего сайта: https://your-site.com/

Проверьте работу вашего лендинга и отправки заявок на почту.

Вы так же можете создать базу данных если это требует Ваш лендинг.

Мы всегда готовы помочь вам с загрузкой сайтов на хостинг

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

источник