Programa do Curso

Sessão 1: A Estratégia de Renderização

  • O Problema: Por que o Googlebot frequentemente falha em "ver" conteúdo JavaScript.
  • A Solução: Configurando nuxt.config.ts para a renderização Híbrida. Definiremos regras específicas de rota (ISR vs SWR) para garantir que as páginas de produtos sejam servidas como HTML estático para bots.
  • Resultado: Uma fonte de página rastreável verificada pelo Curl.

Sessão 2: Metadados e Visibilidade

  • O Problema: Aplicativos de Página Única (SPAs) frequentemente compartilham uma única tag de título para todo o site.
  • A Solução: Implementando useSeoMeta e useServerSeoMeta para gerar títulos, descrições e canônicos dinâmicos programaticamente.
  • Solução Social: Depurando tags Open Graph (OG) quebradas para que os links fiquem corretos no WhatsApp/LinkedIn.

Sessão 3: Fundação Técnica e Indexação

  • O Problema: Páginas órfãs que os motores de busca não conseguem encontrar.
  • A Solução: Instalando e configurando @nuxtjs/sitemap para gerar automaticamente mapas do site XML para rotas dinâmicas.
  • Solução de Desempenho: Implementando <NuxtImg> e definindo dimensões explícitas para resolver o Shift de Layout Cumulativo (CLS) e acelerar a indexação.

Sessão 4: Auditoria, Defesa e Hidratação

  • A Análise Profunda: Depurando "Mismatches de Hidratação"—o erro #1 no Nuxt que mata o desempenho.
  • A Auditoria: Executando uma auditoria Lighthouse ao vivo no projeto corrigido.
  • Schema.org: Injetando dados estruturados JSON-LD para "Snippets Enriquecidos" (Estrelas/Avaliações nos resultados de busca).

Requisitos

  • Os participantes devem ter conhecimento prático de Vue.js e fundamentos do Nuxt.

Público-Alvo

  • Desenvolvedores
 7 Horas

Declaração de Clientes (5)

Próximas Formações Provisórias

Categorias Relacionadas