Васин Константин
Материал к гайду «SEO-завод»

Сайт с нуля вместе с ИИ-агентом

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

примерно полдня работы программировать не нужно агент любой: Claude, Codex

Сайт — это фундамент под SEO-завод: пока нет каркаса с блогом и категориями, автоматизировать нечего. Хорошая новость в том, что каркас собирается за один заход, если идти в правильном порядке. Плохая — если порядок нарушить, переделывать придётся с середины.

Весь путь от промпта до кликабельного каркаса — на видео. Ниже то же самое текстом, по шагам, чтобы можно было идти и сверяться.

01Что решить до первого промпта

Агент соберёт всё, что попросите, — вопрос в том, что просить. Три вещи надо решить головой, их не придумает ни одна модель:

ВопросЧто это значит на практике
НишаНе «сайт про образование», а конкретная тема с конкретным спросом. Если ниша ещё не выбрана — сначала разведка ниши, потом стройка
ГеографияВся страна или конкретные города. От этого зависит структура: будут ли гео-страницы и сколько их
Как зарабатываетеЗаявки себе, заявки партнёру, партнёрские ссылки или реклама. Это определяет, какие страницы вообще нужны и куда ведут статьи
Если заявки уходят не вам, а партнёру — это юридический вопрос, а не технический

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

Разбираться с этим лучше до запуска, а не после первой заявки.

02Аналитика и два ТЗ — один заход

Первый большой блок работы — аналитика. Агент изучает нишу и конкурентов и на выходе отдаёт не «сайт», а документы, по которым сайт потом собирается. Ключевое: ТЗ должно быть два, и они раздельные.

ДокументЗачем отдельно
Аналитика и архитектураКто в топе, чего им не хватает, какие страницы нужны, как называются адреса, где блог и категории
ТЗ на сборкуСтраницы и блоки, где лежат тексты и данные, мета-теги, микроразметка, карта сайта, требования к скорости
ТЗ на дизайнСамодостаточный промпт для дизайн-нейросети: сетка, палитра, типографика, компоненты, состояния. Его вы уносите в дизайн-инструмент целиком

Почему раздельно: дизайн делается в другом инструменте и другой моделью. Если смешать всё в одну простыню, вы не сможете отдать «только дизайн» дизайнеру и «только сборку» — агенту.

На чём экономить нельзя

Планирование, архитектура и стратегия — всегда на самой сильной доступной модели, и лучше с увеличенной глубиной рассуждений: она учтёт связи, которые лёгкая модель пропустит. Рутинная работа по готовому ТЗ спокойно идёт на модели попроще. Ошибка в архитектуре стоит недель, ошибка в вёрстке — десяти минут.

Промежуточная сверка — обязательна

В промпт аналитики стоит заранее заложить остановку: сначала агент показывает стратегию и структуру, вы читаете и говорите «идём дальше» или правите. Иначе он уедет собирать сайт по структуре, которую вы даже не видели.

Стартовый промпт · аналитика и два ТЗ
Делаем новый сайт под SEO и статейное продвижение.
Ниша: <ниша>. Регион: <город / РФ>.
Зарабатываю так: <заявки себе / заявки партнёру / партнёрка>.

1. Изучи 5–7 конкурентов из топа Яндекса и Google по главным
   запросам ниши: структура, типы страниц, как устроен блог,
   чем монетизируют и чего им НЕ хватает.
2. Предложи архитектуру: карту всех страниц, включая блог
   с категориями и тегами — заложи их сразу, даже если статей ноль.
   Адреса латиницей в нижнем регистре через дефис.
3. Собери ТЗ на сборку сайта: страницы и блоки, где лежат тексты
   и данные, мета-теги, микроразметка, карта сайта, скорость.
4. ОТДЕЛЬНО собери ТЗ на дизайн — самодостаточный промпт для
   дизайн-нейросети: сетка, палитра, типографика, компоненты,
   состояния, тон.

Сначала покажи стратегию и структуру и дождись моего «ок» —
только потом пиши ТЗ. Файлы сохрани в папку проекта.

03Дизайн — отдельным заходом

ТЗ на дизайн уносится в дизайн-инструмент целиком, отдельным проектом. Оттуда забирается готовый макет или код и возвращается агенту вместе с ТЗ на сборку. Второй путь — попросить агента сверстать макет самому и показать в браузере: быстрее, но вариантов «повыбирать» не будет.

Здесь же полезно попросить агента останавливаться на этапах: сначала показать одну страницу или даже только цветовую схему и структуру — и лишь после вашего «да» собирать остальное. Иначе правки приходится вносить в готовый сайт, а не в макет.

