Ferramentas para desenvolvedores da Web para depurar problemas de JavaScript na Pesquisa Google

Como depurar problemas de SEO em páginas individuais ou em um site inteiro.

Martin Splitt
Martin Splitt

O Google oferece muitas ferramentas para ajudar você a depurar problemas de SEO em JavaScript na Pesquisa Google. Este guia oferece uma visão geral das ferramentas disponíveis e sugestões de quando usar cada uma delas.

Encontrar problemas básicos de SEO com o Lighthouse

Use o Lighthouse para sua primeira investigação. Ele vem com várias auditorias de SEO.

Captura de tela das auditorias de SEO no Lighthouse.

As auditorias de SEO do Lighthouse são verificações iniciais muito básicas para uma única página do seu site. Eles identificam os erros mais comuns e dão uma primeira impressão de como seu site está em termos de capacidade de descoberta do mecanismo de pesquisa. O Lighthouse é executado no seu navegador, o que não é uma representação precisa de como o Googlebot pode ver uma página da Web. Por exemplo, os navegadores (e o Lighthouse) não usam robots.txt para decidir se podem buscar recursos da rede, mas o Googlebot usa. Portanto, quando o Lighthouse identifica possíveis problemas, você precisa corrigi-los, mas talvez seja necessário usar outras ferramentas para depurar ainda mais.

Validar páginas com as ferramentas de teste da Pesquisa Google

A Pesquisa Google oferece um conjunto de ferramentas para testar como o Googlebot vê seu conteúdo da Web.
Algumas dessas ferramentas são particularmente úteis ao testar no ambiente de desenvolvimento:

Em combinação com ferramentas como local-tunnel ou ngrok você pode criar um URL público temporário no seu ambiente de desenvolvimento local e iterar rapidamente enquanto testa com as ferramentas de teste do Google.

Essas ferramentas de teste fornecem várias informações úteis, como:

  • O HTML renderizado que o Googlebot vai usar para indexação
  • Uma visão geral dos recursos carregados e explicações sobre por que não é possível carregar alguns deles
  • Mensagens de registro do console e erros de JavaScript com rastreamentos de pilha
Uma captura de tela do teste de compatibilidade com dispositivos móveis.

A Ferramenta de inspeção de URL do Google Search Console também pode fornecer informações detalhadas sobre o status de uma página.

Uma captura de tela da Ferramenta de inspeção de URL.

Aqui você pode descobrir:

  • Se o URL está no índice da Pesquisa Google ou pode ser indexado no futuro
  • Como o HTML renderizado da rastreamento mais recente aparece
  • Como o HTML renderizado aparece em um rastreamento novo da página
  • Informações sobre recursos da página
  • Mensagens de registro e erros do JavaScript com stack traces
  • Uma captura de tela
  • Problemas de usabilidade em dispositivos móveis
  • Quais dados estruturados foram detectados na página e se eles são válidos

Com essas ferramentas, é possível identificar e resolver a maioria dos problemas. A Pesquisa Google também oferece documentação para corrigir problemas de JavaScript relacionados à Pesquisa Google. Assim, você tem mais orientações sobre o que fazer depois de identificar a causa de um problema.

Investigar a integridade do site com o Google Search Console

As ferramentas da última seção são ótimas para resolver problemas específicos em uma única página do seu site, mas, se você quiser ter uma visão geral melhor de todo o site, use o Google Search Console.

Relatório de cobertura

O relatório de cobertura mostra quais páginas do seu site estão indexadas e quais têm problemas.

Captura de tela do relatório de cobertura.

Relatório de Core Web Vitals

O relatório Core Web Vitals ajuda você a ter uma visão geral da performance das páginas do seu site em termos de Core Web Vitals.

Captura de tela do relatório de Core Web Vitals.

Inclua essas ferramentas no seu conjunto de ferramentas para desenvolvedores

Neste artigo, vimos uma série de ferramentas para várias finalidades, desde testar uma página antes de publicá-la até monitorar as páginas de um site ativo, o que oferece transparência sobre o desempenho do seu site em termos de capacidade de descoberta na Pesquisa Google. Algumas dessas ferramentas podem se tornar partes úteis do seu kit de ferramentas de desenvolvimento. Outras podem ser mais como ferramentas ad hoc para identificar a causa de um problema e corrigir as páginas afetadas. Para saber mais sobre a Pesquisa Google para desenvolvedores ou SEO em JavaScript, consulte a documentação oficial da Pesquisa para desenvolvedores.