Cómo automatizar metadata en Next.js para SEO técnico

Cuando el contenido vive en archivos, la metadata no debería escribirse a mano en cada página. Lo más mantenible es generar una base común y extenderla desde cada artículo. Eso reduce errores y deja una huella más coherente para Google, Bing y los motores de IA que leen la web.

Objetivo del enfoque

La idea no es solo "poner un title". El objetivo es alinear varias superficies:

• canonical coherente;
• descripción útil y no genérica;
• Open Graph y Twitter cards;
• datos estructurados cuando el contenido ya existe;
• y enlazado interno con contexto.

Patrón sencillo que funciona

En este proyecto la estrategia es:

1. mantener una siteConfig central;
2. crear helpers en lib/seo.ts;
3. generar metadata por artículo desde frontmatter;
4. añadir sitemap.ts y robots.ts como parte del sitio.

Error común

Un fallo bastante frecuente es optimizar primero los metadatos y dejar el contenido para después. Eso suele producir SEO vacío: páginas bien etiquetadas, pero sin suficiente sustancia. Primero contenido y arquitectura; luego ampliaciones.

Qué gana también la IA

Los motores de respuesta no solo buscan palabras clave. Se benefician cuando una página tiene estructura estable, encabezados descriptivos, enlaces internos y un resumen claro de lo que cubre. Por eso conviene escribir para humanos con una semántica limpia.

Cierre

Si quieres aplicar esta misma idea a un blog técnico, revisa también por qué decidí dejar WordPress y mover el contenido a Next.js. Tener contrato editorial, metadata conectada y enlaces internos naturales evita muchos problemas cuando el sitio empieza a crecer.