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 "enxergar" o conteúdo JavaScript.
  • A solução: Configuração do arquivo nuxt.config.ts para Renderização Híbrida. Configuraremos regras específicas de rota (ISR versus SWR) para garantir que as páginas de produtos sejam servidas como HTML estático para os robôs de busca.
  • Resultado: Uma fonte de página rastreável, verificada via Curl.

Sessão 2: Metadados e Visibilidade

  • O problema: Aplicações de Página Única (SPAs) frequentemente compartilham apenas uma tag de título para todo o site.
  • A solução: Implementação dos métodos useSeoMeta e useServerSeoMeta para gerar dinamicamente títulos, descrições e links canônicos por meio de código.
  • Solução para redes sociais: Depuração das tags Open Graph (OG) quebradas, garantindo que os links apareçam corretamente no WhatsApp e LinkedIn.

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

  • O problema: Páginas órfãs que os mecanismos de busca não conseguem encontrar.
  • A solução: Instalação e configuração do @nuxtjs/sitemap para gerar automaticamente mapas do site em XML para rotas dinâmicas.
  • Solução de desempenho: Implementação do <NuxtImg> e definição de 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

  • Análise detalhada: Depuração de "Incompatibilidades de Hidratação" — o erro mais comum no Nuxt que compromete o desempenho.
  • Auditoria: Execução de uma auditoria Lighthouse ao vivo no projeto corrigido.
  • Schema.org: Injeção de dados estruturados JSON-LD para "Rich Snippets" (estrelas e avaliações nos resultados de busca).

Requisitos

  • Os participantes devem ter conhecimento prático dos conceitos básicos do Vue.js e 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