Next.js es una gran base para el posicionamiento porque puede entregar HTML completo desde el servidor o generarlo durante el build. Pero el framework no hace el SEO por ti: un sitio en Next.js puede tener títulos duplicados, páginas sin canonical o un sitemap que no refleja la realidad.
Estos son los fundamentos que reviso en cualquier sitio hecho con Next.js, más o menos en el orden en que suelen tener más impacto.
Renderizado: que el contenido esté en el HTML
Los buscadores pueden ejecutar JavaScript, pero lo hacen con retraso y no siempre por completo. Lo más seguro es que el contenido importante llegue en el HTML inicial. En Next.js eso significa generar páginas estáticas, con getStaticProps o con componentes de servidor en el App Router, o renderizarlas en el servidor, y evitar cargar textos clave solo desde el navegador.
Una prueba rápida: abre el código fuente de la página. Si el título, los textos y los enlaces no aparecen ahí, los buscadores tampoco los verán a la primera.
Metadatos completos y únicos
Cada página necesita su propio conjunto de metadatos. Lo mínimo es:
- Un title y una meta description distintos en cada página, escritos para la búsqueda que esa página responde.
- Una URL canonical absoluta para evitar duplicados por parámetros o por variantes con y sin barra final.
- El atributo lang en la etiqueta html; por ejemplo, es-MX.
- Etiquetas Open Graph y de Twitter con una imagen de 1200 × 630 px para que los enlaces compartidos se vean bien.
- Todo centralizado en un componente o en la API de metadata del App Router, para que ninguna página quede incompleta.
Sitemap y robots generados en el build
El sitemap debe incluir solo las páginas que quieres indexar y generarse automáticamente en cada despliegue, nunca editarse a mano ni guardarse en el repositorio. Herramientas como next-sitemap, o el archivo sitemap del App Router, resuelven esto.
Dos detalles que suelen pasarse por alto: excluir del sitemap las páginas con noindex, y no usar la fecha del build como lastmod en todas las páginas. Google toma en cuenta lastmod solo cuando es confiable; si todas las páginas aparecen modificadas en cada despliegue, deja de considerarlo.
Datos estructurados
El marcado JSON-LD de schema.org ayuda a los buscadores y a los asistentes de IA a entender quién eres y qué publicas. Para un sitio profesional, lo básico es Person u Organization en la página principal, Article con autor y fechas en las publicaciones, y BreadcrumbList en las páginas internas.
Valídalo con la prueba de resultados enriquecidos de Google y mantén la coherencia: el mismo nombre, la misma URL y el mismo identificador en todas las páginas.
Imágenes, rendimiento y scripts de terceros
El componente next/image genera tamaños adecuados y formatos modernos, pero hay que usarlo bien: textos alternativos descriptivos, el atributo sizes correcto y priority solo en la imagen principal visible al cargar. La imagen que se comparte en redes (og:image) no pasa por ese optimizador, así que conviene exportarla ya comprimida.
Los Core Web Vitals (LCP, INP y CLS) miden la experiencia de carga e interacción. Revisa los datos reales de usuarios en Search Console o PageSpeed Insights, no solo la prueba de laboratorio. Y carga los scripts de terceros, como chat, analítica o píxeles, con next/script y una estrategia diferida para que no bloqueen la página.
Indexación: verifica, no supongas
Al final, lo que importa es lo que Google realmente ve. Después de cada cambio importante, revisa:
- Search Console configurado, con el sitemap enviado y el informe de páginas sin errores inesperados.
- Redirecciones permanentes (301 o 308) hacia una sola versión del dominio, con o sin www.
- Páginas inexistentes que respondan 404, no una página vacía con código 200.
- Páginas que no deben aparecer en buscadores marcadas con noindex y fuera del sitemap.
Para llevarlo a la práctica
El SEO técnico en Next.js es, sobre todo, disciplina: contenido en el HTML, metadatos completos en todas las páginas, un sitemap honesto, datos estructurados válidos e imágenes optimizadas. Ninguno de estos puntos por sí solo te posiciona, pero cualquiera mal resuelto puede impedir que tu buen contenido se encuentre.
Si estás evaluando un proyecto de software o IA para tu empresa, puedes contarme el contexto y exploramos juntos los siguientes pasos.