Как опубликовать сайт в интернете
Разбираем пять рабочих способов выложить сайт — от перетаскивания папки в браузере до собственного сервера. Без жаргона: что нужно на старте, чем способы отличаются, какой выбрать под вашу задачу и почему сайт может не открыться после публикации.
Что значит «опубликовать сайт»
Пока сайт лежит папкой на вашем компьютере, его видите только вы:
двойной клик по 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. Порядок действий един почти
везде.
- Купите домен у регистратора — Рег.ру, Timeweb,
Nic.ru и другие. Для российской аудитории берите зону
.ru: она дешевле большинства международных и вызывает больше доверия. - Добавьте домен в панели площадки, где опубликован сайт. Площадка покажет, какую DNS-запись нужно создать — обычно это CNAME.
- Пропишите запись у регистратора в разделе управления DNS.
- Подождите обновления 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.