Как сделать сайт самому с нуля: бесплатные способы и ИИ в 2026 году

Сделать сайт самому с нуля можно тремя путями: в конструкторе из готовых блоков, с помощью нейросети, которая по вашему описанию пишет весь код, или вручную на HTML либо WordPress. Первый сайт реально опубликовать бесплатно на адресе сервиса, а свой домен в зоне .ru, например у регистратора Beget, с января 2026 года стоит 199 ₽ за первый год (цены Beget). Ниже подход для тех, кто делает сайт для себя или своего дела: визитку, лендинг услуги, портфолио, страницу записи.

Что решить до того, как открывать сервис

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

Своими руками чаще всего делают такие форматы:

• лендинг услуги, курса или мероприятия;
• сайт-визитку специалиста или небольшой компании;
• портфолио с работами;
• квиз или калькулятор, который собирает заявки;
• небольшой каталог с кнопкой заказа в мессенджер.

Для первого сайта хватит одной страницы и одного действия посетителя. Это касается и продажи товаров: полноценный магазин с корзиной и оплатой первым проектом делать не стоит, начните с каталога на одной странице и кнопки заказа в мессенджер, а магазин соберите вторым заходом, когда поймёте, что люди на самом деле заказывают. Многостраничный проект проще собрать вторым заходом, когда на первом вы уже увидите, откуда приходят люди и на какой кнопке они останавливаются. До начала работы соберите в одну папку тексты (пусть черновые), фотографии, логотип, контакты и цены: любой из трёх путей идёт в разы быстрее, когда материалы лежат под рукой.

Конструктор, ИИ или код: что выбрать под свою задачу

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

Если сайт похож на тысячи других (визитка мастера, страница кафе), берите конструктор. Если в шаблонах нет нужной функции или не хочется зависеть от подписки, берите ИИ. Код вручную выбирают ради учёбы, а не ради скорости.

Свежий пример того, как это выглядит на практике: Людмила Ситченко, репетитор по математике с опытом больше 20 лет, собрала лендинг своих занятий в Lovable, ИИ-сервисе, где сайт собирается по описанию. Татьяна сделала сайт школы танцев «Силуэт» на собственном домене и добавила к нему Telegram-бота с расписанием. Обе работы есть в открытой галерее проектов выпускников Submarine School.

По теме: Как сделать сайт с помощью ИИ в 2026: полное руководство

Сайт на конструкторе: Тильда и бесплатные варианты Яндекса

В конструкторе вы выбираете шаблон, меняете тексты и фотографии в готовых блоках и нажимаете «Опубликовать»: хостинг уже входит в сервис. Самый известный российский конструктор Tilda даёт один сайт на бесплатном тарифе Free, а свой домен подключается с тарифа Personal, который стоит 500 ₽ в месяц при оплате за год и 750 ₽ при помесячной оплате (тарифы Tilda). Лейбл «Made on Tilda» в подвале сайта отключается только на тарифах Personal и Business при оплате за год. Как пройти путь от шаблона до публикации, показано в пошаговом разборе Тильды.

Если нужна просто страница компании с адресом и телефоном, у Яндекса есть два бесплатных инструмента. Сайт в Яндекс Бизнесе собирается автоматически из карточки организации после подтверждения прав, получает адрес вида имя.clients.site, SSL-сертификат и уже встроенную Метрику; на одну компанию полагается один такой сайт. Лендинг в Яндекс Директе нейросеть Яндекса генерирует по описанию бизнеса примерно за минуту, форма заявки появляется после привязки организации из Бизнеса, а сам инструмент доступен только клиентам из России. Оба варианта и их ограничения подробно расписаны в инструкции, как сделать сайт в Яндексе бесплатно. Если клиенты и так сидят во ВКонтакте, страницу можно собрать прямо из сообщества, без отдельного конструктора: как сделать сайт в ВК.

Конструктор подходит, когда сайт типовой, технические настройки пугают и подписка ради простоты вас устраивает. Ограничение у него одно, но существенное: перенести сайт на другой хостинг обычно нельзя, у Тильды экспорт исходного кода есть только на тарифе Business (тарифы Tilda).

Сайт с помощью ИИ: как это выглядит на деле

С ИИ сайт собирается в диалоге: вы пишете нейросети, что за страница нужна, для кого она и какие блоки на ней должны быть, получаете готовую версию, открываете её и просите поправить то, что не нравится. Такой способ работы называют вайбкодингом. Код пишет нейросеть, а от вас нужны внятная постановка задачи и проверка результата на телефоне и компьютере.

