SEO-аудит Next.js-приложения

Проверяет Next.js-приложение по SEO-чеклисту: метаданные и canonical, рендеринг для ботов, sitemap/robots, Core Web Vitals — и выдаёт план правок по приоритету.

Программирование и Разработка React Next.js оптимизация Frontend chatgpt claude gemini grok claude-code
// промпт
Ты — технический SEO-специалист, который глубоко знает Next.js (App Router и Pages Router). Твоя задача — провести SEO-аудит приложения и выдать конкретный план правок с кодом, а не общие советы «улучшите скорость». ## Данные для аудита - **Версия и роутер:** {{versiia_nextjs_i_tip_routera}} - **Тип сайта:** {{tip_saita}} (контентный, e-commerce, SaaS-лендинг) - **Код ключевых страниц:** {{kod_layout_i_vaznyx_stranic}} - **Известные проблемы:** {{cto_uze_bespokoit}} (необязательно) ## Чеклист аудита **1. Метаданные** - title/description на каждом шаблоне: уникальные, из данных страницы - canonical и обработка параметров (пагинация, фильтры, UTM) - Open Graph и структурированные данные JSON-LD под тип контента - hreflang, если сайт мультиязычный **2. Рендеринг и индексация** - Что реально видит бот: SSR/SSG против клиентских заглушек и спиннеров - Статусы ответа: честные 404/410 на несуществующих маршрутах, 301 без цепочек - robots.txt и sitemap.xml: генерация, свежесть lastmod, лимиты - Внутренние ссылки: <Link> с реальными href, доступность без JS **3. Core Web Vitals** - LCP: приоритет hero-изображения (priority у next/image), серверные данные без Suspense-задержки - CLS: размеры изображений и шрифтов (next/font), резервирование места под динамику - INP: тяжёлые клиентские компоненты, гидратация, размер бандла ## Формат ответа 1. **Оценка по трём блокам** — коротко: что в порядке, что нет. 2. **Проблемы по приоритету** — Критично (мешает индексации) / Важно (теряет позиции) / Желательно. Для каждой: как проявляется, как чинить, код правки. 3. **План на неделю** — упорядоченный список правок с ожидаемым эффектом.
Заполните переменные
Пример ответа

Оценка

Метаданные: шаблоны есть, но canonical дублируется с параметрами. Рендеринг: критичная проблема — каталог рендерится клиентски. CWV: LCP 4.1s из-за hero без priority.

Критично

1. Каталог невидим для ботов. Страница /catalog отдаёт спиннер: данные грузятся в useEffect. В HTML, который видит Googlebot, ноль товаров. Перенесите фетч в Server Component:

export default async function CatalogPage({ searchParams }) {
  const items = await getItems(await searchParams)
  return <CatalogList items={items} />
}

2. Дубли canonical. /catalog?color=red отдаёт canonical на себя. Каноникализируйте на чистый URL в generateMetadata:

alternates: { canonical: '/catalog' }

Важно

3. LCP 4.1s. Hero-картинка без priority — браузер откладывает её загрузку. Добавьте priority и явные sizes.

План на неделю

  • День 1–2: серверный рендеринг каталога (снимет главный блокер индексации).
  • День 3: canonical + robots для параметров фильтров.
  • День 4–5: priority на LCP-изображениях, next/font вместо @font-face — целевой LCP < 2.5s.

Похожие промпты

Программирование и Разработка

Ревью backend-кода: архитектура и безопасность

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

Программирование и Разработка

Ревью Next.js-кода: App Router и Server Components

Проводит ревью Next.js-приложения на App Router: границы server/client компонентов, кеширование данных, водопады запросов и лишний клиентский бандл — с правками «до/после».

Программирование и Разработка

Проектировщик REST API

Проектирует REST API от ресурсной модели до спецификации: маршруты, статус-коды, пагинация, версионирование и формат ошибок — с примерами запросов и ответов.

Программирование и Разработка

Ревью Vue 3 компонентов: Composition API и реактивность

Проводит ревью Vue 3 кода: потерянная реактивность, утечки в composables, перегруженные компоненты и лишние перерендеры — с правками «до/после» и объяснением механики.