Verificador de SEO de Next.js: diagnostica URL y metadatos

Antes de una comprobación de SEO de Next.js, determina si el proyecto usa App Router o Pages Router. Con App Router, muestrea una ruta estática, una ruta basada en datos y un slug inexistente para inspeccionar juntos los metadatos, el estado del contenido y el comportamiento de las respuestas.

Compara la salida entre los distintos tipos de ruta

Lee los títulos, las descripciones y los canonical de las páginas estáticas y dinámicas. Que rutas sin relación compartan un mismo título justifica revisar los layouts padre y generateMetadata. Un canonical de localhost o de vista previa apunta a metadataBase o a la configuración del dominio. Cuando los metadatos se transmiten por streaming, inspecciona la respuesta completa y el comportamiento del user-agent; un analizador limitado al head inicial puede pasar por alto información.

Ejercita los estados de publicación y de caché

Elige un registro cuyo título haya cambiado y comprueba si los metadatos y el texto visible se actualizaron a la vez. Si uno sigue obsoleto, investiga la caché y la invalidación en lugar de ocultar el problema con etiquetas adicionales de componentes de cliente. Solicita un registro inexistente e inspecciona el comportamiento de no encontrado y la salida de robots. No crees contenido artificial en producción para una prueba; reproduce los estados límite en el entorno de pruebas automatizadas del proyecto.

Inspecciona las rutas de idioma y los feeds de descubrimiento

Sigue los enlaces en vietnamita y en inglés del sitio web y compara los canonical autorreferenciales con las alternativas recíprocas. Revisa el sitemap de producción en busca de entradas de dominios de vista previa o de borradores. Contrasta las reglas de robots con las rutas públicas importantes. Cuando un rastreador de HTML no pueda reproducir el renderizado de Google, documenta esa limitación y usa la inspección de URL antes de hacer cambios de configuración amplios basados en observaciones incompletas. Vuelve a probar el conjunto original de muestras tras el despliegue para verificar tanto la actualidad de los datos como la salida de metadatos.

Un escenario de publicación resuelto

Escenario ilustrativo: la navegación dentro de la aplicación muestra un título nuevo mientras que una solicitud directa sigue devolviendo el anterior. Compara ambos métodos de acceso, los datos en caché y el momento del despliegue antes de cambiar las declaraciones de metadatos. Lee la respuesta completa para el user-agent pertinente. No añadas otro título generado en el cliente cuando el registro subyacente no se haya actualizado. Vuelve a probar otra ruta dinámica y el producto traducido para que una solución local de navegación no se comunique como corrección de toda la publicación de los metadatos renderizados en el servidor.

Ejecuta una comprobación e interpreta las pruebas

Envía una URL pública representativa al verificador de SEO gratuito que aparece a continuación. Registra su estado, su título, su descripción y su canonical junto con la dirección exacta y la hora de la comprobación. Agrupa los problemas repetidos según la plantilla o la configuración responsable para que una única corrección dirigida pueda volver a probarse en varias páginas. Un campo ausente y una exclusión intencionada requieren decisiones distintas.

Una auditoría HTTP/HTML observa las respuestas públicas. No inicia sesión en la plataforma, no inspecciona todos los ajustes administrativos, no reproduce todos los comportamientos de renderizado en el cliente ni demuestra que Google haya indexado una página. Como prueba de los buscadores, compara la inspección de URL de Search Console y los datos de rastreo posteriores. Vuelve a comprobar la URL original tras la publicación y la actualización de la caché en lugar de interpretar un cambio de puntuación como prueba de que el problema de fondo está resuelto.

Herramientas y guías relacionadas

• Leer la guía de configuración de Next.js
• Revisar una URL pública
• Inspeccionar una cadena de redirecciones

Referencias oficiales

• Next.js: metadatos e imágenes OG
• Next.js: robots.txt
• Next.js: generateMetadata