Инструменты для этого делятся на три группы, и разница между ними в том, где живёт результат:

• Чат-нейросеть. В чате Claude страницу можно собрать прямо рядом с перепиской, функция Artifacts доступна и на бесплатном тарифе (справка Claude). Это хороший старт для одностраничника, а весь путь от описания до публикации в Claude расписан по шагам.
• Сервис-конструктор с ИИ. Lovable собирает сайт по описанию и сразу публикует его на своём поддомене: на бесплатном плане даёт 5 кредитов на сборку в день, не больше 30 в месяц (тарифы Lovable). Похожий российский сервис VibeCraft от команды SourceCraft создаёт сайты и веб-приложения по описанию, попробовать его можно на бесплатной подписке (справка VibeCraft).
• ИИ-агент на компьютере. Claude Code создаёт и правит файлы сайта прямо в папке на вашем компьютере, удобнее всего работать с ним во вкладке Code приложения Claude для macOS и Windows. Агент входит в платные тарифы, Pro стоит $20 в месяц или $17 при оплате за год (тарифы Claude). Результат принадлежит вам целиком и публикуется на любом хостинге.

Из России зарубежные сервисы работают с оговорками: Claude напрямую не открывается, потому что России нет в списке поддерживаемых регионов Anthropic, и работать с ним приходится через VPN, а платные тарифы зарубежных сервисов российской картой не оплатить, но подписку Claude из России можно оформить другими способами. Если не хочется возиться с VPN и зарубежной оплатой, посмотрите российские сервисы для вайбкодинга, где платят картой российского банка.

Этот путь выбирают, когда нужен свой дизайн или функция, которой нет в шаблонах, и когда не хочется годами платить конструктору за то, что сайт просто существует. Пошаговый план работы с нейросетью над сайтом, от структуры до формы заявки, разобран в инструкции, как создать сайт с ИИ без программирования.

По теме: Как сделать сайт с помощью Claude: пошагово без опыта

Сайт на коде: WordPress и HTML

Классический путь остаётся рабочим и бесплатным по софту. W3Techs на 19 октября 2026 года насчитывает на WordPress 39,6% всех сайтов в интернете (статистика W3Techs): сама система бесплатна, вы платите за хостинг и домен, а взамен получаете тысячи тем и плагинов. Для WordPress нужен хостинг с базой данных, и первые настройки займут больше времени, чем в конструкторе.

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

Домен, хостинг и публикация

Чтобы сайт открылся у других людей, ему нужны адрес и место на сервере. В конструкторах и ИИ-сервисах вроде Lovable и то и другое уже есть: сайт публикуется кнопкой на поддомене сервиса, а свой домен подключается в настройках, обычно на платном тарифе. Сайт, который вы собрали у себя на компьютере (вручную или с агентом), нужно загрузить на хостинг отдельно.

С 1 января 2026 года Технический центр Интернет поменял цены для регистраторов, и те пересчитали свои: у Beget домен в зонах .RU и .РФ стоит 199 ₽ за регистрацию и 399 ₽ за продление на год (объявление Beget). У других регистраторов цены свои, и продление бывает заметно дороже, поэтому сравните его до покупки. Закладывайте в бюджет именно цену продления: акционный первый год заканчивается быстро. Как выбрать имя и чем поддомен отличается от домена, объясняет статья про адрес сайта.

Для статичного сайта (HTML, CSS, JavaScript без своей базы данных) есть бесплатный GitHub Pages. Опубликованный сайт там ограничен 1 ГБ, мягкий лимит трафика составляет 100 ГБ в месяц, а запускать на нём интернет-магазин или сайт, который в основном нужен для продаж, правила запрещают (ограничения GitHub Pages). Для коммерческого сайта и аудитории из России надёжнее российский хостинг: у Beget виртуальный хостинг начинается с тарифа Blog за 420 ₽ в месяц при оплате за год, SSL входит во все тарифы и есть 30 дней на тестирование (тарифы Beget). Загрузка файлов, привязка домена и проверка HTTPS по шагам описаны в инструкции, как загрузить готовый сайт в интернет.

По теме: Сайты без программирования: 3 способа сделать сайт без кода 2026

Сколько стоит сделать сайт самому

Минимальный бюджет сайта на своём домене складывается из цены домена и бесплатной публикации, всё остальное покупают ради удобства. Три типовых сценария выглядят так:

