Contacta con nosotros

Temario del curso

Sesión 1: La estrategia de renderizado

  • El problema: Por qué Googlebot a menudo no logra "ver" el contenido generado por JavaScript.
  • La solución: Configuración de nuxt.config.ts para renderizado híbrido. Configuraremos reglas de ruta específicas (ISR vs. SWR) para asegurar que las páginas de productos se sirvan como HTML estático para los motores de búsqueda.
  • Resultado: Una fuente de página rastreada y verificada con Curl.

Sesión 2: Metadatos y visibilidad

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

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

  • El problema: Páginas huérfanas que los motores de búsqueda no pueden encontrar.
  • La solución: Instalación y configuración de @nuxtjs/sitemap para generar automáticamente mapas del sitio XML para rutas dinámicas.
  • Solución de rendimiento: Implementación de <NuxtImg> y definición de dimensiones explícitas para resolver el desplazamiento acumulativo 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 número 1 en Nuxt que destruye el rendimiento.
  • La 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 básicos funcionales de Vue.js y Nuxt.

Público objetivo

  • Desarrolladores
 7 Horas

Número de participantes


Precio por participante

Reseñas (3)

Próximos cursos

Categorías Relacionadas