Parte 17 de 22

SEO programmatic en Next.js: páginas a escala sin spam

SEO programmatic en Next.js: páginas a escala sin spam

El SEO programmatic consiste en generar muchas páginas a partir de datos estructurados y una sola plantilla: catálogos de integraciones ("Conecte X con Y"), comparativas ("X vs Y"), glosarios, páginas de ciudades, calculadoras. Empresas como Zapier y Wise aplican este modelo a gran escala, y Next.js ofrece mecanismos útiles para implantarlo.

Por qué Next.js encaja de maravilla

Una plantilla más una fuente de datos se convierte en mil páginas estáticas:

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

export const revalidate = 86400; // actualización desde los datos una vez al día

export async function generateMetadata({ params }): Promise<Metadata> {
  const { from, to } = parsePair(params.pair);
  return {
    title: `Conecte ${from} con ${to}: guía y plantilla`,
    description: `Integración ${from} → ${to} paso a paso: triggers, mapeo de campos y plantilla lista.`,
    alternates: { canonical: `/integrations/${params.pair}` },
  };
}

La generación estática mantiene una sección de 10 000 páginas rápida y barata (la estrategia de renderizado se aplica por completo), y el ISR la mantiene fresca respecto a la fuente de datos.

El límite entre programmatic y spam de doorway

Las políticas de spam de Google apuntan directamente a las "doorway pages" y al "scaled content abuse": páginas de plantilla que solo se diferencian en la palabra clave sustituida. La core update de marzo de 2024 desindexó sitios programmatic enteros. La prueba que decide su suerte:

¿Contiene cada página datos o funcionalidad que el usuario no obtendría en ninguna página vecina?

  • ✅ Valor real por página: campos reales de la integración, datos de precios reales, una calculadora que funciona, el surtido de la ciudad, especificaciones reales en una comparativa.
  • ❌ Valor de palabra sustituida: las mismas 300 palabras con un {city} intercambiado.

Incorpore un umbral de calidad en la propia plantilla: si los datos del elemento son demasiado escasos (sin campos únicos, sin volumen, sin contenido), no genere la página en absoluto, o genérela con robots: { index: false } hasta que se gane su sitio. Una sección donde el 80 % de las páginas son finas hunde al otro 20 % y a todo el dominio con ellas.

Descubribilidad: las páginas programmatic necesitan enlaces programmatic

Mil páginas generadas a las que no enlaza nada son mil huérfanas. Incorpore el enlazado en el generador:

  • Hubs por categoría ("Todas las integraciones de CRM") con paginación limpia.
  • Enlaces cruzados entre vecinas ("quien conecta X, conecta también Y"), a partir de datos, no a mano.
  • Todo en sitemap.ts, dividido con generateSitemaps() al superar las 50 000 URL.
  • Vigile la tasa de indexación en Search Console (informe de Páginas): si Google indexa el 30 % de la sección generada, Google está evaluando su valor por página; mejore o pode antes de seguir escalando.

Herramientas gratuitas: el programmatic de mayor palanca

Una pequeña herramienta interactiva (vista previa de meta etiquetas, generador de hreflang, calculadora de precios) puede ganar enlaces que un artículo no atraerá: las herramientas atraen backlinks de forma pasiva, se posicionan para consultas de "generador/checker/calculadora" con intención comercial y demuestran justo esa pericia de primera mano que premia E-E-A-T. En Next.js basta un componente de cliente incrustado en una página estática; la misma herramienta puede alimentar también páginas de resultados programmatic.

Checklist:

  • Cada página generada supera la prueba de valor único (datos/función, no palabras sustituidas)
  • Umbral de calidad en el generador: los elementos finos se omiten o se ponen en noindex
  • Hubs, enlaces entre vecinas y sitemaps generados junto con las páginas
  • Tasa de indexación de la sección monitorizada; páginas flojas podadas
  • En el roadmap al menos una herramienta gratuita como imán de enlaces

¿Prefiere que se lo haga otra persona?

Audito y corrijo el SEO técnico de webs en Next.js: indexación, velocidad, hreflang y visibilidad en IA.

Servicio de SEO técnico