Know-how / Temas: 22

Checklist SEO para Next.js: guía completa del App Router (2026)

Next.js ofrece todas las herramientas para posicionar alto en los buscadores, pero ninguna funciona "por casualidad". Este checklist recorre cada capa del SEO en el App Router: de la estrategia de renderizado a los datos estructurados, hasta la nueva frontera: ser citado por los motores de respuesta de IA.

Por qué el SEO en Next.js es un checklist y no un plugin

En WordPress se instala un plugin de SEO y se rellenan los campos. En Next.js el SEO es un conjunto de decisiones de ingeniería: cómo se renderiza la página, qué HTML recibe el rastreador, con qué rapidez carga y con qué claridad se explica a las máquinas. Si se falla en una capa, por ejemplo renderizando las descripciones de producto en el cliente, ya no ayudará ninguna meta etiqueta.

Esta guía repasa cada capa por orden. Cada sección termina con puntos concretos que marcar.

¿Prefiere encargar este checklist a alguien? Lo implanto en proyectos de clientes como desarrollador Next.js freelance: desde una auditoría puntual hasta la migración al App Router.

Checklist SEO para Next.js: guía completa del App Router (2026)

Índice / 01—22

Temas de la guía

  1. 01

    Estrategia de renderizado: ¿qué ve realmente el rastreador?

    Cómo afectan SSG, ISR, SSR y CSR a la indexación en Next.js, por qué el contenido renderizado en el cliente es invisible para los rastreadores y cómo comprobar qué ven los bots.

    →
  2. 02

    Metadata API: títulos, descripciones y el patrón de plantilla

    Uso correcto de la Metadata API en Next.js: metadataBase, plantillas de título, generateMetadata para contenido de CMS y deduplicación de consultas con React cache().

    →
  3. 03

    Canonical y hreflang: una página, una dirección

    Canonical y hreflang en Next.js: lucha contra duplicados, enlaces de idioma recíprocos, slugs localizados y un x-default correcto.

    →
  4. 04

    Open Graph e imágenes OG dinámicas

    Open Graph e imágenes OG dinámicas en Next.js con ImageResponse: vistas previas automáticas de 1200×630 para cada página.

    →
  5. 05

    sitemap.ts y robots.ts: convenciones de archivo en lugar de XML manual

    sitemap.ts y robots.ts en el App Router: un lastModified honesto, división de sitemaps grandes y por qué robots.txt no saca páginas del índice.

    →
  6. 06

    Datos estructurados: el JSON-LD que da rich results

    Datos estructurados JSON-LD en Next.js: schema en el servidor para artículos, migas de pan, FAQ y productos, tipada con schema-dts.

    →
  7. 07

    Imágenes, fuentes y scripts: el trío clásico del rendimiento

    Optimización de imágenes, fuentes y scripts externos en Next.js: priority y sizes en next/image, self-hosting con next/font y estrategias de carga.

    →
  8. 08

    Core Web Vitals: los tres números que mide Google

    LCP, INP y CLS en Next.js: correcciones concretas para cada métrica, datos de laboratorio frente a datos de campo y monitoreo de usuarios reales con useReportWebVitals.

    →
  9. 09

    Redirecciones, 404 y códigos de respuesta

    Redirecciones y códigos de respuesta en Next.js: 308 frente a 307, permanentRedirect, 404 reales con notFound() y un índice sin cadenas ni soft 404.

    →
  10. 10

    Caché y frescura del contenido

    Cómo afecta la caché al SEO en Next.js: ISR más revalidación por webhook, frescura inmediata sin el retraso del SSR en cada rastreo.

    →
  11. 11

    AEO/GEO: cómo ser citado por ChatGPT, Perplexity y Google AI Overviews

    AEO/GEO para Next.js: cómo hacer el contenido legible y citable para ChatGPT, Perplexity y Google AI Overviews: robots, llms.txt y formato de respuesta.

    →
  12. 12

    Monitoreo: el SEO es un bucle, no una tarea de arranque

    Monitoreo SEO en Next.js: trabajo con Search Console, presupuestos de Lighthouse CI, registro de visitas de rastreadores de IA y smoke tests tras los despliegues.

    →
  13. 13

    Confianza y E-E-A-T: cómo hacer creíble su sitio

    Señales E-E-A-T en una página Next.js: autoría real, schema Person y Organization, fechas honestas, fuentes citadas y pruebas de experiencia, para Google y los motores de IA.

    →
  14. 14

    SEO de imágenes: cómo convertir las imágenes en tráfico

    Las imágenes como canal de tráfico en Next.js: visuales únicos en lugar de stock, alt y nombres de archivo, schema ImageObject con licencia, sitemap de imágenes y marcado de imágenes de IA.

    →
  15. 15

    Enlazado interno y arquitectura del sitio

    Estrategia de enlaces internos para sitios Next.js: clústeres temáticos, anchors descriptivos, profundidad de rastreo, páginas huérfanas y generación de bloques de contenido relacionado a partir de datos.

    →
  16. 16

    Intenciones de búsqueda: páginas para lo que la gente busca de verdad

    Mapeo de intenciones de búsqueda a tipos de página en Next.js: consultas informativas frente a comerciales, estrategia long-tail, títulos para el CTR y vivir en la era zero-click.

    →
  17. 17

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

    SEO programmatic con generateStaticParams: páginas a partir de plantilla y datos, el umbral de valor único que las separa del spam de doorway y herramientas gratuitas como imanes de enlaces.

    →
  18. 18

    Migración SEO: pasar a Next.js sin perder tráfico

    Playbook de migración a Next.js: inventario de URL, mapa de redirecciones, control de paridad en staging, verificación el día del lanzamiento y qué es normal en las primeras semanas.

    →
  19. 19

    Paginación y navegación por facetas sin inflar el índice

    Paginación y filtros en Next.js bien hechos: canonicals autorreferentes de página, scroll infinito con URL reales y qué combinaciones de filtros merecen indexarse.

    →
  20. 20

    Accesibilidad y SEO: un solo trabajo, dos beneficios

    Por qué trabajar la accesibilidad en Next.js es también SEO: HTML semántico, encabezados, alt y nombres de enlaces, más el plazo de la EAA que la hace obligatoria en la UE.

    →
  21. 21

    Decaimiento del contenido: actualizar, consolidar o eliminar

    Las posiciones se erosionan por defecto: cómo detectar páginas que se apagan en Search Console y decidir página a página: actualizar, fusionar con otra más fuerte o eliminar.

    →
  22. 22

    Off-page para desarrolladores: enlaces que no se compran

    Link building con la ventaja desleal del desarrollador: herramientas gratuitas, datos originales, open source, comentarios de experto y sindicación con canonical, y qué no hacer jamás.

    →

