Меню Рубрики

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

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

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

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

Читайте также:  Установка распределительного щита в гипсокартон

источник

Хостинг для лендинга: как заставить сайт летать?

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

Посадочные страницы, как и сайты, могут различаться не только по тематике и содержанию, но и по объёму. Не следует сразу же выбирать самый дешёвый набор услуг. Чтобы лучше разобраться в вопросе, давайте рассмотрим разные примеры лендингов.

Мягкая посадка: какими бывают лендинги

Лендинг — это крючок, на который ловят новых клиентов. И чем качественнее «приманка», — оформление и подача рекламы, — тем больше людей захотят что-то купить.

— крупное изображение продукта или довольных клиентов с положительными отзывами;

— призыв к целевому действию;

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

Иногда посадочная страница может быть одностраничным сайтом, а иногда — частью корпоративного или сайта-визитки.

Если лендинг бывает разный, то как выбрать хостинг для него?

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

В конечном итоге выбор landing page-хостинга ограничивается только вашими потребностями. Рассмотрим три основных варианта:

Хостинг для одностраничного сайта (одностраничника). Чаще всего такие сайты бывают статичными и автономными, поэтому для них подойдут эконом-тарифы с минимальными характеристиками. Например, в REG.RU это Host-Lite или Host-A.

Хостинг для сайта-визитки. Персональный сайт может потребовать немалых затрат, особенно если ваша деятельность связана с творчеством и на ресурс нужно загружать большие галереи фотографий или видео. Здесь хорошим вариантом послужат тарифы Host-B или Host-0. Тариф хостинга Host-B предлагает больше дискового пространства (25 ГБ) — он подойдёт фотографам или дизайнерам для сайтов-портфолио, а хостинг Host-0 можно выбрать для создания простой личной страницы.

Хостинг для лендинга, который будет частью основного сайта. Для новой посадочной страницы понадобится дополнительное место на диске. Здесь стоит исходить из того, хватит ли вам для неё текущего тарифа. Если нет, вы всегда можете выбрать более мощный.

Я определился с хостингом, что дальше?

Важный момент при выборе хостинга — наличие дополнительных услуг, которые часто идут бонусом. Согласитесь, даже одностраничному сайту пригодится защита от атак и резервное копирование, тем более, если это бесплатно. При выборе хостинга поинтересуйтесь у провайдера, что он предлагает. Например, на всех наших тарифах, кроме Host-Lite, доступно неограниченное число баз данных, SSL-сертификат, а также поддержка PHP, MySQL, Perl, Python и популярных CMS, которые можно установить всего в несколько кликов. Кроме того, бесплатно на всех планах:

— хранение до 30 резервных копий,

— перенос хостинга от других провайдеров + подарки новым клиентам,

— возможность обратиться к отзывчивым сотрудникам техподдержки, всегда готовым помочь.

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

источник

Добавить комментарий

Adblock
detector