Contacta con nosotros

Temario del curso

Sesión 1: La estrategia de renderizado

  • El problema: Por qué Googlebot a menudo falla al "ver" el contenido generado con JavaScript.
  • La solución: Configuración de nuxt.config.ts para Renderizado Híbrido. Configurarremos reglas de ruta específicas (ISR vs SWR) para asegurar que las páginas de productos se sirvan como HTML estático para los bots.
  • Resultado: Un código fuente de la página rastreado y verificado mediante Curl.

Sesión 2: Metadatos y visibilidad

  • El problema: Las Aplicaciones de Página Única (SPA) a menudo comparten una única etiqueta title para todo el sitio.
  • La solución: Implementación de useSeoMeta y useServerSeoMeta para generar dinámicamente títulos, descripciones y canonicals mediante código.
  • Solución social: Depuración de las etiquetas Open Graph (OG) rotas para que los enlaces se muestren correctamente en WhatsApp o LinkedIn.

Sesión 3: Fundamentos técnicos e indexación

  • El problema: Páginas huérfanas que los motores de búsqueda no encuentran.
  • La solución: Instalación y configuración de @nuxtjs/sitemap para generar automáticamente mapas del sitio XML para rutas dinámicas.
  • La solución de rendimiento: Implementación de <NuxtImg> y definición de dimensiones explícitas para solucionar el Cambio Acumulado de Diseño (CLS) y acelerar la indexación.

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

  • Análisis profundo: Depuración de "desajustes de hidratación", el error #1 en Nuxt que destruye el rendimiento.
  • Auditoría: Ejecución de una auditoría Lighthouse en vivo sobre el proyecto corregido.
  • Schema.org: Inyección de 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 objetivo

  • Desarrolladores
 7 Horas

Número de participantes


Precio por participante

Reseñas (3)

Próximos cursos

Categorías Relacionadas