Lista de comprobación práctica

Checklist SEO práctico para Next.js, sección por sección: estrategia de renderizado, Metadata API, hreflang, datos estructurados, Core Web Vitals y optimización para buscadores de IA.

Checklist condensado

Versión para imprimir con las comprobaciones principales de un sitio en Next.js:

  • Las rutas indexables son SSG/ISR; el contenido es visible con curl
  • metadataBase + plantilla de título + title/description únicos en cada página
  • Canonicals autorreferentes; hreflang recíproco con x-default
  • Etiquetas OG + imagen de 1200×630 (generada con ImageResponse siempre que se pueda)
  • sitemap.ts con un lastModified honesto; robots.ts sin bloqueos accidentales
  • JSON-LD: Organization, Article, BreadcrumbList (+ FAQ/Product donde haga falta), renderizado en el servidor
  • next/image con priority en el hero, next/font, scripts externos diferidos
  • CWV de campo en verde: LCP < 2,5 s, INP < 200 ms, CLS < 0,1
  • Redirecciones limpias (sin cadenas), 404 reales, una sola forma de URL
  • ISR + revalidación por webhook para la frescura del contenido
  • Suerte de los rastreadores de IA decidida en robots; contenido en el servidor y en formato de respuesta
  • Search Console bajo observación; Lighthouse CI vigila las regresiones
  • Autores con nombre, schema Person con sameAs, fechas honestas, fuentes citadas (E-E-A-T)
  • Cada página importante tiene imágenes únicas con un alt real
  • Cero páginas huérfanas; todo a 3 clics; anchors descriptivos
  • Una intención por página; títulos reescritos donde el CTR queda por debajo de las impresiones
  • Las páginas programmatic aportan valor real; las variantes finas, bajo noindex
  • Las migraciones van con un mapa de redirecciones de un solo salto probado y control de paridad
  • Páginas de paginación con canonical a sí mismas; facetas divididas (índice / noindex / bloqueo)
  • Los flujos principales cumplen WCAG 2.1 AA; barrera a11y en CI (conformidad con la EAA)
  • Revisión trimestral del decaimiento: actualice, consolide o elimine las páginas que caen
  • Al menos un activo enlazable funciona; menciones sin enlace convertidas

¿Necesita apoyo? Hacemos auditorías de SEO técnico y optimización de velocidad para sitios en Next.js, incluidos el multilingüismo y la visibilidad en IA, que la mayoría de las auditorías pasan por alto.