Как разместить сайт на хостинге

Статья обновлена в сентябре 2026 года

Разработка сайта подразумевает под собой целую серию задач. От создания HTML-разметки и написания скриптов до аренды сервера, покупки собственного доменного имени и размещения ресурса в интернете.

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

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

Выбираем хостинг

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

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

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

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

Размещаем сайт на виртуальном хостинге

Сначала разберем публикацию на виртуальном хостинге. Это наиболее простой и доступный способ быстро «поднять» ресурс с минимальными затратами времени и сил.

Виртуальный хостинг — это папка на удаленном ПК под управлением Linux, которой заведует хостинг-провайдер. Он выдает вам ограниченные права на эту папку, чтобы вы могли там разместить файлы своего проекта, тем самым превратив ее в подобие сервера. После создания и регистрации адреса к этому серверу можно будет подключиться извне и пользоваться, как любыми другими страницами в интернете.

Создать и разместить страницу на виртуальном хостинге Timeweb можно двумя способами:

• Автоматически — когда большая часть файлов, включая рабочую CMS, попадает на сервер еще на этапе аренды.
• Вручную — когда вы покупаете у хостинга только папку и сами решаете, что с ней делать.

Ручной режим настройки

Как я уже отметил выше, под ручным режимом понимается настройка практически с нуля. Мы арендуем пустой виртуальный хостинг, в котором будет только папка public_html. Будем сами загружать на удаленный ПК HTML-файлы, скрипты, стили и медиаконтент. Создадим и зарегистрируем новое доменное имя через сервис Таймвэб. При необходимости настроим CMS.

Такой метод публикации дает больше гибкости. Можно установить любую CMS на свой выбор, не опираясь на список CMS, доступных в каталоге хостинга. К примеру, Timeweb не предлагает автоматически устанавливать DataLife Engine, но если арендовать пустой ВХ, то будет возможность сделать это самостоятельно.

Регистрируемся на хостинге

Зарегистрируем учетную запись в Timeweb и арендуем ВХ с подарком.

• Заходим на главную страницу Timeweb.

Мы можем сразу нажать «Начать бесплатно» и получить 10-дневный пробный период. А можем посмотреть тарифы, выбрать подходящий и нажать кнопку там: 

• Указываем персональные данные для регистрации и переходим к оплате услуг провайдера.
• Кликаем по иконке в виде кошелька в верхнем правом углу экрана.

• Выбираем удобный способ оплаты (поддерживаются банковские карты, СБП и ЮMoney).
• Заходим в раздел «Баланс и платежи» в боковой панели интерфейса Timeweb и переходим во вкладку «Бонусы и промокоды».

• Кликаем по кнопке «Активировать» напротив строчки «Бесплатный домен в зоне…».

Сразу после регистрации вы получите 10 дней бесплатного пробного периода. Чтобы получить домен в подарок, придется оплатить услуги хостинга на год вперед. Для этого вверху есть иконка с кошельком.

Регистрируем домен

У сайта должно быть имя. Ссылка, по которой проходят пользователи, чтобы попасть на страницу. Например, apple.com — это доменное имя. Так же, как vk.com. Вашему ресурсу тоже нужен URL. То есть не только IP-адрес, но и удобный буквенный вариант ссылки.

Чтобы его зарегистрировать:

• Открываем раздел «Домены и SSL» в панели управления хостинга.

• Переходим во вкладку «Администраторы» и кликаем по кнопке «Добавить администратора».

• Теперь вы можете заполнить данные администратора вручную или добавить их через Госуслуги.

Второй способ пригодится тем, кто планирует регистрировать домены в зонах .ru или .рф, потому что с 1 сентября 2026 года для их регистрации обязательно нужно подтверждать данные администратора через Госуслуги.

• После того, как мы добавили администратора, мы возвращаемся на вкладку «Мои домены» и жмем «Купить домен». 

• Вписываем выбранное имя в поисковую строку. Система проверит, доступен ли выбранный вариант. Если недоступен, то хостинг предложит один из похожих, но свободных вариантов. Если доступен, то можно будет продолжить, нажав на «Зарегистрировать».

• Листаем открывшуюся страницу вниз, ищем строчку «Сумма к оплате» и выбираем вариант оплаты бонусами.

Готово. Через несколько часов имя будет зарегистрировано.

Готовим файлы сайта к загрузке на хостинг

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

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

Ну и не помешало бы навести в них порядок перед началом. Объединить несколько CSS в один, провести рефакторинг скриптов, подчистить лишние строки в HTML и т.п.

Как почувствуете, что готовы, переходите к следующему шагу.

Загружаем файлы через встроенный файловый менеджер Timeweb

Timeweb позволяет загружать файлы на ВХ через панель управления с помощью браузера.

• Открываем «Файловый менеджер» в панели управления Таймвэб.

