Как разместить HTML-сайт на хостинге: пошаговая инструкция

Основы: Что такое статический сайт

В отличие от сложных систем (WordPress, Битрикс), HTML-сайт не требует базы данных. Это просто набор файлов (HTML для структуры, CSS для стилей, JS для логики и папка с картинками), которые браузер читает напрямую. Разместить такой сайт проще всего.

Что подготовить до публикации

Главная ошибка новичков — неверная структура папок.

• 1
  Главная страница вашего сайта обязательно должна называться `index.html` (именно маленькими буквами). Если она называется `main.html` или `Home.html`, сервер её не распознает, и пользователи увидят пустую директорию.
• 2
  Убедитесь, что все пути к картинкам и стилям в вашем коде — относительные. Не C:\Users\Ivan\Desktop\site\img\logo.png, а просто https://specialdigital.ru/wp-content/uploads/sdv2/img/logo.png или ./https://specialdigital.ru/wp-content/uploads/sdv2/img/logo.png.

Как загрузить файлы

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

Это самый простой способ. Зайдите в панель управления вашего хостинга. Создайте новый «Сайт» и привяжите к нему ваше доменное имя. Хостинг создаст папку с именем домена (или папку `public_html`). Откройте эту папку через встроенный Файловый менеджер и просто перетащите туда все ваши файлы с компьютера.

Что проверить после запуска

• Откройте сайт с телефона, чтобы сбросить кэш настольного браузера.
• Выпустите бесплатный сертификат Let’s Encrypt в панели хостинга, чтобы сайт открывался по защищенному протоколу HTTPS.
• Отправка форм обратной связи. Обычный HTML-сайт не умеет отправлять письма без серверного скрипта (PHP) или стороннего сервиса-обработчика (например, Formspree). Обязательно проверьте, доходят ли заявки!