Entrar em Contato

Programa do Curso

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

  • O Problema: Por que o Googlebot muitas vezes falha em "ver" conteúdo JavaScript.
  • A Solução: Configurando o 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 os bots.
  • Resultado: Uma fonte de página verificável pelo Google, testada via Curl.

Sessão 2: Metadados e Visibilidade

  • O Problema: Aplicativos de Página Única (SPAs) muitas vezes compartilham uma única tag de título para todo o site.
  • A Solução: Implementando useSeoMeta e useServerSeoMeta para gerar programaticamente títulos, descrições e canonicals dinâmicos.
  • Solução Social: Depurando tags Open Graph (OG) quebradas para que os links apareçam corretamente no WhatsApp e 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 sitemaps XML para rotas dinâmicas.
  • Solução de Performance: Implementando <NuxtImg> e definindo dimensões explícitas para resolver o Deslocamento Cumulativo do Layout (CLS) e acelerar a indexação.

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

  • Em Profundidade: Depurando "Incompatibilidades de Hidratação"—o erro nº1 no Nuxt que destrói a performance.
  • A Auditoria: Executando uma auditoria Lighthouse ao vivo no projeto corrigido.
  • Schema.org: Injetando dados estruturados JSON-LD para "Fragmentos Aumentados" (Estrelas/Avaliações nos resultados de pesquisa).

Requisitos

  • Os participantes devem ter conhecimento funcional de Vue.js e dos conceitos básicos do Nuxt.

Público-Alvo

  • Desenvolvedores
 7 Horas

Número de participantes


Preço por participante

Testemunhos de Clientes (2)

Próximas Formações Provisórias

Categorias Relacionadas