Как создать сайт самому с нуля
Собрать страницы — самая простая часть. Сложное начинается до и после: решить, кому это нужно, и довести до состояния, когда сайт приносит заявки. Разбираю весь маршрут по шагам.
- 80% результата решается до вёрстки: кто приходит, зачем и какое одно действие он должен совершить.
- Честные сроки: каркас — вечер, рабочий сайт — два-три дня, трафик из поиска — два-три месяца.
- Домен покупайте сразу, даже если сайта ещё нет: возраст домена потом не докупишь.
- Сайт без трафика — визитка, которую некому показать. Вебмастер, карта сайта и семантика — часть запуска, а не «потом».
Содержание статьи
Сделать сайт самому реально: страницы, вёрстка и выкат на домен перестали быть проблемой. Но 80% результата решается не в этот момент, а до вёрстки — когда вы отвечаете, кому сайт нужен и за каким действием на него приходят.
Ниже — маршрут целиком, в том порядке, в котором я его прохожу на своих проектах. С честными сроками: каркас за вечер, рабочий сайт за несколько дней, трафик из поиска — за месяцы.
Шаг 1. Решить, что это за сайт
Три вопроса, на которые нужен письменный ответ. Пока их нет, инструмент выбирать рано.
- Кто приходит. Не «все», а конкретный человек с конкретной задачей.
- Зачем. Что он хочет узнать или сделать.
- Какое одно действие. Оставить заявку, позвонить, скачать, подписаться. Одно, а не пять.
От ответов зависит тип сайта:
| Тип | Когда нужен | Сколько страниц |
|---|---|---|
| Визитка | подтвердить, что вы существуете | 1–5 |
| Лендинг | одно предложение, одно действие | 1 |
| Многостраничный сайт услуг | несколько услуг, поисковый трафик | 10–100 |
| Информационный проект | трафик из поиска, монетизация | от 50 и растёт |
Где я ошибся сам
Первый сайт по своей системе я запустил в узкой нише — педагогическое образование. Технически всё сработало: к третьему месяцу пошли заявки из поиска, одна-две в день. Ошибка была в выборе темы: ниша оказалась сезонной, спрос падает после сентября. Сайт работал, но приносил деньги пять месяцев в году. Это решение принималось за десять минут в самом начале — и стоило дороже, чем весь код вместе взятый.
- 1РешитьКто приходит, зачем и какое одно действие должен совершить
- 2ВыбратьКонструктор, заказ или сборка самому с нейросетью
- 3КупитьДомен и хостинг — до того, как появится первая страница
- 4СобратьКаркас, реальные тексты, форма заявки, проверка на телефоне
- 5ВыложитьHTTPS, аналитика, проверка с мобильного интернета
- 6НайтисьВебмастер, карта сайта, семантика, страницы под запросы
Как это выглядит на живом проекте
Веду запуски открыто: сроки, расходы, сколько заявок пришло на второй месяц. Всё это в канале, по ходу дела.
Шаг 2. Выбрать способ сборки
Три пути, честное сравнение:
| Конструктор | Заказать | Собрать самому с ИИ | |
|---|---|---|---|
| Срок | часы | недели | вечер + доводка |
| Цена | 500–2000 ₽/мес | 30 000–150 000 ₽ | подписка 20–30 $/мес |
| Контроль | в рамках блоков | зависит от исполнителя | полный |
| Изменить мелочь | сами | новая задача и оплата | сами, за минуты |
| Потолок | наступает быстро | ограничен бюджетом | ваши знания |
Развилку разбираю подробно в статье конструктор сайтов или свой сайт. Коротко: если сайт — лендинг и вы не планируете его развивать, берите конструктор и не усложняйте. Если страниц будет много и вы хотите поисковый трафик, собирайте свой.
Шаг 3. Домен и хостинг
Домен — адрес, хостинг — место, где лежат файлы. Нужны оба.
Практические правила:
- Домен покупайте сразу, даже если сайта ещё нет. Возраст домена — фактор, который нельзя докупить потом.
- Зона
.ruдля российской аудитории. Дешевле и понятнее посетителю. - Название — короткое, читаемое на слух, без дефисов и цифр, если получится.
- Хостинг под ваш стек. Простой сайт — обычный хостинг. Сайт на современном фреймворке — VPS или платформа с поддержкой Node.
Подробный разбор с ценами и порядком подключения — в статье домен и хостинг.
Шаг 4. Собрать сайт
Здесь начинается работа с нейросетью. Порядок, который работает лучше «сделай мне сайт»:
- Опишите структуру. Какие страницы, что на каждой, куда ведут ссылки.
- Соберите каркас. Шапка, подвал, типовая страница, адаптив под телефон.
- Наполните содержанием. Реальными текстами, не «Lorem ipsum»: на заглушках не видно, что вёрстка развалится.
- Добавьте форму заявки и проверьте, что заявка реально доходит.
- Проверьте на телефоне. Не в узком окне браузера, а на настоящем телефоне.
Три места, где сайт разваливается
- Длинные заголовки на мобильном. В макете два слова, в жизни семь — и вёрстка едет. Проверяйте на самом длинном заголовке, а не на самом коротком.
- Форма без проверки. Отправляется, показывает «спасибо», а письмо не приходит. Отправьте тестовую заявку до запуска, а не после.
- Картинки по 4 МБ. Сайт открывается пять секунд, посетитель уходит. Сжимайте до публикации.
Порядок работы с агентом важнее формулировок. Вот промпт, с которого я начинаю сборку: он заставляет сначала собрать структуру и получить моё «ок», а не выдать сразу сорок файлов.
Собери каркас сайта. Работай по шагам и после каждого жди моего «ок».
Вводные:
— кто приходит: [аудитория и её задача];
— целевое действие: [одно действие];
— страницы: [список];
— чего на сайте быть не должно: [ограничения].
Шаг 1. Предложи структуру: список страниц, что на каждой, куда ведут ссылки,
что в шапке и подвале. Покажи одним экраном, без кода.
Шаг 2. Собери каркас: шапка, подвал, типовая страница, адаптив под телефон.
Никаких «Lorem ipsum» — вставляй мои реальные тексты или ставь пометку
«[текст от заказчика]», чтобы было видно дыры.
Шаг 3. Сделай форму заявки: данные складывай в файл рядом с проектом,
покажи, как проверить, что заявка дошла.
Шаг 4. Пройдись по вёрстке с самым длинным заголовком и самым длинным
названием услуги — покажи, где едет.
Технические требования: [стек]. Git-репозиторий и коммит после каждого шага.
Картинки сжимай до публикации. В конце — README: что где лежит и как запускать.Шаг 5. Выложить в интернет
Три обязательные вещи:
- HTTPS. Сертификат бесплатный, ставится автоматически на любом нормальном хостинге. Без него браузер покажет предупреждение.
- Аналитика. Метрика и счётчик до запуска, а не через месяц: иначе первые данные потеряны навсегда.
- Проверка на реальном устройстве. Откройте сайт с телефона по мобильному интернету, не по домашнему вайфаю.
Шаг 6. Сделать так, чтобы его находили
Это отдельная работа, и она длиннее сборки. Сайт без трафика — визитка, которую некому показать.
Минимальный набор, без которого нет смысла ждать посетителей:
- Добавить сайт в Яндекс.Вебмастер и Google Search Console.
- Сделать карту сайта и robots.txt.
- Собрать семантическое ядро — узнать, какими словами вас ищут.
- Написать страницы под реальные запросы, а не под то, что кажется важным.
Честные сроки по трафику
Новый домен не выстреливает за неделю. Мой первый сайт запущен 9 мая, первые заметные заявки из поиска пошли к июлю — примерно два месяца. К третьему месяцу вышло на одну-две заявки в день. Это нормальный график для нового сайта в средней по конкуренции нише. Если вам обещают топ за две недели — вам обещают невыполнимое.
Что делать в первую неделю
План на семь дней
- День 1. Ответить письменно на три вопроса из первого шага. Купить домен.
- День 2. Собрать структуру: список страниц и что на каждой.
- День 3–4. Собрать каркас и залить реальные тексты.
- День 5. Форма заявки, проверка на телефоне, сжатие картинок.
- День 6. Выложить на хостинг, включить HTTPS и аналитику.
- День 7. Добавить в Вебмастер и Search Console, отправить карту сайта.
Дальше начинается длинная часть — контент под запросы и техническая исправность. Маршрут по ней собран в рубрике SEO без агентства.
А если хотите сначала прикинуть бюджет, посмотрите разбор сколько стоит создать сайт: там расчёт по всем трём вариантам, включая скрытые расходы.
- Три письменных ответа (кто, зачем, какое действие) — до выбора инструмента, а не после.
- Наполняйте реальными текстами: на «Lorem ipsum» не видно, что вёрстка поедет.
- Отправьте тестовую заявку до запуска. Форма, которая говорит «спасибо» и никуда не пишет, — классика.
- Аналитику ставьте до запуска: первые данные потом не восстановить.
- Проверяйте на настоящем телефоне по мобильному интернету, а не в узком окне браузера.
Гайд «SEO-машина»: как собрать её на ИИ-агентах
Карта из десяти систем: что делает каждая и как собрать такую же — с любым ИИ-агентом, Claude Code или Codex. Бесплатно, отдаёт бот в Telegram.
Частые вопросы
Сколько времени займёт сайт с нуля?
Каркас — вечер. Работающий сайт с содержанием, который не стыдно показать, — от двух-трёх дней при полной занятости. Сайт, который приносит заявки из поиска, — от двух-трёх месяцев: столько нужно поисковикам, чтобы накопить данные о новом домене.
Можно ли сделать сайт бесплатно?
Совсем бесплатно — только на поддомене конструктора, с его рекламой и без контроля. Минимальный честный бюджет: домен 200–1500 ₽ в год плюс хостинг от 300 ₽ в месяц. Это тот случай, где экономия на 500 ₽ обходится дороже.
Что выбрать: конструктор или свой сайт?
Конструктор — если нужен лендинг и вы не собираетесь ничего усложнять. Свой сайт — если страниц будет много, нужна нестандартная логика или вы планируете расти в поиске. Развилку подробно разбираю в отдельной статье.
Нужно ли уметь программировать?
Чтобы собрать сайт с нейросетью — нет. Нужно уметь чётко формулировать, что должно получиться, и проверять результат. Базовое понимание структуры сайта (страницы, шаблоны, данные) сильно ускорит дело.
С чего начать, если совсем ничего не понятно?
С листа бумаги. Напишите: кто ваш посетитель, зачем он пришёл, какое одно действие он должен совершить. Пока на эти три вопроса нет ответа, любой инструмент даст красивый бесполезный сайт.
10 лет в маркетинге и онлайн-образовании. Запускаю проекты в одиночку на Claude Code и показываю экономику как есть. Все методы из блога сначала обкатываю на своих проектах и только потом описываю.