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

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

Содержание

1. Что такое FTP и зачем он нужен
2. Что понадобится перед началом
3. Шаг 1. Установка FileZilla
4. Шаг 2. Где взять FTP-данные у хостинга
5. Шаг 3. Подключение к серверу
6. Шаг 4. Структура папок на хостинге
7. Шаг 5. Загрузка файлов сайта
8. Шаг 6. Проверка работы сайта
9. FTP, SFTP, FTPS — в чём разница
10. Частые ошибки и их решения
11. Альтернативы FileZilla
12. FAQ
13. Чек-лист загрузки

Что такое FTP и зачем он нужен

FTP (File Transfer Protocol) — протокол передачи файлов между двумя компьютерами по сети. В контексте хостинга это способ загрузить файлы вашего сайта с локального компьютера на удалённый сервер хостинг-провайдера. Был создан ещё в 1971 году и до сих пор работает на большинстве хостингов.

Альтернативы FTP: панель управления хостингом (загрузка через веб-интерфейс), Git-деплой, rsync, специализированные команды для конкретных CMS. Для статичного HTML-сайта FTP — самый простой и быстрый способ.

FileZilla — самый популярный бесплатный FTP-клиент. Работает на Windows, macOS, Linux. Open source, без рекламы. Поддерживает FTP, FTPS и SFTP — три варианта одного протокола с разным уровнем безопасности.

Что понадобится перед началом

• Готовые файлы сайта. Папка с минимум одним файлом index.html и связанными ресурсами (CSS, JS, картинки).
• Купленный хостинг. Любой виртуальный хостинг с поддержкой статичных сайтов.
• FTP-доступ от хостинга. Адрес сервера, логин, пароль, порт. Выдаются в личном кабинете после оплаты.
• Установленный FileZilla. Качается с официального сайта filezilla-project.org.
• Интернет. Желательно стабильное соединение — загрузка крупных папок может занять несколько минут.

Если хостинг ещё не выбран — обратите внимание на тарифы с минимальной стоимостью и поддержкой статичных сайтов. Это самый дешёвый сегмент, обычно от 100–200 ₽/мес. Сравнить варианты можно в подборщике хостингов Zettabyte — там видно, какие провайдеры подходят под статичный HTML и сколько это стоит.

Шаг 1. Установка FileZilla

Скачиваем клиент с официального сайта: filezilla-project.org → раздел «Download FileZilla Client». Важно — именно Client, а не Server.

Для Windows доступны установщик (.exe) и портативная версия (.zip). Для macOS — .pkg или .app. Для Linux — пакет в репозиториях или AppImage.

Особенности установки на Windows:

• На втором экране установщика снимите все галочки с «дополнительного ПО» (обычно предлагает установить браузер или антивирус — это партнёрский маркетинг).
• Выберите «Anyone who uses this computer» или «Only for me» — на ваше усмотрение.
• Папку установки оставьте по умолчанию.

Альтернативная установка через пакетный менеджер:

# Windows (через Chocolatey)
choco install filezilla

# macOS (через Homebrew)
brew install --cask filezilla

# Ubuntu/Debian
sudo apt install filezilla

# Fedora
sudo dnf install filezilla

После установки запускаем — появится окно с панелями: слева локальный компьютер, справа удалённый сервер (пока пустой), сверху панель сообщений, снизу очередь передачи.

Шаг 2. Где взять FTP-данные у хостинга

Каждый хостинг сразу после оплаты присылает на e-mail или показывает в личном кабинете FTP-доступы. Обычно это четыре параметра:

• Хост / адрес сервера. Вид: ftp.yourhost.ru или IP-адрес типа 192.168.100.50.
• Имя пользователя. Обычно совпадает с логином аккаунта или вида u1234567.
• Пароль. Сгенерирован хостингом или задан вами при покупке.
• Порт. 21 для обычного FTP, 22 для SFTP, 990 для FTPS. По умолчанию — 21.

Где конкретно найти данные:

• В письме «Активация услуги» от хостинга после оплаты;
• В разделе «FTP-аккаунты» или «Доступы» в панели управления хостинга;
• В тикете технической поддержки, если письмо потерялось — выдадут заново.

Если у вас несколько сайтов на одном хостинге, можно создавать отдельные FTP-аккаунты с доступом только к конкретной папке — это безопаснее, чем давать главный пароль.

Шаг 3. Подключение к серверу

В FileZilla есть два способа подключиться: быстрое подключение или через менеджер сайтов.

Быстрое подключение (одноразовое)

В верхней строке окна FileZilla есть четыре поля: Хост, Имя пользователя, Пароль, Порт. Вводите данные от хостинга и нажимаете «Быстрое соединение». Не сохраняет настройки между сессиями — каждый раз вводить заново. Подходит для разовых задач.

