Ponte en Contacto

Temario del curso

Sesión 1: La estrategia de renderizado

  • El problema: Por qué Googlebot a menudo falla al "ver" el contenido JavaScript.
  • La solución: Configuración de nuxt.config.ts para renderizado híbrido. Estableceremos reglas de ruta específicas (ISR vs. SWR) para garantizar que las páginas de productos se sirvan como HTML estático para los bots de búsqueda.
  • Resultado esperado: Un código fuente de página navegable verificado con Curl.

Sesión 2: Metadatos y visibilidad

  • El problema: Las aplicaciones de una sola página (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 enlaces canónicos dinámicos.
  • Solución para redes sociales: Depuración de las etiquetas Open Graph (OG) rotas para que los enlaces se visualicen correctamente en WhatsApp y 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: 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 cambio 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 los "desajustes de hidratación", el error n.º 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 y reseñas en los resultados de búsqueda).

Requerimientos

  • Los participantes deben tener conocimientos funcionales básicos de Vue.js y Nuxt.

Audiencia objetivo

  • Desarrolladores.
 7 Horas

Número de participantes


Precio por participante

Reseñas (3)

Próximos cursos

Categorías Relacionadas