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 Renderização Híbrida. Definiremos regras de rota específicas (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 por Curl.

Sessão 2: Metadados e Visibilidade

  • O Problema: Aplicações de Página Única (SPAs) frequentemente compartilham uma tag de título única para todo o site.

  • A Solução: Implementando useSeoMeta e useServerSeoMeta para gerar títulos, descrições e canonicals dinâmicos de forma programática.

  • Solução Social: Depurando tags Open Graph (OG) quebradas para que os links fiquem corretos no WhatsApp/LinkedIn.

Sessão 3: Fundamentos Técnicos e Indexação

  • O Problema: Páginas órfãs que os mecanismos 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.

  • A Solução de Desempenho: Implementando <NuxtImg> e definindo dimensões explícitas para resolver o Cumulative Layout Shift (CLS) e acelerar a indexação.

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

  • A Análise Profunda: Depurando "Divergências de Hidratação"—o erro #1 no Nuxt que mata o desempenho.

  • A Auditoria: Executando uma auditoria ao vivo do Lighthouse no projeto corrigido.

  • Schema.org: Injetando dados estruturados JSON-LD para "Snippets Ricos" (Estrelas/Avaliações nos resultados de busca).

Requisitos

  • Os participantes devem ter conhecimentos práticos de Vue.js e Nuxt básicos.

Público-Alvo

  • Desenvolvedores
 7 Horas

Declaração de Clientes (5)

Próximas Formações Provisórias

Categorias Relacionadas