• Переходим в директорию public_html (в базовом виртуальном хостинге отсутствуют другие каталоги).
• Переносим наш архив с файлами в окно браузера, чтобы он загрузился на сервер. Спустя некоторое время он появится в хранилище у провайдера. Длительность загрузки зависит от скорости подключения к сети, производительности виртуального хостинга и размера загружаемого архива.
• Выделяем его, кликнув левой кнопкой мыши один раз. 
• Затем нажимаем на три точки в верхней части интерфейса файлового менеджера. 
• В выпавшем списке выбираем пункт «Распаковать».

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

Загружаем файлы через FTP-клиент

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

• Открываем FTP-клиент (подойдет Explorer в Windows или Finder в macOS, но лучше использовать специализированные решения в духе Filezilla).
• Подключаемся к по протоколу FTP к своему виртуальному хостингу (адрес можно узнать на главной странице панели управления или в техподдержке провайдера).

• Авторизуемся, указав пароль, выданный хостингом.
• Копируем архив на сервер.
• Распаковываем архив встроенным в FTP-клиент архиватором.
• При необходимости выдаем права на чтение и запись загруженных директорий и документов.

Автоматический режим настройки

У Таймвэб есть все для развертывания ресурса с нуля. Достаточно выбрать правильный раздел в меню и ввести персональную информацию. Полноценный ресурс с популярной CMS и домен впридачу.

• Открываем официальную страницу хостинга.
• Кликаем по пункту «Хостинг для сайта» в левом верхнем углу.
• В раскрывшемся меню выбираем пункт «Хостинг для CMS».

• Ищем CMS на свой вкус (доступны WordPress, Drupal, Joomla, 1C-Bitrix, Opencart и Prestashop) выбираем подходящий тариф и кликаем по кнопке «Регистрация» под ней.

• Указываем персональные данные для входа в систему и управления сервером.

Все, осталось зарегистрировать имя и загрузить файлы. Можно пользоваться!

Лучше выбирать тариф с оплатой сразу за год. Тогда виртуальный хостинг обойдется дешевле, а за доменное имя в зонах .ru, .рф, .site и т.п. платить не придется совсем. Надо открыть меню «Бонусы и промокоды» в панели управления хостингом и нажать на «Активировать» напротив надписи «Бесплатный домен в зоне…».

Размещаем сайт на виртуальном выделенном сервере (VDS)

Это инструкция для тех, кто арендовал не папку на сервере, а отдельную виртуальную машину, которой можно управлять как полноценным удаленным ПК без ограничений. Чтобы управлять VDS, нужны SSH-клиент или проприетарная панель управления. Например, ISPmanager.

Я покажу, как разместиться с помощью нее, так как ISPmanager довольно популярна, удобна и по умолчанию поддерживается большинством провайдеров, включая Таймвэб. 

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

Создаем домен и регистрируем его

Разберем вариант регистрации стороннего домена и добавления его к VDS через ISPmanager.

• Покупаем домен на соответствующем ресурсе.
• Регистрируем домен с помощью специального сервиса-регистратора. Купить домен можно, например, тут.
• Настраиваем DNS-сервер для вновь созданного доменного имени (подробная инструкция тут).

Заходим в панель. Открываем «Сайты» → «Создать сайт».

В форме указываем:

• Доменное имя: example.com, без https:// и слешей.
• Псевдонимы сайта: www.example.com, если хотим, чтобы адрес с www тоже работал.
• IP-адрес: адрес сервера, на котором будет работать сайт.
• Владелец сайта: обычный пользователь панели, которому будут принадлежать файлы. Если такого пользователя еще нет, создаем его в разделе «Пользователи».
• Директория сайта: можно оставить предложенную панелью.

Для первого запуска с простой HTML-страницей PHP и база данных не нужны. Сертификат пока не выпускаем: сначала настроим домен.

Нажимаем «Создать». Если раздела «Сайты» вообще нет, проверьте, установлен ли веб-сервер в конфигурации ПО панели. Названия и набор полей зависят от установленного ПО — это описано в инструкции ISPmanager.

Теперь идем в кабинет регистратора. Находим наш домен и раздел вроде «Управление DNS» или «DNS-записи».

Здесь есть нюанс, на котором легко потерять время: записи нужно менять там, где обслуживается DNS домена. Если используются DNS-серверы регистратора — в его кабинете. Если домен подключен к стороннему DNS-сервису — там.

Для этой инструкции оставим DNS у регистратора. Собственные DNS-серверы на VDS нам не понадобятся.

Добавляем две записи:

Знак @ обозначает сам домен — в нашем примере example.com. В некоторых кабинетах вместо него нужно оставить поле пустым или написать домен целиком. Обычно рядом есть подсказка.

TTL можно оставить по умолчанию.

Если записи для этих имен уже ведут на парковочную страницу, заменяем их адреса. Если для www существует CNAME, не добавляем рядом A-запись: для выбранной схемы заменяем этот CNAME на A.

Заодно смотрим, нет ли старой AAAA-записи. Она отвечает за IPv6. Если она ведет на чужой сервер, часть посетителей может попадать туда. Для нашего варианта только с IPv4 такая запись не нужна.

