📘 How-to для начинающих

Как опубликовать сайт в интернете

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

Что значит «опубликовать сайт»

Пока сайт лежит папкой на вашем компьютере, его видите только вы: двойной клик по index.html открывает страницу по адресу вида file:///C:/Users/…, и такую ссылку нельзя отправить клиенту или заказчику — у него она просто не откроется.

Опубликовать сайт — значит положить его файлы на компьютер, который включён круглосуточно и доступен из интернета, и получить адрес, по которому сайт открывается у любого человека в любой точке мира. Этот компьютер называют сервером, а услугу его аренды — хостингом.

«Выложить сайт», «разместить сайт», «залить сайт» и «задеплоить сайт» — это всё об одном и том же действии, разными словами. Ниже мы разберём пять способов сделать это, от самого быстрого до самого трудоёмкого, и честно скажем, кому какой подходит.

Что нужно, чтобы сайт открылся в интернете

Независимо от выбранного способа, работают одни и те же три составляющие.

1. Файлы сайта

Минимум — один файл index.html. Обычно рядом лежат папки со стилями, скриптами и картинками. Важное правило: главная страница должна называться именно index.html и лежать в корне папки, а не внутри вложенной директории — сервер открывает её по умолчанию, когда посетитель заходит на адрес сайта.

Если сайт собран на React, Vue, Next.js или другом фреймворке, файлов для публикации у вас ещё нет: исходный код сначала нужно собрать — превратить в готовые HTML, CSS и JS. Это делает команда сборки (чаще всего npm run build), а платформы деплоя выполняют её за вас автоматически.

2. Место, где файлы лежат и раздаются

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

3. Адрес и HTTPS

Адрес бывает техническим — его бесплатно выдаёт площадка (ваш-проект.layero.ru, username.github.io) — и собственным, купленным у регистратора (вашсайт.ru). Начинать можно с технического: он полноценно работает, его не стыдно показать заказчику, а свой домен подключается в любой момент позже.

Отдельно про HTTPS — замочек в адресной строке. Без него браузеры помечают сайт как «Не защищено», а поисковики понижают его в выдаче. Раньше сертификат выпускали руками, сегодня нормальные площадки выдают его автоматически и бесплатно. Если площадка требует доплату за HTTPS — это повод поискать другую.

5 способов опубликовать сайт в интернете

Способ 1. Платформа деплоя — самый быстрый

Платформа деплоя (её ещё называют PaaS) берёт вашу папку или репозиторий, сама собирает проект, раздаёт его через сеть серверов и выдаёт готовый HTTPS-адрес. Настраивать сервер, nginx и сертификаты не нужно — этих слов вы просто не увидите.

Именно так устроен Layero: папку с сайтом можно перетащить прямо в панель управления, а разработчику удобнее выполнить npx layero@latest deploy в терминале. Публикация занимает 30–60 секунд, есть бесплатный тариф, а серверы и CDN находятся в России — сайт открывается у российской аудитории быстро и без VPN.

Кому подходит: практически всем — от лендинга на чистом HTML до приложения на Next.js. Ограничение: такие платформы рассчитаны на сайты и приложения, а не на классические PHP-CMS вроде «1С-Битрикс».

Способ 2. Виртуальный хостинг по FTP — классика

Вы покупаете тариф у хостера (Рег.ру, Timeweb, Beget и другие), получаете доступы, подключаетесь программой вроде FileZilla и копируете файлы в папку public_html. Затем в панели привязываете домен и включаете SSL-сертификат.

Кому подходит: сайтам на PHP и готовым CMS — WordPress, «1С-Битрикс», OpenCart; тем, кому нужна почта на своём домене и база данных в одном тарифе. Минусы: платно с первого дня, обновление сайта — ручное копирование файлов, а сборку фронтенд-проекта придётся делать у себя на компьютере каждый раз.

Способ 3. GitHub Pages — бесплатно для статики

Если код уже лежит в репозитории на GitHub, страницы можно раздавать прямо оттуда: в настройках репозитория включается GitHub Pages, и сайт открывается по адресу username.github.io/репозиторий.

Кому подходит: документации, портфолио, опенсорс-проектам. Минусы: нужен аккаунт GitHub и базовое понимание git; работают только статические сайты — серверный код запустить нельзя; серверы находятся за пределами России, поэтому скорость и доступность для российской аудитории непредсказуемы.

Способ 4. Конструктор сайтов — без файлов вообще

Tilda, Craftum, «Битрикс24.Сайты» и им подобные совмещают редактор и хостинг: вы собираете страницу из блоков мышкой и нажимаете «Опубликовать».

Кому подходит: тем, у кого ещё нет готового сайта и нет желания писать код. Не подходит, если сайт уже свёрстан: залить готовую HTML-папку в конструктор, как правило, нельзя — придётся пересобирать всё внутри их редактора заново.

Способ 5. Свой сервер (VPS) — максимум контроля

Вы арендуете виртуальную машину, ставите на неё операционную систему, веб-сервер nginx, настраиваете сертификат, файрвол, автозапуск и обновления безопасности.

Кому подходит: нестандартным задачам, тяжёлым бэкендам, ситуациям, когда нужен полный контроль над окружением. Цена вопроса: сервер нужно администрировать постоянно, а не один раз. Ради лендинга или портфолио этот путь выбирать не стоит.

Какой способ выбрать

Сравнение по тем параметрам, которые реально влияют на выбор в первый день.