Менеджер сайтов (рекомендуется)

Файл → Менеджер сайтов (или Ctrl+S). Открывается окно, где можно сохранить настройки подключения с именем (например, «Мой сайт на хостинге X»).

1. Нажмите «Новый сайт», задайте имя.
2. В правой части введите параметры:
   • Протокол: FTP (или SFTP, если хостинг поддерживает);
   • Хост: адрес от хостинга;
   • Порт: 21 (для FTP) или 22 (для SFTP). Можно оставить пустым — подставится дефолтный.
   • Шифрование: «Использовать явный FTP через TLS, если доступно» — безопаснее.
   • Тип входа: «Запросить пароль» (безопаснее) или «Нормальный» (тогда пароль сохранится).
   • Пользователь и Пароль — из письма хостинга.
3. Нажмите «Соединиться».

При первом подключении FileZilla может показать предупреждение о сертификате — если адрес сервера совпадает с тем, что выдал хостинг, можно поставить галочку «Доверять этому сертификату» и нажать ОК.

Шаг 4. Структура папок на хостинге

После подключения в правой панели появится содержимое сервера. У большинства хостингов структура такая:

/
├── public_html/   ← здесь файлы вашего основного домена
├── tmp/           ← временные файлы
├── logs/          ← логи доступа и ошибок
├── mail/          ← почтовые ящики (если есть)
└── ...

Названия могут отличаться:

• public_html — стандарт cPanel, ISPmanager;
• www — встречается у российских хостеров;
• htdocs — у некоторых старых конфигураций;
• httpdocs — Plesk;
• domains/yourdomain.ru/public_html/ — на многосайтовых аккаунтах.

Главное правило: файлы сайта должны лежать там, куда смотрит веб-сервер для вашего домена. Если вы загрузите index.html в корень аккаунта (рядом с public_html), сайт не откроется. Если в нужную папку — откроется сразу.

Уточнить точное имя папки для вашего домена можно в панели хостинга в разделе «Сайты» или «Домены». Также эта информация обычно есть в письме с доступами.

Шаг 5. Загрузка файлов сайта

В левой панели FileZilla переходите в локальную папку с вашим сайтом. В правой — в public_html (или аналог) на сервере.

Способы загрузки:

1. Перетаскиванием. Выделите файлы и папки слева (мышью или Ctrl+A), перетащите в правую панель. FileZilla добавит их в очередь и начнёт передачу.
2. Контекстное меню. Правый клик на файле → «Закачать на сервер».
3. Двойной клик. По файлу или папке — отправляется на сервер.

Внизу окна видна очередь передачи: имя файла, размер, статус, прогресс. По завершении файлы переходят в вкладку «Успешные передачи».

Что именно загружать

Если у вас HTML-шаблон, его структура обычно такая:

my-site/
├── index.html        ← главная страница (обязательно!)
├── about.html        ← вторая страница (если есть)
├── contact.html
├── css/
│   └── style.css
├── js/
│   └── main.js
├── images/
│   ├── logo.png
│   └── hero.jpg
└── favicon.ico

Загружать нужно ВСЁ содержимое папки my-site/, но НЕ саму папку. Иначе файлы окажутся внутри public_html/my-site/ и сайт откроется по адресу yourdomain.ru/my-site/, а не yourdomain.ru/.

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

Время загрузки

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

• Простой HTML-сайт (10–20 МБ) — 1–3 минуты;
• Сайт с большой галереей фото (200 МБ) — 10–20 минут;
• Тяжёлый шаблон с видео (500 МБ+) — от 30 минут.

Если соединение разрывается, FileZilla автоматически возобновит загрузку с того файла, который не докачался. Если разорвалось посередине файла, выберите этот файл в очереди и нажмите «Перезапустить».

Шаг 6. Проверка работы сайта

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

Если сайт не открылся, проверьте:

1. Файлы загрузились в правильную папку (public_html, а не корень аккаунта).
2. В этой папке есть файл index.html (а не Index.html или index.HTML — регистр важен на Linux-серверах).
3. Домен привязан к хостингу — проверьте NS-серверы или DNS-записи в личном кабинете регистратора.
4. DNS-изменения распространились — это может занять до 24 часов после привязки домена. Проверка: сервис whatsmydns.net.
5. Нет старого index.html от хостера, который «приветствует». Если есть — удалите его.

Чтобы посмотреть на сайт сразу, до распространения DNS, можно использовать прямой URL хостинга. Обычно вид http://username.yourhost.ru или http://ваш_ip/~username/. Точный адрес — в письме хостинга.

FTP, SFTP, FTPS — в чём разница

