Ponte en Contacto

Temario del curso

Sesión 1: La estrategia de renderizado

  • El problema: Por qué Googlebot a menudo no logra "ver" el contenido generado con JavaScript.
  • La solución: Configurar nuxt.config.ts para Renderizado Híbrido. Estableceremos reglas de ruta específicas (ISR frente a SWR) para garantizar que las páginas de producto se sirvan como HTML estático para los bots.
  • Resultado: Un código fuente de página rastreable, verificado con Curl.

Sesión 2: Metadatos y visibilidad

  • El problema: Las aplicaciones de una sola página (SPA) a menudo comparten un único tag title para todo el sitio.
  • La solución: Implementar useSeoMeta y useServerSeoMeta para generar programáticamente títulos, descripciones y enlaces canónicos dinámicos.
  • Solución para redes sociales: Depurar los tags Open Graph (OG) rotos para que los enlaces se muestren correctamente en WhatsApp/LinkedIn.

Sesión 3: Base técnica e indexación

  • El problema: Páginas huérfanas que los motores de búsqueda no pueden encontrar.
  • La solución: Instalar y configurar @nuxtjs/sitemap para generar automáticamente mapas del sitio XML para rutas dinámicas.
  • Solución de rendimiento: Implementar <NuxtImg> y definir dimensiones explícitas para resolver el Cambios Acumulados de Diseño (CLS) y acelerar la indexación.

Sesión 4: Auditoría, defensa e hidratación

  • Análisis profundo: Depurar "errores de hidratación" (Hydration Mismatches), el error n.° 1 en Nuxt que deteriora el rendimiento.
  • La auditoría: Ejecutar una auditoría Lighthouse en vivo sobre el proyecto corregido.
  • Schema.org: Inyectar datos estructurados JSON-LD para "fragmentos enriquecidos" (Estrellas/Reseñas en los resultados de búsqueda).

Requerimientos

  • Los participantes deben tener conocimientos funcionales de Vue.js y los fundamentos de Nuxt.

Audiencia

  • Desarrolladores
 7 Horas

Número de participantes


Precio por participante

Reseñas (3)

Próximos cursos

Categorías Relacionadas