SEO técnico en Next.js: cómo estructurar tu web para posicionar de verdad
Next.js te da muchas ventajas para SEO… pero he visto muchos proyectos que no posicionan igual. ¿Por qué? Porque tener Next.js no significa tener buen SEO. El problema no es el framework. Es cómo lo configuras.
El error más común: pensar que Next.js hace el trabajo por ti
Sí, tienes SSR, SSG, optimización de imágenes… Pero si no defines:
metadata correcta
estructura clara
control de indexación
no vas a posicionar.
1. Metadata bien definida (esto cambia todo)
Muchos sitios tienen metadata… pero mal hecha. Ejemplo correcto en Next.js:
import type { Metadata } from 'next';
export const metadata: Metadata = {
title: 'SEO técnico en Next.js | Andrés Saumet',
description: 'Aprende a optimizar SEO en Next.js correctamente',
alternates: {
canonical: 'https://andressaumet.com/blog/seo-nextjs'
},
openGraph: {
title: 'SEO en Next.js',
description: 'Guía práctica de SEO técnico',
url: 'https://andressaumet.com/blog/seo-nextjs'
}
};
Esto no es opcional. Es base.
2. Sitemap bien estructurado (no automático sin criterio)
Muchos generan sitemap y ya. Error. Debes controlar qué páginas tienen valor.
export default function sitemap() {
return [
{
url: 'https://andressaumet.com',
priority: 1,
},
{
url: 'https://andressaumet.com/blog',
priority: 0.8,
},
];
}
No todo debe indexarse.
3. Robots.txt: lo que Google sí debe ver
Un mal robots.txt puede destruir tu SEO.
User-agent: *
Allow: /
Disallow: /admin
Disallow: /api
Sitemap: https://andressaumet.com/sitemap.xml
Bloquear mal = perder tráfico.
4. Structured Data (esto te diferencia)
Aquí es donde pocos desarrolladores entran… y donde puedes ganar.
const schema = {
"@context": "https://schema.org",
"@type": "BlogPosting",
headline: "SEO en Next.js",
author: {
"@type": "Person",
name: "Andrés Saumet"
}
};
Esto mejora cómo Google entiende tu contenido.
5. Performance (Core Web Vitals)
Next.js ayuda… pero no hace magia. Errores comunes:
demasiado JavaScript
imágenes mal optimizadas
librerías innecesarias
El SEO empieza en la velocidad.
Lo que realmente hace que Next.js posicione
No es SSR.
No es SSG.
Es la combinación de:
estructura
metadata
performance
intención de búsqueda
Conclusión
Next.js es una ventaja… pero solo si sabes usarla. Puedes tener el mejor stack del mundo y no posicionar. O puedes estructurar bien tu web y competir con cualquiera. El SEO técnico no es visible… pero es lo que define si creces o no. Si tienes una web en Next.js y quieres optimizarla para posicionar y generar tráfico real, puedo ayudarte a estructurarla correctamente.
Escríbeme y revisamos tu caso.


