SEO-сайт за час с помощью AI: пошаговый кейс создания с нуля

Когда я говорю, что создал полноценный SEO-оптимизированный сайт за один час, люди обычно скептически улыбаются. Они думают о конструкторе типа Wix или о шаблоне WordPress. Речь идёт о другом: статический HTML-сайт, правильная семантическая разметка, schema.org, sitemap.xml, адаптивный дизайн, Core Web Vitals — всё сделано с помощью AI. Я только описывал задачу и правил результат. В этой статье — подробный разбор процесса, инструменты и реальный пример: solarpropertybali.com — 42 страницы на двух языках для виллового бизнеса Бали.

Почему статический сайт лучше WordPress для SEO

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

Статический HTML-сайт — это набор заранее сгенерированных файлов, которые сервер отдаёт напрямую, без обращения к базе данных и выполнения PHP-кода. Это означает принципиально другую скорость загрузки: там, где WordPress тратит 800–1500 миллисекунд на генерацию страницы, статический сайт отвечает за 50–100 миллисекунд.

Core Web Vitals — метрики, которые Google использует как один из факторов ранжирования — напрямую зависят от скорости. LCP (Largest Contentful Paint), FID (First Input Delay), CLS (Cumulative Layout Shift): статический сайт с правильной структурой легко попадает в зелёную зону по всем трём показателям. WordPress без оптимизации кэширования и изображений — крайне редко.

Сравнение стоимости хостинга

Разница в цене ощутима. WordPress-хостинг с нормальной производительностью стоит от $20 до $50 в месяц — это shared-хостинг с ограничениями или VPS с предустановленной CMS. Статический сайт можно разместить на VPS за $5 в месяц (например, Hetzner или DigitalOcean) или вообще бесплатно — на GitHub Pages, Cloudflare Pages или Netlify. При этом производительность статики на дешёвом VPS будет лучше, чем у WordPress на дорогом хостинге.

Дополнительный бонус: безопасность. WordPress — самая взламываемая CMS в мире из-за плагинов с уязвимостями. Статический сайт не имеет базы данных, не выполняет серверный код, не принимает входящие POST-запросы — атаковать просто нечего.

Инструменты: Claude и GPT для генерации кода

Для создания сайта я использовал Claude (Anthropic) — он лучше всего справляется с длинными структурированными задачами, хорошо понимает контекст и выдаёт семантически правильный HTML. GPT-4 также отлично работает с кодом, особенно если нужно много вариантов или итераций. В зависимости от задачи можно использовать любой из них — принципиальной разницы в результате нет.

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

Как правильно ставить задачу AI

Эффективный промпт для создания SEO-страницы включает несколько обязательных компонентов:

• Назначение страницы — что она делает, для кого, какое действие должен совершить посетитель.
• Ключевые слова — основной запрос и LSI-слова (семантически связанные). Это не для вставки в каждое предложение, а для понимания контекста.
• Структура — какие разделы нужны, порядок их следования, примерный объём каждого.
• Технические требования — schema.org тип, Open Graph теги, canonical URL, мета-описание.
• Стиль и тон — экспертный, разговорный, нейтральный, язык целевой аудитории.
• Примеры — ссылки на страницы, которые вам нравятся по структуре или подаче.

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

Правильная HTML-структура для SEO: что обязательно

SEO-оптимизация начинается с правильной семантической структуры HTML. Это не просто красота кода — поисковые роботы читают структуру и понимают иерархию информации на странице. Вот что должно быть в каждой SEO-странице.

Заголовки H1–H6

На каждой странице должен быть ровно один тег H1 — главный заголовок, содержащий основной ключевой запрос. Это не художественная литература: H1 должен чётко говорить, о чём страница. Подзаголовки H2 структурируют основные разделы, H3 — подразделы внутри них. Google читает эту иерархию и выстраивает понимание темы страницы.

AI отлично справляется с построением правильной иерархии заголовков, если вы указываете ключевые слова и структуру в промпте. Больше не нужно думать о том, куда вставить ключевое слово естественно — AI сделает это органично, без keyword stuffing.

Мета-теги: title, description, Open Graph

Title — это то, что видит пользователь в результатах поиска. Максимум 60 символов, должен содержать основной ключевой запрос, желательно ближе к началу. Description — краткое описание страницы, которое поисковик может показать под заголовком в выдаче. Оптимальная длина 150–160 символов. Description не влияет на ранжирование напрямую, но влияет на CTR — процент кликов из результатов поиска.

