Servicios SEOSEO para Nuxt
SEO para Nuxt: renderizado híbrido al servicio del posicionamiento
Nuxt renderiza en el servidor por defecto y trae utilidades para metadatos, pero cada proyecto termina mezclando páginas estáticas, dinámicas y solo de cliente. Ordeno esas decisiones para que todo lo que debe posicionar llegue completo a Google y a la IA.
01Retos de Nuxt
Un framework con buen SEO de fábrica, que se puede desordenar
Nuxt parte con renderizado en el servidor, pero las decisiones por ruta, los datos y los módulos definen lo que realmente ve un buscador.
SSR desactivado
Con ssr: false el proyecto se vuelve una SPA y pierde la ventaja principal de Nuxt.
Metadatos sin control
Títulos repetidos o etiquetas mal escritas al armar el head a mano.
Reglas de ruta mezcladas
Páginas que deberían ser estáticas renderizadas en cada visita, o al revés.
404 con código 200
Páginas dinámicas sin datos que no lanzan un error 404 real.
Sitemap incompleto
Rutas dinámicas que no aparecen en el sitemap porque nadie las alimenta desde la API.
Contenido solo en el cliente
Datos que se piden después de cargar la página y no llegan en el HTML del servidor.
02Herramientas
Las piezas de Nuxt que más afectan al SEO
Nuxt tiene herramientas oficiales y un ecosistema de módulos de SEO muy completo. Así los uso:
| Herramienta | Para qué | Cómo la dejo |
|---|---|---|
useSeoMeta y useHead | Título, descripción, Open Graph y canonical. | Metadatos tipados por página, con valores estáticos solo en el servidor. |
routeRules | Renderizado por ruta: estático, en servidor o con caché. | Prerender para lo estable y revalidación para catálogos. |
| Nuxt SEO | Sitemap, robots, schema.org e imágenes Open Graph. | Sitemap alimentado con las rutas dinámicas y robots distinto por entorno. |
useFetch y useAsyncData | Datos disponibles en el servidor. | El contenido principal se obtiene antes de renderizar, no en el navegador. |
createError | Errores con su código HTTP. | 404 real cuando una ruta dinámica no tiene datos. |
Fuente: documentación de Nuxt.
03Cómo trabajo
SEO desde el código del proyecto
Cómo trabajo el SEO de un proyecto en Nuxt
El sitio publicado y el repositorio, revisados juntos.
- Rastreo
El sitio en producción, como lo ve Google.
ResultadoErrores reales detectados. - Renderizado
Modo de cada ruta y datos en el servidor.
ResultadoContenido en el HTML. - Metadatos
useSeoMeta, canonical y schema por página.
ResultadoCada URL con identidad propia. - Rendimiento
Imágenes, fuentes, paquetes e hidratación.
ResultadoCore Web Vitals en verde. - Medición
Search Console y GA4 por plantilla.
ResultadoImpacto medido.
- Como Nuxt entrega el contenido en el HTML, también lo pueden leer los rastreadores de IA que no ejecutan JavaScript.
- He corregido el SEO técnico de sitios que dependían por completo de JavaScript, como AFP PlanVital en Angular y Navimag en React.
- Puedo hacer los cambios en el repositorio o revisar los pull requests de tu equipo.
04Preguntas frecuentes
Preguntas sobre SEO para Nuxt
¿Nuxt es bueno para SEO?
Sí. Renderiza en el servidor por defecto y trae utilidades para metadatos. El resultado depende de cómo se configuren las rutas, los datos y los módulos.
¿Necesito el módulo Nuxt SEO?
No es obligatorio, pero ahorra trabajo: reúne sitemap, robots, schema.org e imágenes Open Graph en una configuración coherente.
¿useSeoMeta o useHead?
Para metadatos de SEO, useSeoMeta es la opción recomendada por Nuxt porque es tipada y evita errores. useHead queda para otras etiquetas del head.
¿Trabajas con Nuxt 3 y Nuxt 4?
Sí. Las herramientas de SEO son muy similares; si estás por actualizar, reviso que la migración no cambie URLs ni metadatos.
¿Puedes trabajar en mi repositorio?
Sí. Soy desarrollador frontend: puedo hacer los cambios o revisar los de tu equipo desde el punto de vista del SEO.
SEOSEO por tecnología
Sigue explorando
¿Conversamos sobre tu proyecto?
Escríbeme por WhatsApp con la URL de tu sitio y lo que quieres lograr. Te respondo con un diagnóstico inicial y una propuesta de cómo abordarlo.