Про вкус

Для SEO-сайта важнее читабельность, скорость и понятная структура, чем «вау». Чистая типографика и воздух работают лучше тяжёлых анимаций, которые роняют скорость, а вместе с ней и позиции.

04Сборка каркаса

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

Что требовать от каркаса с самого начала

Красные флаги

05Правила проекта: чтобы агент не начинал с нуля каждый раз

Сайт собран — но работа с ним не заканчивается: дальше месяцами будут правки, новые страницы, SEO-доработки. Без памяти каждая новая сессия начинает с исследования проекта и жжёт на это время и токены.

  1. Индекс проекта. Что за сайт, на чём собран, где лежат контент, данные, конфиги и отчёты, как запускать и выкладывать. Это карта, а не документация — агент читает её в начале каждой сессии.
  2. Журнал решений. Каждое принятое решение одной строкой: дата, что изменили и почему. Через два месяца это единственный способ вспомнить, зачем так сделано.
  3. План текущей работы. В начале сессии агент пишет шаги и идёт по ним. Оборвалась сессия — следующая продолжает с места, а не с чистого листа.
  4. Короткий лог сессий. Пара строк «над чем работали, что дальше». Раз в неделю подчищается, чтобы не разрастался.

Правило, которое стоит прописать явно: сначала читаем карту, потом подгружаем нужное. Без него агент каждый раз перечитывает половину сайта.

06Выкладка: сервер, домен, доступы

Каркас работает локально — теперь его нужно поднять в интернете. Нужен VPS с доступом по SSH: агент сам поставит на него всё необходимое, соберёт сайт, привяжет домен и настроит HTTPS. От вас — доступы и домен.

Доступы не должны уехать в репозиторий

Пароли, SSH-ключи и токены кладутся в файл, который исключён из системы контроля версий. Скажите об этом агенту прямо: «эти доступы не должны попасть в git, добавь их в исключения». И попросите после настройки перевести вход на ключ вместо пароля — это стандартная гигиена, а не паранойя.

07Приёмка: что проверить перед тем, как идти дальше

Что считается готовым каркасом

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

Что дальше

Каркас есть — включаем машину

Следующий шаг: собрать семантику, поставить конвейер статей и мониторинг, чтобы сайт наполнялся и проверялся сам. Как устроена такая система целиком — десять систем, их модули и ритм — разобрано в гайде «SEO-завод».

Открыть гайд «SEO-машина» →

Читать дальше

Все гайды рабочие: каждый — то, что реально крутится у меня, а не пересказ документации.

Claude Code и агенты

Хуки в Claude CodeАгент сам запускает твой скрипт: память на старте, сохранение контекста между сессиями, стоп-кран на опасные команды. Экономия токеновСтартовый вес сессии пересылается каждый ход. Как срезать его в разы: 48 400 → 15 200 токенов, готовые правила. Панель анализа расходаГотовый промпт: собирает локальную панель — сколько токенов и денег ушло по дням, проектам и моделям. Разбор инструментаСкилл: кидаешь ссылку на Reels, пост или репозиторий — получаешь вердикт, брать или мимо, и первый тест.

SEO и сайты

SEO-машинаКарта из десяти систем, из которых собран сайт на ИИ-агентах: что делает каждая и как собрать такую же. GEO-оптимизация сайтаКак попадать в ответы ChatGPT, AI Overviews и Яндекс Нейро: механика, чеклист по четырём уровням и промпт для аудита и правок. Разведка нишиСкилл: go/no-go по нише до сборки сайта — спрос через Wordstat, деньги-страницы, контент-план. Самоаудит сайта20 проверок за 30 секунд и сравнение с медианой по 83 сайтам малого бизнеса. Скрипт бесплатный. Wordstat APIПодключение через Yandex Cloud за 15 минут: API-ключ, Folder ID, роль, проверка, лимиты и деньги. API поисковиковТокен Яндекс.Вебмастера и доступ к Google Search Console. Включая ловушку с семью днями.

Видео и контент

6 проектов в Claude CodeКонтент-пайплайн целиком: карусели, Reels, озвучка клон-голосом, авто-монтаж, второй мозг. Монтаж «голова + экран»Обучающий ролик с лицом поверх записи экрана: синхронизация, резка тишины, поиск фальстартов, вставки. Индекс видеотекиГотовый промпт: ИИ режет все видео на диске на смысловые куски с таймкодами — что происходит, что говорится, подо что годится.