Saltar al contenido

SEO técnico para Next.js

Rastreabilidad, canónicas, hreflang y datos estructurados integrados en la ruta de renderizado — generados desde una única fuente de verdad en lugar de mantenidos a mano.

El SEO técnico en una aplicación Next.js no es un plugin. Es una propiedad de cómo renderiza la aplicación, y falla de maneras invisibles desde el navegador: una etiqueta canónica que apunta al idioma equivocado, un clúster hreflang que anuncia traducciones que no existen, un sitemap generado a partir de una lista de rutas distinta de la que el router realmente sirve.

Qué auditamos

  • Rastreo y render. Qué recibe el rastreador en el HTML inicial frente a lo que aparece tras la hidratación, y cuál de tus contenidos solo existe en lo segundo.
  • Canonicalización. Barras finales, tratamiento de parámetros de consulta, paginación, y si cada ruta está de acuerdo consigo misma sobre su propia dirección.
  • Enrutado internacional. El clúster hreflang completo, incluido x-default, validado contra las traducciones que existen de verdad y no contra las que estaban planificadas.
  • Datos estructurados. Un @graph conectado con referencias @id estables, no cuatro bloques inconexos que redeclaran la organización cada uno.
  • Sitemaps y robots. Generados desde la misma fuente de rutas desde la que renderiza la aplicación, para que no puedan divergir.

Cómo lo arreglamos

Haciendo imposible equivocarse. Las canónicas, las alternativas y los datos estructurados se generan desde un único helper tipado que toda ruta debe llamar. Una página no puede publicarse sin canónica, porque la función de metadatos no compila sin ella.

Este sitio está construido así, y la implementación es pública: el helper buildMetadata y el grafo JSON-LD de este repositorio son el mismo patrón que desplegamos para clientes.

El resultado medible

Indexación correcta de las rutas que quieres indexadas, y de nada más. Resultados enriquecidos allí donde el esquema los soporta. Un clúster hreflang que Search Console valida sin avisos. No son trucos de crecimiento; son el suelo sobre el que se apoya una estrategia de contenidos.

Preguntas frecuentes

¿Esto es marketing de contenidos?
No. Esta es la mitad de ingeniería del SEO: qué recibe el rastreador, cómo resuelven las rutas, si tus canónicas concuerdan con tu sitemap, si tus datos estructurados validan. Trabajamos junto a tu equipo de contenido, no en su lugar.
Nuestras páginas renderizan en el cliente. ¿Es un problema?
Normalmente sí, aunque rara vez de forma fatal. Google renderiza JavaScript, pero con retraso y con presupuesto, y otros rastreadores son mucho menos capaces. Mover el contenido crítico y los metadatos al render de servidor suele ser el cambio con más palanca disponible.
¿Trabajáis con sitios multilingües?
Sí, y es donde se rompen la mayoría de las implementaciones en Next.js. Traducciones parciales señaladas por hreflang, x-default omitido, canónicas que contradicen el prefijo de idioma: arreglamos la generación, no los síntomas.