Дневник стройки · 8 мин

Как я собрал свой сайт-воронку за вечер — без вёрстки и хостинг-панели

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

У меня есть сайт, на котором сейчас больше 130 статей. Каждая открывается по кодовому слову из карусели или ролика и ведёт человека дальше: в канал, в бота, к продукту.

Собрал я его за вечер. Верстать не пришлось, панели хостинга нет, в месяц он стоит ноль рублей.

Разбираю, как он устроен, — так, чтобы вы могли повторить.

Зачем вообще свой сайт

Кодовые слова работали и раньше: человек пишет слово — бот присылает материал. Проблема была в том, куда этот материал вести.

Документ в облаке выглядит временно. Длинный пост в канале теряется в ленте. А площадку, на которой всё держалось, у меня уже закрывали за сутки: сетку на 23 тысячи подписчиков снесли без предупреждения.

Нужна была страница, которая принадлежит мне, живёт годами и ещё собирает людей из поиска.

Задача: хаб гайдов

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

Первый прогон выдал рабочий каркас. Дальше я только правил тексты и внешний вид.

Сборка: одна папка, один файл данных

Главное решение — все статьи лежат в одном файле данных. Каждая статья — это объект: заголовок, описание, дата, текст.

Добавил объект — запускаю сборку одной командой, и она делает всё остальное:

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

Никакой вёрстки руками. Я пишу текст, система превращает его в страницу.

Публикация: git push

Сайт лежит в репозитории на GitHub. Публикация — это отправка изменений:

  • добавил статью;
  • собрал страницы;
  • отправил в репозиторий.

Через минуту-две страница открывается в интернете. Нет FTP, нет панели, нет кнопки «опубликовать».

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

Цена: ноль рублей в месяц

Хостинг — GitHub Pages, он бесплатный для таких сайтов. Сертификат для https выдаётся сам. Домен свой, за него я плачу раз в год.

Больше ни за что. Ни конструктора, ни подписки, ни разработчика на поддержке.

Воронка: каждое слово ведёт на страницу

Сайт стоит в середине цепочки:

  • Карусель или ролик обрывает тему и даёт кодовое слово.
  • Бот на слово присылает ссылку на статью.
  • Статья дораскрывает тему и показывает следующий шаг.
  • Через сутки, двое и трое бот напоминает о себе.

Пост греет. Страница дожимает и остаётся в поиске, когда пост уже утонул в ленте.

Каждое слово записано в реестр: какое слово, какая статья, откуда пришло. Так видно, какие темы реально забирают.

Что оказалось сложнее, чем казалось

Поиск не приходит сразу. Первые недели страницы почти не индексируются. Трафик идёт по кодовым словам, поиск подтягивается позже.

Статья под слово — обязательна. Однажды слово ушло в карусель раньше, чем страница стала живой. Люди писали слово и ждали. Теперь правило простое: сначала живая страница, потом публикация.

Сайт — это путь, а не дизайн. Я долго двигал блоки на главной. Люди на главную почти не заходят — они приходят сразу на статью.

Как повторить за вечер

  1. Сформулируйте, что должно быть на сайте, одной фразой.
  2. Попросите Claude Code собрать статический сайт, где статьи лежат в одном файле.
  3. Заведите репозиторий на GitHub и включите Pages.
  4. Напишите первую статью под своё кодовое слово.
  5. Опубликуйте и проверьте, что страница открывается.

Этого достаточно, чтобы первое кодовое слово вело не в пустоту, а на вашу страницу.

Что внутри одной статьи

Каждая статья на сайте устроена одинаково, и это не случайно.

Первый абзац — сразу о том, ради чего человек пришёл. Он написал слово под каруселью и ждёт обещанное, а не вступление.

Середина — дораскрытие темы: то, что не влезло в слайды. Здесь конкретика, шаги, грабли.

Блок «Дальше по теме» — три-четыре ссылки на соседние статьи. Человек, которому зашла одна тема, читает ещё две.

Финал — следующий шаг: канал, бот или продукт. Без него статья остаётся просто полезным текстом, который прочитали и закрыли.

Такой шаблон пишется один раз. Дальше каждая новая статья просто встаёт в него.

Дальше по теме

Если хочешь такой же сайт под себя

Сайт за вечер — это каркас. Работать он начинает, когда вокруг него выстроена воронка: слово, бот, статья, касания и продукт на выходе.

Эту сборку целиком я разложил в [МИКРО-ПРОДУКТ]: [ССЫЛКА-МИКРО]

А стройку в реальном времени показываю в канале @Evgeniy_Tolstobrov.

Это только фундамент. А дальше?

Как собрать первый скилл под себя, построить контент-завод, привести трафик и превратить подписчика в оплату — разбираю по шагам в Telegram. Честный дневник стройки с нуля.

📲 Зайти в канал и идти рядом 🔥