• Совсем бесплатно: бесплатный тариф конструктора, сайт в Яндекс Бизнесе, лендинг в Директе или GitHub Pages. Адрес будет на поддомене сервиса, у конструктора останется его плашка.
• Свой домен и бесплатная публикация: у Beget 199 ₽ за первый год домена и 399 ₽ за каждое продление (Beget), сайт лежит на GitHub Pages или другой бесплатной площадке.
• Сайт на подписке: Tilda Personal 500 ₽ в месяц при годовой оплате (тарифы Tilda) или отдельный хостинг от 420 ₽ в месяц при годовой оплате (Beget) плюс домен. Если сайт собирает ИИ-агент, к этому добавляется подписка на нейросеть, например Claude Pro за $20 в месяц (тарифы Claude), но она нужна и для других задач.

Пошаговый план первого сайта

Этот порядок подходит для любого из трёх путей, меняется только инструмент на третьем шаге:

1. Запишите одной фразой, кто придёт на сайт и какое действие он должен совершить: заявка, запись, звонок, сообщение.
2. Выберите путь: типовой сайт делайте в конструкторе, нестандартный с нейросетью, а код вручную пишите, если цель в учёбе.
3. Соберите черновик: в конструкторе из шаблона, с ИИ по подробному описанию страницы, где перечислены блоки, стиль и пример текста.
4. Замените всё шаблонное своим: тексты, фотографии, цены, контакты. Чужие фото со стоков и «Lorem ipsum» выдают недоделанный сайт сразу.
5. Откройте сайт с телефона по мобильному интернету: текст читается без увеличения, кнопки нажимаются пальцем, страница не ездит вбок.
6. Отправьте тестовую заявку через форму и убедитесь, что уведомление пришло туда, где вы его увидите: на почту, в Telegram или CRM.
7. Опубликуйте сайт на поддомене сервиса или сразу подключите свой домен и проверьте, что адрес открывается с замком HTTPS.
8. Подключите Яндекс Метрику по шагам и добавьте сайт в Яндекс Вебмастер (через него Яндекс узнаёт о новом сайте и показывает, по каким словам его находят), иначе вы не узнаете, заходит ли на сайт хоть кто-то.

Можно ли сделать сайт с телефона

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

Где первые сайты обычно спотыкаются

Чаще всего проблема возникает уже после публикации, когда кажется, что работа закончена. Форма выглядит рабочей, но заявки уходят на почту, которую никто не читает, или вовсе никуда, если в конструкторе не настроен приёмщик данных: поэтому шестой шаг плана с тестовой заявкой пропускать нельзя.

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

Если сайт собирала нейросеть, отдельно проверьте контакты и цифры: модель охотно подставляет правдоподобный телефон, адрес или «10 лет опыта» на место пустого поля. Всё, что посетитель может принять за факт о вас, сверяйте руками перед публикацией.

Если хочется научиться собирать сайты с ИИ

Первый сайт по этому плану реально сделать самостоятельно. Когда хочется делать сайты регулярно, для себя или на заказ, быстрее учиться на разборе живых проектов с обратной связью. В Submarine School обучение прошли или проходят более 2 500 человек, школу основала Евгения Зеленова, которая работает в онлайн-образовании с 2017 года (о проекте). Сайты, боты и сервисы выпускников открыты в галерее работ со ссылками на живые проекты, а отзывы собраны в Telegram-канале отзывов. Начать можно с бесплатного мастер-класса, где проект собирают с ИИ вживую.

Частые вопросы о том, как сделать сайт самому

Можно ли сделать сайт совсем бесплатно?

Да. Бесплатный тариф конструктора, сайт в Яндекс Бизнесе, лендинг в Директе и публикация на GitHub Pages ничего не стоят. Платить придётся за свой домен, если он нужен: у Beget это 199 ₽ за первый год в зоне .ru (Beget).

Сколько времени уйдёт на первый сайт?

Визитка в Яндекс Бизнесе появляется сразу после подтверждения прав на организацию. Лендинг в конструкторе или с нейросетью при готовых текстах и фото обычно собирают за выходные вместе с проверкой формы и телефона. Сайт на собственном коде займёт недели, и это уже обучение веб-разработке.

Нужно ли уметь программировать, чтобы создать сайт с нуля?

Нет. Конструктор собирает сайт из блоков, нейросеть пишет код сама. Понимать основы HTML полезно, чтобы точнее ставить задачу и находить ошибки, но для первого сайта это необязательно.

Что лучше для первого сайта: Тильда или нейросеть?

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

Как люди найдут мой сайт?

Сами по себе никак. Добавьте сайт в Яндекс Вебмастер, укажите его на картах и в соцсетях, заполните заголовки и описания страниц. Метрика покажет, приходят ли люди и откуда.