Часть 17 из 22

Programmatic SEO в Next.js: страницы в масштабе без спама

Programmatic SEO — это генерация множества страниц из структурированных данных и одного шаблона: каталоги интеграций («Подключить X к Y»), сравнения («X vs Y»), глоссарии, страницы городов, калькуляторы. Так Zapier и Wise построили миллионы органических визитов — и Next.js, пожалуй, лучший стек, когда-либо созданный для этого.

Почему Next.js подходит идеально

Один шаблон плюс источник данных превращаются в тысячу статических страниц:

// app/integrations/[pair]/page.tsx
export async function generateStaticParams() {
  return integrationPairs.map((p) => ({ pair: `${p.from}-to-${p.to}` }));
}

export const revalidate = 86400; // обновление из данных раз в сутки

export async function generateMetadata({ params }): Promise<Metadata> {
  const { from, to } = parsePair(params.pair);
  return {
    title: `Подключить ${from} к ${to} — гайд и шаблон`,
    description: `Пошаговая интеграция ${from} → ${to}: триггеры, маппинг полей и готовый шаблон.`,
    alternates: { canonical: `/integrations/${params.pair}` },
  };
}

Статическая генерация держит раздел на 10 000 страниц быстрым и дешёвым (стратегия рендеринга применяется в полной мере), а ISR — свежим из источника данных.

Граница между programmatic и дорвейным спамом

Спам-политики Google явно целятся в «doorway pages» и «scaled content abuse» — шаблонные страницы, различающиеся только подставленным ключом. Мартовский core-апдейт 2024 деиндексировал целые programmatic-сайты. Тест, решающий вашу судьбу:

Есть ли на каждой странице данные или функциональность, которые пользователь не получит на любой соседней?

  • Настоящая ценность на страницу: реальные поля интеграции, реальные цены, работающий калькулятор, городской инвентарь, честные характеристики в сравнении.
  • Ценность подставленного ключа: те же 300 слов с заменённым {city}.

Зашейте порог качества в сам шаблон: если данных по элементу слишком мало (нет уникальных полей, нет объёма, нет контента) — не генерируйте страницу вовсе, либо генерируйте с robots: { index: false }, пока она не заслужит место. Раздел, где 80% страниц тонкие, топит и оставшиеся 20%, и весь домен вместе с ними.

Обнаружение: programmatic-страницам нужны programmatic-ссылки

Тысяча сгенерированных страниц, на которые ниоткуда нет ссылок, — это тысяча сирот. Встройте перелинковку в генератор:

  • Хабы по категориям («Все интеграции CRM») с чистой пагинацией.
  • Кросс-ссылки между соседями («кто подключает X, подключает и Y») — из данных, не вручную.
  • Всё — в sitemap.ts, с разбиением через generateSitemaps() после 50 тыс. URL.
  • Следите за долей индексации в Search Console (отчёт Pages): если Google индексирует 30% сгенерированного раздела — это Google оценивает вашу ценность на страницу. Улучшайте или удаляйте, прежде чем масштабировать дальше.

Бесплатные инструменты: самый рычажный programmatic-ход

Маленький интерактивный инструмент — превью мета-тегов, генератор hreflang, калькулятор цены — зарабатывает больше почти любой статьи: инструменты пассивно притягивают обратные ссылки, ранжируются по запросам «генератор/чекер/калькулятор» с коммерческим интентом и демонстрируют ровно ту экспертизу из первых рук, которую вознаграждает E-E-A-T. В Next.js это клиентский компонент, встроенный в статическую страницу; тот же инструмент может питать и programmatic-страницы результатов.

Чеклист:

  • Каждая сгенерированная страница проходит тест уникальной ценности (данные/функция, а не заменённые слова)
  • Порог качества в генераторе: тонкие элементы пропускаются или получают noindex
  • Хабы, кросс-ссылки соседей и sitemap генерируются вместе со страницами
  • Доля индексации раздела под наблюдением; провисающее — вычищается
  • В роадмапе есть хотя бы один бесплатный инструмент-магнит ссылок

01—22

Все темы гайда

  1. 01Стратегия рендеринга: что на самом деле видит краулер?
  2. 02Metadata API: тайтлы, описания и паттерн с шаблоном
  3. 03Canonical и hreflang: одна страница — один адрес
  4. 04Open Graph и динамические OG-картинки
  5. 05sitemap.ts и robots.ts: файловые конвенции вместо рукописного XML
  6. 06Структурированные данные: JSON-LD, который приносит rich results
  7. 07Картинки, шрифты и скрипты: классическое трио производительности
  8. 08Core Web Vitals: три числа, которые измеряет Google
  9. 09Редиректы, 404 и коды ответов
  10. 10Кеширование и свежесть контента
  11. 11AEO/GEO: как попасть в ответы ChatGPT, Perplexity и Google AI Overviews
  12. 12Мониторинг: SEO — это цикл, а не задача на запуск
  13. 13Траст и E-E-A-T: как сделать сайт заслуживающим доверия
  14. 14Image SEO: как превратить картинки в трафик
  15. 15Внутренняя перелинковка и архитектура сайта
  16. 16Поисковые интенты: страницы под то, что люди реально ищут
  17. 17Programmatic SEO в Next.js: страницы в масштабе без спама
  18. 18SEO-миграция: переезд на Next.js без потери трафика
  19. 19Пагинация и фасетная навигация без раздувания индекса
  20. 20Доступность и SEO: одна работа — две награды
  21. 21Угасание контента: обновить, склеить или удалить
  22. 22Off-page для разработчиков: ссылки, которые не покупают

Нужно, чтобы это сделали за вас?

Я провожу аудит и чиню техническое SEO на сайтах Next.js — индексация, скорость, hreflang и видимость в AI.

Услуга «Техническое SEO»