SEO no es magia. Es seguir patrones: good metadata, structured data, performance, contenido de calidad. Next.js hace que sea sencillo.
Metadata: title, description, open graph
Cada página necesita meta title (único, <60 chars) y meta description (<160 chars). Open Graph tags permiten previsualizaciones ricas en redes sociales.
Next.js genera eso automáticamente si lo configuras en metadata export o generateMetadata().
- Title: descriptivo, con keyword principal.
- Description: resumen de contenido, atractivo.
- Open Graph: imagen, title, description para redes.
Structured Data: ayuda a Google a entender contenido
Schema.org markup ayuda a buscadores a entender: esto es un artículo, esto es un producto, esto es una persona. Google suele mostrar rich snippets basados en eso.
JSON-LD es el formato más simple: script con JSON que describe la página.
- Artículo: title, author, datePublished, image.
- Producto: name, price, description, image.
- Breadcrumbs: navegación clara para Google.
Palabras clave: no stuffing, contenido natural
Incluye palabra clave principal en: title, H1, primeros 100 palabras, algunas veces en body. Evita repetición forzada que haga que se lea raro.
Google entiende sinónimos y variaciones. No necesitas la palabra exacta 10 veces.
- Keyword en title, H1, primeras líneas.
- LSI keywords: sinónimos y relacionadas.
- Contenido natural, no optimizado de forma extraña.
Performance y Core Vitals
Google usa performance como factor de ranking. Core Vitals (LCP, FID, CLS) son métricas explícitas.
Eso significa: imagenes optimizadas, bundle pequeño, fonts cargadas bien. Already covered en otro post pero aquí es crítico para SEO.
Un sitio hermoso pero lento perderá posiciones contra un sitio feo pero rápido. Performance es rankings.
Sitemap, robots.txt y crawlabilidad
Sitemap.xml lista todas tus páginas. Robots.txt dice qué puede crawlear Google. Ambos facilittan que Google te encuentre.
Next.js permite generar eso dinámicamente basado en tu contenido.