← Все постыНаписать

Нейросеть для создания сайта прямо в админ-панели

Создание сайта с помощью ИИ обычно даёт одинаковые страницы: Tailwind, градиенты, тёмная тема. Бизнесу нужен фирменный стиль и тексты по редполитике. Мы встроили нейросеть в админ-панель: она изучает блоки сайта, сама подбирает ключи через API Wordstat и собирает страницу услуги минут за 20.

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

Мы пошли дальше. Теперь ИИ генерирует страницы.

Почему генерация сайта нейросетью выглядит однотипно

У ИИ генерации сайтов есть проблема, что они все однотипно безвкусные и всё это видно сразу. Эти ужасные Tailwind стили, с одинаковыми шрифтами, заголовками с градиентами и тёмной темой. Бизнесу надо попадание в фирменный стиль. Чтобы текст соответствовал ред.политике. И чтобы можно было руками без всех этих gpt-решений потом подправить.

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

Как мы научили нейросеть создавать страницы сайта

1. Скормили ред.политику, как тексты можно писать, как нет

2. Попросили проанализировать все блоки на всех страницах. Выделить какие уникальные блоки есть и как их использовать

3. Добавили цикл тестирования на десктопе и мобильной версии. Тестирование визуальное + код.

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

Нейросеть сама подбирает ключевые слова через Wordstat

5. Чтобы ИИ сам подбирал ключевые слова на страницу, учитывал интент запроса, как эти запросы кластеризуются между страницами. Вставлял сразу в текст. Использует API Wordstat и поиска яндекса.

6. Мог вставлять калькуляторы, формы и другие сервисы, которые работают на фронтенде.

Что еще не сделали, но скоро: отдельный интерфейс для менеджера в админ-панели, чтобы не надо было заходить в ИИ.

Сколько времени занимает создание сайта с помощью ИИ

В результате минут 20, чтобы получилась рабочая страница. В стиле компании. Еще уйдет пару часов дизайнера, чтобы сделать вау за счёт иллюстраций.

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

Если вы устали тратить деньги на верстальщиков и контент-менеджеров и хотите встроить в вашу админ-панель, пишите в ЛС @altoivan

Почему ИИ-генераторы сайтов выдают одно и то же

Причина не во вкусе модели, а в данных. Огромная доля открытых шаблонов и примеров фронтенда последних лет сделана на Tailwind CSS и компонентах shadcn/ui. Модель видела миллионы таких страниц и воспроизводит их среднее: шрифт Inter, скруглённые карточки, градиент в заголовке, тёмный фон.

Сервисы вроде v0, Lovable и Bolt честно решают свою задачу. Они быстро дают прототип с нуля. Но у бизнеса уже есть сайт, брендбук и сотни страниц, и новая страница должна выглядеть как соседние. Здесь прототип с нуля мешает.

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

Как устроена генерация страниц внутри админки

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

Библиотека блоков вместо промпта «сделай красиво»

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

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

Редполитика как отдельный документ

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

Ограниченные права и скрипты публикации

Третий слой — безопасность. У ИИ нет прямого доступа к базе сайта. Он вызывает отдельные скрипты: создать черновик, обновить блок, опубликовать. Каждый скрипт делает одно действие и проверяет входные данные.

Так результат предсказуем. Модель не может случайно удалить чужую страницу или поменять меню, даже если неверно поняла задачу.

Создание сайта с помощью ИИ: три подхода

Я бы выбирал подход по тому, есть ли у вас уже сайт и кто будет его править после генерации.

ПодходПримерыКогда подходитОграничения
Генератор с нуляv0, Lovable, BoltПрототип, MVP, проверка идеи за вечерТиповой вид, код нужно переносить в свой проект
Конструктор с шаблонамиTilda, CraftumНебольшой сайт без своей разработкиФирменный стиль ограничен шаблонами
ИИ внутри своей админкиСвоя CMS, Битрикс, LaravelСайт с сотнями страниц услугНужна разработка и описание блоков

Как проверять страницу, которую собрала нейросеть

Генерация без проверки — лотерея. Поэтому после сборки страница проходит цикл тестов, и только потом её видит человек.

Визуальную часть удобно проверять через Playwright: скрипт открывает страницу на ширине 1440 и 375 пикселей, делает скриншоты, а модель смотрит на них и ищет наложения, пустые блоки и обрезанный текст. Кодовую часть проверяют валидатор HTML и Lighthouse.

  • Скриншоты на десктопе и мобильной версии.
  • Проверка, что все блоки взяты из каталога, а не придуманы.
  • Прогон текста по стоп-словам редполитики.
  • Сверка ключевых запросов с данными Wordstat и с соседними страницами, чтобы две страницы не боролись за один запрос.
  • Ручная вычитка менеджером перед публикацией.

Ошибки, на которых спотыкаются

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

Вторая — подбирать ключевые слова отдельно от структуры сайта. Если не учитывать кластеризацию запросов между страницами, новая страница отнимет трафик у старой. Третья — публиковать без человека. Даже при хорошем тексте менеджер должен нажать кнопку сам.

Короче всего так: ИИ хорош как сборщик из проверенных деталей и плох как архитектор.

Вопросы и ответы

Почему сайты, сделанные нейросетью, похожи друг на друга?

Генераторы берут одни и те же Tailwind-стили: одинаковые шрифты, заголовки с градиентами, тёмную тему. Поэтому такой сайт видно сразу.

Как сделать, чтобы нейросеть попадала в фирменный стиль?

Мы скормили ИИ редполитику и попросили проанализировать все блоки на всех страницах сайта. Дальше он собирает страницы из этих блоков и проходит визуальное тестирование на десктопе и мобильной версии.

Сколько времени занимает создание страницы сайта с помощью ИИ?

Около 20 минут до рабочей страницы в стиле компании. Ещё пару часов дизайнер тратит на иллюстрации.

Обсудить в Telegram Подписаться на @altocodes