Анти‑кейс. Как создать технически идеальный сайт на Next.js про ИИ и нейросети и остаться без поискового трафика

В сфере искусственного интеллекта произошло заметное событие. Boris_Ivanov 6 минут назад Анти‑кейс. Как создать технически идеальный сайт на Next. js про ИИ и нейросети и остаться без поискового трафика 5 мин 126 Поисковая оптимизация * Веб-разработка * ReactJS * Искусственный интеллект Кейс Из песочницы Привет, Хабр!

Меня зовут Борис, я инди‑хакер и разработчик. Обычно я пилю Telegram‑ботов и настраиваю автоматизации, но чуть менее года назад меня затянула идея создать собственный большой, удобный и, главное, полностью авторский веб‑проект в тематике ИИ — Нейро. Я сразу решил, что не буду использовать никакие конструкторы, шаблоны из 2010х и унылые рерайтов.

Технические детали

Всё пишем руками (с помощью ИИ‑шки конечно же), вылизываем UX и делаем упор на пользу для людей. Спустя год проект представляет собой полноценную экосистему из трех китов:Промпты. Огромная база (более 1100 штук), где каждый промпт имеет свою отдельную страницу с тегами, генерациями и возможностью скопировать его в один клик.

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

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

Отраслевые последствия

Технический стек и архитектураСайт написан на современном и быстром стеке, чтобы интерфейс летал, а поисковики не спотыкались о тяжелый рендеринг:Структура сайта и технический стекNext. js / React — для идеального SSR (Server‑Side Rendering), который якобы любят поисковые роботы (по крайней мере так думает клод, джеминай и прочая нечИИсть). TypeScript — для строгости и стабильности кода.

Tailwind CSS & Radix UI — для быстрой, чистой и отзывчивой верстки с поддержкой темной темы. Каждая сущность изолирована. Страница промпта — это отдельный URL, где пользователь видит качественный пример генерации (например, ретро‑фотосессию), модель (Nano Banana, Midjourney и так далее), сам текст промпта, кнопку быстрой копии, автогенерируемый FAQ для сбора низкочастотных ключей и блок похожих материалов.

Страница промпта с примером генерации, функцией «Копировать», «Поделиться» и прочими радостямиА вот так выглядит основная галерея с промптами для картинок:Галерея промптов с категориями, фильтрами и возможностью добавить промпт в избранное.

Этот прогресс даёт важные сигналы о будущем отрасли, и технологический мир внимательно наблюдает.