Как сделать сайт самому бесплатно — пошаговое руководство 2026
Сделать сайт бесплатно — не миф. Вопрос только в том, какой сайт вам нужен. Лендинг, блог, портфолио, интернет-магазин — для каждого есть свой бесплатный инструмент. В 2026 году возможностей стало ещё больше: появились Cloudflare Pages, улучшились бесплатные тарифы конструкторов, а GitHub Pages и Netlify только прибавили в функциональности. Разберём все варианты от А до Я — с пошаговыми инструкциями, реальными примерами и честным сравнением.
Вариант 1. GitHub Pages — для сайта-визитки и портфолио
GitHub Pages — это бесплатный хостинг статических сайтов от GitHub, крупнейшей платформы для хранения кода. Вы просто кладёте HTML, CSS и JavaScript файлы в репозиторий, и сайт автоматически становится доступен по адресу username.github.io. Никаких настроек сервера, никаких платежей.
Плюсы: можно привязать свой домен, HTTPS включается автоматически, без ограничений по трафику и дисковому пространству (до 1 ГБ на репозиторий), поддержка генераторов статических сайтов — Hugo, Jekyll, Eleventy, Astro. Вы можете использовать любую технологию, которая на выходе даёт HTML-файлы.
Минусы: только статические файлы. Нет базы данных, нет PHP, Node.js или Python на сервере. Для блога на WordPress или интернет-магазина на OpenCart этот вариант не подходит.
Пошаговая инструкция для GitHub Pages
Шаг 1. Создайте аккаунт на GitHub. Зайдите на github.com, нажмите Sign Up, введите почту, придумайте пароль и username. Подтвердите почту.
Шаг 2. Создайте репозиторий. Нажмите зелёную кнопку «New repository». Имя репозитория должно быть строго в формате username.github.io, где username — ваш логин на GitHub. Например, если ваш логин ivanov, репозиторий называется ivanov.github.io. Описание можно не заполнять. Репозиторий должен быть публичным (Public).
Шаг 3. Подготовьте файлы сайта. Создайте на компьютере папку проекта. Внутри неё — файл index.html с вашей главной страницей. Добавьте папки css/ и js/ по необходимости. Вот минимальный пример index.html:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Мой сайт</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это мой первый сайт на GitHub Pages.</p>
<script src="js/script.js"></script>
</body>
</html>
Шаг 4. Залейте файлы через Git. Откройте терминал (или командную строку) в папке проекта и выполните команды:
git init git add . git commit -m "Первый коммит" git branch -M main git remote add origin https://github.com/username/username.github.io.git git push -u origin main
Замените username на ваш логин. Если вы не знакомы с Git, можно залить файлы через интерфейс GitHub: откройте репозиторий, нажмите «Add file» → «Upload files» и перетащите файлы из папки проекта.
Шаг 5. Включите GitHub Pages. Зайдите в Settings репозитория → слева выберите «Pages». В разделе «Branch» выберите main и нажмите Save. Через 1-2 минуты ваш сайт будет доступен по адресу https://username.github.io.
Шаг 6 (опционально). Подключите свой домен. В том же разделе Settings → Pages → Custom domain введите ваш домен (например, ivanov.ru). Затем у регистратора доменов создайте A-записи, указывающие на IP-адреса GitHub, или CNAME-запись с вашего домена на username.github.io. Подробнее о DNS — в статье «Как подключить домен к хостингу».
Примеры сайтов на GitHub Pages
Многие крупные проекты используют GitHub Pages: документация React, Bootstrap, Electron. Среди русскоязычных — личные сайты разработчиков, портфолио дизайнеров, страницы проектов с открытым кодом. Портфолио на GitHub Pages выглядит профессионально: быстрая загрузка, HTTPS, при желании — свой домен.
Вариант 2. Netlify — для лендинга с формой обратной связи
Netlify — это платформа, которая начиналась как хостинг для статических сайтов с CI/CD, но превратилась в полноценную экосистему. Вы подключаете репозиторий, и при каждом push сайт автоматически обновляется. Это называется непрерывная интеграция (CI/CD).
Плюсы: встроенные формы обратной связи без бэкенда, автоматический деплой из Git, поддержка серверных функций на Edge, редиректы через файл _redirects, бесплатный SSL, возможность привязать свой домен. Бесплатный тариф включает 100 ГБ трафика в месяц и 300 минут сборки.
Пошаговая инструкция для Netlify
Шаг 1. Заливайте проект на GitHub. Если вы уже сделали это для GitHub Pages — отлично, используйте тот же репозиторий.
Шаг 2. Зарегистрируйтесь на Netlify. Зайдите на netlify.app, нажмите «Sign up» и войдите через GitHub. Это самый быстрый способ — Netlify получит доступ к вашим репозиториям.
Шаг 3. Импортируйте проект. На главной панели нажмите «Add new site» → «Import an existing project». Выберите GitHub, найдите ваш репозиторий. Netlify сама определит, что это статический сайт. Нажмите «Deploy site».
Шаг 4. Сайт запущен. Через минуту вы получите адрес вида random-name-123456.netlify.app. Можно сразу открыть — HTTPS уже работает.
Шаг 5. Настройка форм. Добавьте в HTML-форму атрибут netlify: <form netlify> или <form data-netlify="true">. Netlify автоматически перехватит отправку и сохранит данные в панели управления. Не нужен ни PHP, ни Node.js — форма работает на чистом HTML.
<form name="contact" method="POST" netlify>
<input type="text" name="name" placeholder="Ваше имя" required>
<input type="email" name="email" placeholder="Email" required>
<textarea name="message" placeholder="Сообщение"></textarea>
<button type="submit">Отправить</button>
</form>
Шаг 6. Редиректы. Создайте в корне проекта файл _redirects (без расширения) и пропишите правила:
/old-page /new-page 301 /blog/* /blog/:splat 200 /* /index.html 200
Перенаправления работают на уровне CDN, без нагрузки на сервер.
Шаг 7. Подключите домен. В панели Site settings → Domain management → Add custom domain. DNS можно полностью делегировать на Netlify (они дадут свои NS-серверы) или просто добавить A-запись на IP Netlify и CNAME для www.
Примеры сайтов на Netlify
Netlify используют компании вроде Google (Open Source sites), Unilever, Vue.js, Svelte. Для малого бизнеса — лендинги с формами заявок, сайты мероприятий, промо-страницы продуктов. Если вам нужен сайт с формой обратной связи, но вы не хотите платить за бэкенд — Netlify идеальный выбор.
Вариант 3. Tilda — для тех, кто не умеет программировать
Tilda Publishing — самый популярный в России визуальный конструктор сайтов. Бесплатный тариф даёт один сайт на поддомене project.tilda.ws с 50 МБ дискового пространства и 50 страницами. Этого достаточно для небольшого лендинга или портфолио.
Плюсы: не нужны знания кода, более 500 готовых шаблонов, визуальный редактор блоков (Zero Block позволяет создать уникальную вёрстку), адаптивность под мобильные устройства, встроенная аналитика.
Минусы: на бесплатном тарифе — поддомен третьего уровня, ограничение 50 МБ на загрузку изображений, нет возможности подключить свой домен (только на платном тарифе от 750 ₽/мес), ограниченный экспорт кода.
Работа с Zero Block в Tilda
Zero Block — это режим свободного конструирования. Вы не привязаны к готовым шаблонам: можно размещать текстовые блоки, изображения, кнопки, видео в любом месте страницы, накладывать слои, задавать прозрачность, кастомные анимации. Для дизайнеров это мощный инструмент, позволяющий реализовать макет любой сложности без единой строки кода.
Экспорт кода из Tilda. На платном тарифе доступен экспорт в HTML. Вы скачиваете ZIP-архив с готовыми HTML, CSS и JS файлами. Важно: экспортированный код содержит всю вёрстку как есть, но часть функционала (анимации, формы, Zero Block) может работать только на серверах Tilda. Для переноса на другой хостинг потребуется доработка.
Readymag — альтернатива для дизайнеров
Readymag ориентирован на дизайнеров и агентства. Бесплатный тариф — 1 проект до 5 страниц. Интерфейс более гибкий, чем у Tilda, но крутая кривая обучения. Подходит для портфолио, презентаций, лендингов. Минус — нет русскоязычной поддержки и не так популярен в РФ.
Вариант 4. Cloudflare Pages — быстрая альтернатива GitHub Pages
Cloudflare Pages — относительно новый игрок, но уже серьёзный конкурент GitHub Pages и Netlify. Бесплатный тариф включает: неограниченное количество запросов, неограниченную полосу пропускания, 500 сборок в месяц, 1 ГБ диска, поддержка Cloudflare Workers для серверных функций.
Плюсы: глобальная CDN Cloudflare (330+ городов), невероятная скорость загрузки — сайты на Cloudflare Pages грузятся быстрее, чем на GitHub Pages и Netlify, интеграция с Cloudflare Workers (можно писать серверный код на JavaScript), автоматический HTTPS, поддержка любых генераторов статики.
Минусы: менее интуитивная панель управления, чем у Netlify, меньше готовых интеграций, нет встроенных форм (придётся использовать Workers или сторонние сервисы).
Как начать с Cloudflare Pages
Зайдите на pages.cloudflare.com, войдите через аккаунт Cloudflare, нажмите «Create a project», подключите репозиторий GitHub или GitLab. Cloudflare сама определит фреймворк и предложит команду сборки. Через минуту сайт готов. Можно привязать домен — если ваш домен уже на Cloudflare, это делается в один клик.
Вариант 5. Бесплатные тарифы хостингов (Beget, Timeweb)
Российские хостинг-провайдеры тоже предлагают бесплатные пробные периоды. Beget — 30 дней бесплатно с полным функционалом: до 10 сайтов, 10 баз данных MySQL, PHP любой версии, бесплатный SSL. Timeweb — 15 дней, те же возможности, но меньше срок. Reg.ru — 30 дней на виртуальном хостинге.
Для чего подходит: если вам нужно протестировать CMS (WordPress, OpenCart, 1С-Битрикс) или сделать полноценный сайт на месяц для акции/мероприятия. После окончания пробного периода нужно будет платить от 129 до 199 ₽/мес.
Важно: не забудьте сделать бэкап перед окончанием пробного периода. Некоторые хостинги блокируют доступ к файлам после просрочки оплаты.
Сводное сравнение всех вариантов
| Инструмент | Тип сайта | Домен | SSL | База данных | Формы | Сложность |
|---|---|---|---|---|---|---|
| GitHub Pages | Статический | Свой / поддомен | Авто | Нет | Через внешние сервисы | ●○○○○ |
| Netlify | Статический + формы | Свой / поддомен | Авто | Нет | Встроенные | ●●○○○ |
| Cloudflare Pages | Статический + Workers | Свой / поддомен | Авто | Нет | Через Workers | ●●●○○ |
| Tilda (бесплатный) | Конструктор | Поддомен .tilda.ws | Есть | Нет | Встроенные | ●○○○○ |
| Beget / Timeweb (пробный) | Любой (CMS) | Свой | Бесплатно | Есть | Через CMS | ●●●○○ |
Чек-лист: какой вариант выбрать под свою задачу
Вам нужно портфолио / сайт-визитка? Выбирайте GitHub Pages. Бесплатно, быстро, профессионально. Если не знаете HTML — используйте Jekyll или Hugo с готовыми темами.
Нужен лендинг с формой заявки? Netlify — лучший вариант. Подключили репозиторий, добавили форму с атрибутом netlify — и готовая CRM у вас в панели.
Не умеете программировать и нужен красивый сайт? Tilda. Бесплатный тариф ограниченный, но для старта хватит. Когда появится бюджет — переходите на платный и подключайте домен.
Нужна максимальная скорость загрузки? Cloudflare Pages. Глобальная CDN даст фору любому другому бесплатному хостингу.
Хотите интернет-магазин или блог на WordPress? Используйте пробный период Beget (30 дней) или Timeweb (15 дней). Этого хватит, чтобы всё настроить и решить, стоит ли платить дальше.
Делаете сайт для клиента и нужен экспорт? Tilda (платный тариф) даёт экспорт в HTML. Но лучше использовать HTML/CSS/JS на GitHub Pages — вы полностью контролируете код.
Практические советы для начинающих
Не гонитесь за сложностью. Одностраничного лендинга на HTML/CSS достаточно для 80% задач. Не нужно сразу ставить WordPress, если сайт нужен «чтобы был».
Используйте готовые шаблоны. HTML5 UP, Start Bootstrap, Templated — сотни бесплатных адаптивных шаблонов. Скачали, залили на GitHub Pages — сайт готов за 10 минут.
Подключите свой домен. Домен .ru стоит около 200 ₽ в год. Это небольшие деньги за профессиональный вид. Сайт на username.github.io выглядит как черновик, а на vasilyev.ru — уже серьёзно.
Избегайте лишних плагинов. На бесплатном хостинге каждый скрипт и плагин — это нагрузка. Тяжёлая анимация, десятки шрифтов, неоптимизированные изображения — всё это замедляет сайт. Используйте WebP для картинок, минифицируйте CSS и JS.
Проверяйте на мобильных. 70% трафика в 2026 году — с телефонов. Убедитесь, что ваш сайт корректно отображается на экране 375 × 812 пикселей. GitHub Pages, Netlify и Tilda автоматически дают адаптивную вёрстку, если вы используете правильные meta-теги.
Самый гибкий путь: HTML/CSS/JS на GitHub Pages с собственным доменом. Самый быстрый — Tilda без единой строки кода. Netlify — золотая середина для лендингов с формами. Cloudflare Pages — выбор перфекционистов от скорости. Выбирайте под свою задачу и не бойтесь пробовать — бесплатно же!