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 de 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 producto se sirvan como HTML estático para los bots.
  • Resultado: Un código fuente de página indexable verificado mediante Curl.

Sesión 2: Metadatos y Visibilidad

  • El Problema: Las aplicaciones de una sola página (SPA) suelen compartir una sola 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 canónicos dinámicos.
  • Solución para Redes Sociales: Depuración de etiquetas Open Graph (OG) rotas para que los enlaces se vean correctos en WhatsApp/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 de 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 Desplazamiento de Diseño Acumulativo (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 arruina 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 un conocimiento funcional de los fundamentos de Vue.js y Nuxt.

Público Objetivo

  • Desarrolladores
 7 Horas

Número de participantes


Precio por participante

Testimonios (3)

Próximos cursos

Categorías Relacionadas