Temario del curso

Sesión 1: La Estrategia de Renderizado

  • El Problema: Por qué Googlebot a menudo falla en "ver" el contenido JavaScript.

  • La Solución: Configurando nuxt.config.ts para Renderizado Híbrido. Estableceremos 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: Una fuente de página rastreable verificada por Curl.

Sesión 2: Metadatos y Visibilidad

  • El Problema: Las Aplicaciones de Página Única (SPAs) a menudo comparten una etiqueta de título para todo el sitio.

  • La Solución: Implementando useSeoMeta y useServerSeoMeta para generar títulos, descripciones y canonicals dinámicos de manera programática.

  • Corrección Social: Depurando etiquetas Open Graph (OG) rotas para que los enlaces se vean correctamente en WhatsApp/LinkedIn.

Sesión 3: Fundamento Técnico e Indexación

  • El Problema: Páginas huérfanas que los motores de búsqueda no pueden encontrar.

  • La Solución: Instalando y configurando @nuxtjs/sitemap para generar sitemaps XML automáticamente para rutas dinámicas.

  • La Solución de Rendimiento: Implementando <NuxtImg> y definiendo dimensiones explícitas para resolver el Desplazamiento de Diseño Acumulativo (CLS) y acelerar la indexación.

Sesión 4: Auditoría, Defensa y Hidratación

  • La Profunda Inmersión: Depurando "Hidrataciones Mismatches"—el error #1 en Nuxt que mata el rendimiento.

  • La Auditoría: Ejecutando una auditoría de Lighthouse en vivo en el proyecto reparado.

  • Schema.org: Inyectando datos estructurados JSON-LD para "Snippets Enrichidos" (Estrellas/Reseñas en los resultados de búsqueda).

Requerimientos

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

Audiencia

  • Desarrolladores
 7 Horas

Número de participantes


Precio por Participante​

Testimonios (5)

Próximos cursos

Categorías Relacionadas