Критерий Платформа деплоя Хостинг + FTP GitHub Pages Свой VPS
Время до рабочего адреса1–2 минуты1–2 часа15–30 минутПолдня и больше
Нужны знания сервераНетНемногоНужен gitДа, много
Бесплатный стартДаНетДаНет
HTTPS автоматическиДаОбычно даДаНастраивается вручную
Сборка проекта на стороне площадкиДаНетЧастичноНастраивается вручную
Обновление сайтаПовторный деплойКопирование файловgit pushСвой сценарий
Подходит для PHP и CMSНетДаНетДа
Серверы в РоссииДа — у LayeroОбычно даНетНа выбор

Как опубликовать сайт за минуту: пошагово

Разберём самый быстрый путь — через платформу деплоя. Ни сервера, ни домена, ни оплаты на старте не понадобится.

Шаг 1. Проверьте папку сайта

Убедитесь, что в корне папки лежит index.html, а пути к картинкам и стилям относительные — css/style.css, а не C:/Users/Ivan/site/css/style.css. Откройте index.html двойным кликом: если страница выглядит правильно локально, она так же откроется и в интернете.

Шаг 2. Войдите в панель

Откройте app.layero.ru и войдите по почте или через Яндекс. Отдельной регистрации нет — аккаунт создаётся при первом входе.

Шаг 3. Загрузите сайт

Перетащите папку проекта в панель — платформа распакует её, определит фреймворк (если он есть), соберёт и опубликует. Разработчикам быстрее выполнить npx layero@latest deploy в папке проекта: устанавливать ничего не нужно.

Шаг 4. Откройте адрес

Через 30–60 секунд вы получите ссылку вида ваш-проект.layero.ru с уже работающим HTTPS. Её можно сразу отправлять клиенту, а свой домен подключить позже.

Опубликуйте сайт прямо сейчас

Бесплатный тариф, HTTPS из коробки и CDN в России. Перетащите папку в панель или выполните npx layero@latest deploy.

Как подключить свой домен

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

  1. Купите домен у регистратора — Рег.ру, Timeweb, Nic.ru и другие. Для российской аудитории берите зону .ru: она дешевле большинства международных и вызывает больше доверия.
  2. Добавьте домен в панели площадки, где опубликован сайт. Площадка покажет, какую DNS-запись нужно создать — обычно это CNAME.
  3. Пропишите запись у регистратора в разделе управления DNS.
  4. Подождите обновления DNS — от нескольких минут до нескольких часов. Сертификат HTTPS для своего домена на нормальных площадках выпускается автоматически, доплачивать за него не нужно.

Подробный разбор с примерами записей — в документации по своим доменам.

5 ошибок, из-за которых сайт не открывается

Почти все обращения новичков в поддержку сводятся к этим пяти пунктам.

Главная страница названа не так

Файл main.html, home.html или Index.html сервер главной не считает. Нужен ровно index.html строчными буквами.

Файлы лежат во вложенной папке

Частый случай: внутри загруженной папки лежит ещё одна папка, и уже в ней index.html. Загружать нужно содержимое, а не обёртку.

Абсолютные пути с диска компьютера

Ссылки вида file:///C:/Users/… или /Users/ivan/site/img/logo.png работают только у вас. Нужны относительные: img/logo.png.

Перепутан регистр букв

Windows не различает Logo.PNG и logo.png, а сервер различает. Картинки «пропадают» именно из-за этого — держите имена в нижнем регистре.

Кириллица и пробелы в именах файлов

Моя картинка.jpg ломается в путях. Используйте латиницу и дефисы: moya-kartinka.jpg.

Смотрите старую версию из кэша

После обновления браузер может показывать прежнюю страницу. Обновите принудительно — Ctrl+F5 в Windows, Cmd+Shift+R в macOS.

Частые вопросы

Как опубликовать сайт в интернете бесплатно?
Бесплатно опубликовать сайт можно на платформе деплоя (Layero, бесплатный тариф — до 5 проектов с HTTPS-адресом), на GitHub Pages или на бесплатном тарифе конструктора. Быстрее всего — перетащить папку с сайтом в панель Layero: адрес вида ваш-проект.layero.ru выдаётся сразу, платить и настраивать сервер не нужно.
Что нужно, чтобы выложить сайт в интернет?
Нужны три вещи: файлы сайта (как минимум index.html), место, где они будут лежать и раздаваться посетителям, и адрес, по которому сайт открывается. Домен покупать не обязательно — платформы деплоя и хостинги выдают бесплатный технический адрес с сертификатом HTTPS.
Нужно ли покупать домен и хостинг, чтобы разместить сайт?
Нет, для старта не нужно. Технический адрес и HTTPS выдаются бесплатно, а свой домен подключается позже — обычно одной CNAME-записью в панели регистратора. Домен нужен, когда сайт коммерческий и адрес важен для узнаваемости.
Чем публикация сайта отличается от деплоя?
Это одно и то же, просто на разном жаргоне. «Опубликовать», «выложить», «разместить», «залить» сайт — обиходные слова; «деплой» (от англ. deploy — развернуть) — то же действие на языке разработчиков. Разница только в том, что деплой обычно подразумевает автоматическую сборку проекта перед публикацией.
Можно ли выложить сайт без FTP и файлового менеджера?
Да. FTP — способ времён классического виртуального хостинга. На современных платформах папка загружается перетаскиванием в браузере или одной командой npx layero@latest deploy, а обновление сайта делается повторным деплоем, а не ручной заменой файлов.
Почему сайт не открывается после публикации?
Три самые частые причины: главный файл назван не index.html или лежит не в корне папки; в путях к картинкам и стилям указан диск компьютера (C:/Users/...) вместо относительного пути; перепутан регистр букв в именах файлов — на сервере Logo.png и logo.png это разные файлы, в отличие от Windows.