Почтовые MX и TXT-записи оставляем как есть.

И да: добавить DNS-записи только в ISPmanager недостаточно, если домен использует DNS-серверы регистратора. Интернет будет брать сведения именно у них.

На регистрацию уходит время. Поэтому сразу после настройки переходить по ссылке и надеяться увидеть что-то работоспособное не стоит. Возможно, ожидание затянется до 72 часов.

Создаем базу данных

С доменом разобрались, сайт открывается. Теперь посмотрим как создать в ISPManager базу данных.

База нужна, чтобы хранить записи, настройки, комментарии и другую информацию сайта. Простой HTML-странице она не требуется, а вот WordPress без нее не заработает.

1. Создаем базу

Ниже исхожу из того, что MySQL или MariaDB уже установлена на VDS и доступна в панели.

Открываем «Базы данных» → «Создать базу данных». Заполняем форму:

• Имя БД: например, myblog.
• Владелец: пользователь панели, которому принадлежит сайт.
• Сервер баз данных: установленный на VDS MySQL или MariaDB.
• Кодировка: для современной CMS обычно подходит utf8mb4, если она доступна и поддерживается системой.
• Пользователь: выбираем создание нового, задаем имя и сложный пароль.

Если сайт и база находятся на одном VDS, удаленный доступ включать не нужно. Сохраняем форму. Описание полей есть в документации ISPmanager.

Пароль сразу сохраняем в менеджере паролей. Это отдельный пароль для базы — данные от входа в ISPmanager здесь не подойдут.

2. Подключаем базу к сайту

Возвращаемся к установке CMS. Теперь у нас есть все, что она просила:

Если панель добавила к имени базы или пользователя префикс, копируем имя целиком.

Для нестандартной установки, например базы в контейнере, адрес и порт могут отличаться. Тогда берем параметры подключения из настроек сервера БД.

Уже установленному сайту эти данные прописываем в его конфигурации. У WordPress это файл wp-config.php: параметры DB_NAME, DB_USER, DB_PASSWORD и DB_HOST.

3. Если переносим старый сайт — загружаем его данные

Новая база пока пустая. Старые статьи и настройки сами в ней не появятся, даже если файлы сайта уже перенесены.

Нужен дамп — выгрузка старой базы, обычно файл .sql. Выбираем новую базу в ISPmanager и используем функцию загрузки дампа. 

Для нового сайта этот шаг пропускаем: установщик CMS сам создаст нужные таблицы.

4. Проверяем, что все работает

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

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

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

Загружаем файлы сайта

Большую часть настроек мы уже прошли. Осталось загрузить на сервер сам сайт: HTML-страницы, стили, скрипты и картинки. Сделаем это через файловый менеджер ISPmanager — отдельная программа не понадобится.

1. Собираем файлы в архив

На компьютере открываем папку с готовым сайтом. Выделяем ее содержимое и упаковываем в ZIP. Так проще перенести все файлы сразу и сохранить структуру папок.

Внутри архива должны лежать index.html, папки со стилями, скриптами и изображениями. Если проект требует сборки, загружаем ее результат — например, содержимое папки dist.

2. Открываем папку сайта

В ISPmanager заходим в «Менеджер файлов» под пользователем, которому принадлежит сайт. Открываем его директорию — точный путь можно посмотреть в настройках сайта.

Обычно он выглядит примерно так: /var/www/пользователь/data/www/example.com/. Если в настройках задана отдельная публичная директория, файлы для браузера размещаем в ней.

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

3. Загружаем и распаковываем

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

После загрузки выделяем архив и нажимаем «Архив» → «Извлечь». Распаковываем в текущую папку. Эти действия описаны в инструкции по файловому менеджеру ISPmanager.

Проверяем, что index.html оказался прямо в публичной директории. Если он лежит внутри дополнительной папки вроде my-site, переносим ее содержимое на уровень выше.

Загруженный ZIP после распаковки удаляем с сервера.

4. Проверяем результат

Открываем домен в браузере. Проходим по ссылкам, смотрим, появились ли картинки и работает ли меню.

Если страница открылась, но оформление пропало, проверяем пути к CSS и JavaScript. Заодно сверяем регистр букв: на Linux файлы Logo.png и logo.png — разные. На компьютере такая мелочь могла остаться незаметной.

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

Как разместить сайт на хостинге бесплатно?

Описанные выше методы затрагивают только размещение на платном хостинге Timeweb. Но отправить свое детище в интернет можно и без затрат.

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

Во-вторых, есть GitHub. На нем можно опубликовать статичный лендинг без динамических файлов, даже не имея платной учетной записи. А еще Google App Engine — бесплатная платформа для размещения веб-приложений в сети (это что-то в духе VDS, только на мощностях Google).

В-третьих, можно разместить свой код в веб-среде для разработки. Например, CodePen или JSFiddle. Туда можно вписать и скрипты, и стили. Можно как тестировать на нем свой код, так и демонстрировать его заказчикам, если ресурс делался для них.

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