Servicios SEOSEO para Next.js
SEO para Next.js: aprovechar todo lo que el framework ya trae
Next.js tiene las herramientas para un SEO excelente: renderizado en el servidor, metadatos por ruta, sitemaps y optimización de imágenes. Lo difícil es usarlas bien en cada página. Reviso tu proyecto desde el código para que Google y la IA vean todo lo que construiste.
01Retos de Next.js
Un framework preparado para el SEO, si se usa bien
Next.js entrega las herramientas, pero cada decisión de renderizado, metadatos y rutas puede sumar o restar visibilidad.
Metadatos incompletos
Rutas dinámicas sin generateMetadata, con el título del layout repetido en cientos de páginas.
Todo en el cliente
"use client" en la parte alta del árbol y datos cargados en el navegador anulan la ventaja del servidor.
Sitemap desactualizado
Un sitemap estático que no incluye las páginas que se generan desde el CMS o la base de datos.
Previews indexados
Entornos de prueba o dominios temporales accesibles y enlazados.
404 con código 200
Páginas sin datos que muestran un mensaje pero no llaman a notFound().
URLs inconsistentes
Con y sin barra final, mayúsculas o parámetros que duplican páginas.
02Herramientas
Las convenciones de Next.js que más afectan al SEO
En el App Router, el SEO se resuelve con convenciones del propio framework. Así las uso:
| Herramienta | Para qué | Cómo la dejo |
|---|---|---|
metadata y generateMetadata | Título, descripción, canonical, Open Graph y hreflang. | Plantilla de título en el layout y metadatos propios en cada ruta dinámica. |
sitemap.ts y robots.ts | Sitemap y robots generados con código. | Sitemap con las URLs reales del CMS y robots distinto por entorno. |
| Server Components | Contenido renderizado en el servidor. | Contenido indexable en el servidor; interactividad solo donde se necesita. |
| Estático, dinámico e ISR | Cuándo se genera cada página. | Estático para lo estable, revalidación para catálogos y precios. |
next/image, next/font y next/script | Imágenes, fuentes y scripts de terceros. | Tamaños correctos, sin saltos de diseño y scripts que no bloquean. |
Los datos estructurados se agregan como JSON-LD dentro de la página, con la información que ya trae el servidor, sin depender del navegador.
03Cómo trabajo
SEO dentro del flujo de desarrollo
Cómo trabajo el SEO de un proyecto en Next.js
Revisión del código y del sitio publicado, no solo de uno de los dos.
- Rastreo
El sitio en producción, como lo ve Google.
ResultadoErrores reales detectados. - Código
Metadatos, renderizado y rutas en el repositorio.
ResultadoCausa de cada error. - Cambios
Pull requests propios o revisión de los de tu equipo.
ResultadoSEO dentro del flujo de desarrollo. - Rendimiento
Core Web Vitals con datos de usuarios.
ResultadoLCP, INP y CLS en verde. - Medición
Search Console y GA4 por plantilla de página.
ResultadoImpacto medido.
- Como el contenido llega en el HTML, un proyecto Next.js bien hecho también es legible para los rastreadores de IA que no ejecutan JavaScript.
- He corregido el SEO técnico de sitios que dependían por completo de JavaScript, como AFP PlanVital en Angular y Navimag en React.
- Si tu proyecto aún usa React sin framework, revisa el SEO para React.
04Preguntas frecuentes
Preguntas sobre SEO para Next.js
¿Next.js es bueno para SEO?
Sí. Renderiza en el servidor por defecto en el App Router y trae herramientas para metadatos, sitemaps e imágenes. El resultado depende de cómo se usen en cada ruta.
¿App Router o Pages Router para SEO?
Los dos permiten un buen SEO. El App Router facilita los metadatos y el renderizado en el servidor; no hace falta migrar solo por SEO si el Pages Router está bien implementado.
¿Cómo evito que se indexen los entornos de preview?
Con un robots distinto por entorno, etiquetas noindex en los entornos de prueba y sin enlaces hacia ellos desde el sitio en producción.
¿Puedes revisar el código de mi repositorio?
Sí. Puedo revisar el repositorio, proponer cambios en pull requests o revisar los de tu equipo desde el punto de vista del SEO.
¿Next.js ayuda a aparecer en respuestas de IA?
Ayuda, porque el contenido llega en el HTML y los rastreadores de IA pueden leerlo. Además hay que trabajar el contenido, las entidades y los datos estructurados.
SEOSEO por tecnología
Sigue explorando
¿Conversamos sobre tu proyecto?
Escríbeme por WhatsApp con la URL de tu sitio y lo que quieres lograr. Te respondo con un diagnóstico inicial y una propuesta de cómo abordarlo.