Open Graph теги — это то, как ваша страница выглядит при шаринге в социальных сетях. og:title, og:description, og:image, og:url — все они должны быть заполнены. AI генерирует полный набор мета-тегов автоматически, нужно только проверить уникальность и точность описаний.

Schema.org: структурированные данные

Schema.org — это словарь структурированных данных, который помогает поисковикам понять тип и содержание страницы. Для статьи блога используется тип Article или BlogPosting. Для бизнес-сайта — LocalBusiness. Для страницы продукта — Product. Структурированные данные подключаются через JSON-LD скрипт в head и могут дать rich snippets в результатах поиска — звёзды рейтинга, хлебные крошки, цены.

До появления AI написание schema.org вручную было занятием для тех, кто любит читать техническую документацию. Сейчас AI генерирует корректный JSON-LD по описанию страницы быстрее, чем вы его прочитаете.

Sitemap.xml и robots.txt: техническое SEO

Sitemap.xml — это карта сайта для поисковых роботов. Файл XML-формата, который перечисляет все страницы сайта с датами последнего изменения и приоритетами. Когда вы публикуете сайт впервые или добавляете новые страницы, sitemap помогает поисковику быстрее их найти и проиндексировать.

Правильный sitemap содержит: полные URL каждой страницы (с https://), дату последнего изменения в формате ISO 8601, приоритет страницы (от 0.1 до 1.0, главная всегда 1.0), частоту изменений (daily, weekly, monthly). AI генерирует sitemap.xml для всего сайта по списку страниц мгновенно, и его нужно только обновлять при добавлении новых URL.

Robots.txt — файл директив для поисковых роботов. Он указывает, какие страницы можно индексировать, а какие нет. Для большинства сайтов стандартный robots.txt выглядит так: разрешить всё, указать расположение sitemap.xml. Но есть нюансы: если у вас есть страницы с дублирующимся контентом (например, страницы фильтрации каталога), их следует закрыть от индексирования.

IndexNow: мгновенное уведомление поисковиков

IndexNow — это протокол, поддерживаемый Bing, Яндексом и рядом других поисковиков, который позволяет мгновенно уведомить их о новой или изменённой странице. Вместо того чтобы ждать, когда робот сам обнаружит страницу при обходе (это может занять дни или недели), вы отправляете HTTP-запрос с URL — и страница попадает в очередь на индексирование в течение часов.

Для Google используется Google Search Console API или просто отправка sitemap через интерфейс. Для Яндекса — Яндекс.Вебмастер. Всё это можно автоматизировать: при добавлении новой страницы скрипт автоматически обновляет sitemap и отправляет уведомление через IndexNow.

Реальный кейс: solarpropertybali.com — 42 страницы за один день

Самый наглядный пример того, что возможно с AI — это solarpropertybali.com, сайт виллового бизнеса на Бали. Клиент занимается управлением виллами и посуточной арендой — это высококонкурентная ниша с международной аудиторией. Нужен был полноценный сайт на двух языках (английский и русский) с SEO-оптимизацией под запросы типа «villa Bali for rent», «Seminyak villa rental», «виллы на Бали аренда».

Задача: 42 HTML-страницы, двуязычная структура, уникальный контент для каждого района Бали (Семиньяк, Чангу, Убуд, Нуса-Дуа, Джимбаран), карточки объектов, страницы услуг, блог. Классически такой проект занимает 3–4 недели: брифинг, дизайн, вёрстка, написание контента, SEO-разметка, тестирование, деплой.

Как AI собрал сайт

Процесс начался с подробного описания бизнеса, целевой аудитории и структуры сайта. AI создал дизайн-систему: цветовую схему, типографику, компоненты (карточки вилл, секции с отзывами, CTA-блоки). Затем — шаблон для каждого типа страниц: главная, страница района, карточка объекта, блог, контакты.

Дальше — самое интересное. Для каждого района Бали AI написал уникальный SEO-текст с правильным балансом ключевых слов. Не копипаст с небольшими вариациями, а реально разный контент: история района, его особенности, тип туристов, которые туда едут, преимущества аренды виллы именно там. Это то, что обычно требует нескольких часов работы копирайтера с погружением в тему.

Параллельно AI сгенерировал весь технический слой: мета-теги для каждой страницы (уникальные, с правильными ключевыми словами), hreflang-теги для двуязычной версии (указывают поисковику, что эта страница — перевод той), canonical теги, schema.org разметку типа LodgingBusiness для каждой виллы, sitemap.xml со всеми 42 URL.

Результаты через 3 месяца

Через три месяца после запуска solarpropertybali.com начал появляться в топ-10 Google по ряду целевых запросов. Это не случайность и не удача — это результат правильно построенной технической SEO-базы с первого дня. Многие сайты на WordPress годами не могут попасть в топ именно потому, что у них слабая техническая сторона: медленная загрузка, дублирующийся контент, отсутствие структурированных данных.

Пошаговый процесс: от идеи до сайта в интернете

Теперь конкретика. Как именно выглядит процесс создания SEO-сайта с помощью AI — шаг за шагом, с временными рамками.

Шаг 1: Техническое задание для AI (10–15 минут)

Опишите AI бизнес и задачу: чем занимается компания, кто целевая аудитория, какие проблемы решает, что отличает от конкурентов. Перечислите страницы, которые нужны, и их примерное содержание. Укажите ключевые запросы — хотя бы 5–10 основных. Если есть примеры сайтов, которые нравятся — дайте ссылки или опишите, что именно нравится.

Не бойтесь быть подробным. Чем больше деталей, тем точнее результат. Один хороший промпт на 500–1000 слов сэкономит вам несколько итераций правок.

Шаг 2: Генерация HTML-страниц (20–30 минут)

AI генерирует HTML для каждой страницы. Начните с главной — она задаёт стиль и компоненты, которые потом используются на других страницах. Затем — внутренние страницы по шаблону.

Для каждой страницы AI создаёт полный HTML-файл: header, main с контентом, footer, подключение CSS и JS. Важно: просите AI использовать семантические теги — article, section, nav, aside, main, header, footer — а не просто div-суп. Это влияет на понимание структуры поисковиками.

Параллельно AI генерирует CSS. Можно попросить использовать CSS-переменные для цветов и типографики — это упрощает последующие правки. Mobile-first подход: сначала стили для мобильных, потом медиа-запросы для планшетов и десктопов.

Шаг 3: Правка контента (10–15 минут)

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

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

Шаг 4: Деплой на VPS (10–15 минут)

Для размещения статического сайта нужен VPS с nginx. Стандартный стек: Ubuntu 22.04, nginx, SSL через certbot (Let's Encrypt). Настройка занимает 15–20 минут при первом деплое, последующие деплои — это просто копирование файлов через SCP или rsync.

Команда деплоя выглядит примерно так:

Это можно автоматизировать через GitHub Actions: при пуше в main-ветку файлы автоматически копируются на сервер. Так настраивается continuous deployment — без единого ручного действия при обновлении сайта.

Шаг 5: Домен и SSL (5–10 минут)

Регистрация домена: любой регистратор, стоимость $10–15 в год. Укажите A-запись вашего домена, направляющую на IP сервера. Propagation (распространение DNS) занимает от нескольких минут до 24 часов.

SSL-сертификат через Let's Encrypt — бесплатно. Одна команда certbot устанавливает сертификат и настраивает автоматическое обновление каждые 90 дней. HTTPS — обязательное условие для SEO: Google давно показывает предупреждение для HTTP-сайтов, и это негативно влияет на доверие и ранжирование.

Адаптивный дизайн и Core Web Vitals

Mobile-first — это не просто тренд, это требование. Больше 60% поискового трафика сейчас приходит с мобильных устройств. Google использует mobile-first indexing: при ранжировании он смотрит прежде всего на мобильную версию сайта. Если мобильная версия плохая — позиции будут плохими, даже если десктопная версия выглядит идеально.

При создании CSS важно просить AI использовать mobile-first подход: сначала базовые стили для экранов с шириной 320–480px, затем медиа-запросы для 768px (планшеты) и 1200px (десктопы). Флексбокс и CSS Grid обеспечивают гибкую адаптивную раскладку без JavaScript.

Оптимизация Core Web Vitals

LCP (Largest Contentful Paint) — время до отображения главного контентного элемента. Цель: менее 2.5 секунды. Для статического сайта это достигается легко: нет серверного рендеринга, изображения оптимизированы (WebP формат), CSS critical path встроен в head страницы.

FID/INP (взаимодействие с пользователем) — задержка при первом клике или вводе. Для статических сайтов без тяжёлого JavaScript практически всегда в зелёной зоне.

CLS (Cumulative Layout Shift) — визуальная стабильность страницы. Основная причина высокого CLS — изображения без явно указанных размеров width и height. AI по умолчанию добавляет эти атрибуты к img-тегам, что предотвращает прыжки контента при загрузке.

Ограничения: что нужно знать честно

Статический сайт с AI — не серебряная пуля. Есть реальные ограничения, которые важно понимать перед выбором этого подхода.

Нет встроенной CMS

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

Это решаемо несколькими способами. Во-первых, headless CMS — Contentful, Netlify CMS, Forestry — дают визуальный интерфейс редактирования, а при сохранении автоматически генерируют и деплоят статические файлы. Во-вторых, автоматизация через AI-агентов: контент создаётся из Telegram, Notion или других источников и публикуется без ручного вмешательства.

Обновление через SSH

Для обновления сайта нужно либо знать базовые команды терминала, либо настроить автоматический деплой. Это небольшой, но реальный порог входа. Если клиент хочет сам управлять сайтом без технических знаний — статика не лучший выбор, лучше использовать headless CMS с GUI.

Для нас лично это не ограничение, а особенность. Все обновления сайта 4bos.ru происходят автоматически: AI-агент читает новые посты из Telegram, конвертирует их в HTML, обновляет sitemap и деплоит на сервер. Моё участие — ноль.

Динамический контент требует отдельного подхода

Корзина для интернет-магазина, личный кабинет пользователя, форма бронирования с реальной проверкой доступности — всё это динамический функционал, который нельзя реализовать в чистом статическом HTML. Это решается гибридным подходом: статические страницы + отдельный API для динамических операций.

Для виллового бизнеса Бали, например, страницы объектов статические, а форма бронирования отправляет данные на отдельный serverless endpoint (Cloudflare Workers или AWS Lambda) — это тоже можно настроить бесплатно или почти бесплатно.

Автоматизация: блог, который наполняется сам

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

Принцип работы: AI-агент раз в день проверяет Telegram-канал на наличие новых экспертных постов. Если находит материал, который подходит для статьи блога — конвертирует его в полноценный HTML-документ по шаблону сайта, с правильными мета-тегами, schema.org и внутренними ссылками. Автоматически обновляет index блога, добавляет URL в sitemap, деплоит файлы на сервер и отправляет уведомление через IndexNow.

Это означает стабильный поток свежего SEO-контента без единого часа ручной работы. Поисковики любят сайты, которые регулярно обновляются — это один из сигналов качества и актуальности ресурса.

Подробнее об автоматизации контент-пайплайна — в статье Автоматизация контент-пайплайна: как AI ведёт Telegram-канал.

Экономика: считаем деньги

Когда я говорю, что SEO-сайт стоит дёшево — это не просто ощущение. Вот реальные цифры.

Создание сайта: если делаете сами с помощью AI — стоимость подписки на Claude Pro или ChatGPT Plus ($20/мес) за несколько часов работы. Если заказываете у студии вроде нас — в разы дешевле классической веб-студии, потому что AI берёт на себя рутину вёрстки и написания кода.

Хостинг: VPS Hetzner CPX11 (2 vCPU, 2 GB RAM) — €4.15/мес, хватает для нескольких сайтов одновременно. На этом же сервере у нас живёт 4bos.ru и несколько проектов клиентов. DigitalOcean Droplet с аналогичными характеристиками — $6/мес.

Cloudflare Free стоит отдельного упоминания. Бесплатный тариф даёт: CDN с кэшированием (сайт грузится быстрее из любой точки мира), защиту от DDoS, SSL-сертификат, аналитику трафика и возможность настроить Page Rules. Для статического сайта это всё, что нужно.

Выводы: что менялось и что остаётся неизменным

Создание SEO-сайта с помощью AI — это не упрощение задачи, а изменение распределения усилий. Раньше 80% времени уходило на технику: вёрстку, настройку мета-тегов, schema.org, оптимизацию скорости. Только 20% — на стратегию и контент.

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

SEO в 2026 году — это не про количество ключевых слов на странице и не про хитрые технические трюки. Это про скорость, техническое совершенство и реальную ценность для пользователя. Статический сайт, созданный с помощью AI, даёт первые два автоматически. Третье — ваша задача.

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

Больше о том, как мы строим системы автоматизации для бизнеса, читайте в статье про 10 ежедневных AI-проверок бизнеса и в кейсе как AI проанализировал 120 000 сообщений из 447 чатов.