Три варианта протокола с разным уровнем безопасности.

• FTP (порт 21). Классический, без шифрования. Логин и пароль передаются в открытом виде. Использовать НЕ рекомендуется. Подходит только для тестов в локальной сети.
• FTPS (порт 990). FTP с шифрованием TLS/SSL. Безопасный вариант с обратной совместимостью.
• SFTP (порт 22). Передача файлов через SSH. Самый безопасный, использует тот же порт, что и SSH-доступ. Поддерживается не всеми хостингами.

Если хостинг поддерживает SFTP — используйте его. Если только FTP — обязательно включайте «Использовать явный FTP через TLS» в настройках FileZilla, чтобы пароль не уходил в открытом виде.

Частые ошибки и их решения

«Не удалось подключиться к серверу»

Возможные причины:

• Неправильный адрес сервера — перепроверьте в письме хостинга;
• Неправильный порт — попробуйте стандартные 21, 22, 990;
• Брандмауэр Windows или антивирус блокирует исходящее соединение — добавьте FileZilla в исключения;
• Провайдер интернета блокирует FTP — попробуйте с мобильного интернета;
• Хостинг временно недоступен — проверьте статус через панель управления.

«Логин или пароль неверны»

• Проверьте регистр пароля — на серверах он важен;
• Скопируйте пароль из письма хостинга, чтобы не опечататься;
• Перегенерируйте пароль в панели хостинга и попробуйте снова;
• Убедитесь, что используете FTP-пароль, а не пароль от личного кабинета — это разные вещи.

Файлы загрузились, но сайт показывает 404

• Файлы попали не в ту папку — переместите в public_html;
• Главный файл назван не index.html, а как-то иначе — переименуйте;
• Регистр в имени файла отличается (Index.html вместо index.html) — переименуйте в нижний регистр;
• Домен не привязан к хостингу — проверьте в личном кабинете;
• Кэш браузера показывает старую страницу — нажмите Ctrl+F5.

Сайт открывается без стилей и картинок

• Папки css, js, images не загрузились или загрузились в неправильное место;
• В HTML абсолютные пути /home/user/... вместо относительных css/style.css;
• Регистр в именах файлов отличается (Style.css vs style.css).

Соединение разрывается каждые несколько минут

• Включите режим пассивного FTP: Редактирование → Настройки → Соединение → FTP → Пассивный (по умолчанию)
• В настройках сайта установите «Тайм-аут» побольше — 300 секунд.

«Передача не удалась» для некоторых файлов

• Закончилось место на хостинге — проверьте в панели управления;
• Имя файла содержит русские буквы или спецсимволы — переименуйте в латиницу;
• Файл превышает максимальный размер на тарифе — посмотрите лимиты.

Альтернативы FileZilla

Для разовых задач — веб-интерфейс хостинга. Для регулярной работы — FileZilla или WinSCP. Если деплоите часто во время разработки — плагин SFTP к VS Code, чтобы загружать прямо при сохранении файла.

FAQ

Чек-лист загрузки сайта через FTP

• ☐ Установлен FileZilla с официального сайта
• ☐ Получены FTP-данные от хостинга (хост, логин, пароль, порт)
• ☐ В FileZilla создан сайт в Менеджере сайтов
• ☐ Включено шифрование (TLS или SFTP)
• ☐ Успешное подключение к серверу
• ☐ Найдена папка для файлов (public_html или аналог)
• ☐ Удалена «приветственная» страница хостера, если есть
• ☐ Загружено всё содержимое локальной папки (не сама папка)
• ☐ Главный файл назван index.html в нижнем регистре
• ☐ Загружены связанные ресурсы: CSS, JS, картинки
• ☐ Очередь передачи завершилась без ошибок
• ☐ Сайт открывается по техническому адресу хостинга
• ☐ Домен привязан к хостингу
• ☐ Сайт открывается по доменному адресу
• ☐ Все стили и картинки подгружаются корректно
• ☐ Проверено на мобильном устройстве

Заключение

Загрузка HTML-сайта на хостинг через FileZilla — задача на 15–30 минут даже для новичка. Главное: знать, куда грузить (папка public_html), что грузить (содержимое локальной папки, а не саму папку) и как грузить безопасно (с шифрованием TLS или через SFTP).

Если процесс показался слишком сложным или хочется обойтись без FTP-клиента — выбирайте хостинг с удобной панелью управления и встроенным файловым менеджером. Сравнить такие тарифы можно в каталоге хостингов Zettabyte. А если ещё не выбрали готовый HTML-шаблон для сайта — подборка адаптивных вариантов под разные ниши есть на странице шаблонов: скачали, отредактировали тексты, залили через FTP — и сайт работает.