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 apresenta uma visão geral das ferramentas disponíveis e sugestões sobre quando usar cada uma delas.

Encontrar problemas básicos de SEO com o Lighthouse

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

Captura de tela de auditorias de SEO no Lighthouse.

As auditorias de SEO do Lighthouse são as primeiras verificações muito básicas para uma única página do seu site. Eles detectam os erros mais comuns e dão uma primeira impressão sobre como está a visibilidade do seu site nos motores de pesquisa. O Lighthouse é executado no 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 identificar possíveis problemas, você precisará corrigi-los, mas talvez seja necessário usar outras ferramentas para depurar os problemas.

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, é possível criar um URL público temporário no ambiente de desenvolvimento local e iterar rapidamente enquanto você testa com as ferramentas de teste do Google.

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

  • O HTML renderizado que o Googlebot vai usar para indexação
  • Visão geral dos recursos carregados e explicações sobre por que eles não podem ser carregados
  • Mensagens de registro do console e erros 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.

Captura de tela da Ferramenta de inspeção de URL.

Nela, você vai descobrir:

  • Se o URL está no índice da Pesquisa Google ou pode ser indexado no futuro
  • Como é o HTML renderizado do rastreamento mais recente
  • Como é o HTML renderizado para um novo rastreamento da página
  • Informações sobre os recursos da página
  • Mensagens e erros de registro 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, você pode identificar e resolver a maioria dos problemas. A Pesquisa Google também oferece documentação para corrigir problemas de JavaScript relacionados à Pesquisa Google para 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, acesse o Google Search Console.

Relatório de cobertura

O Relatório de cobertura mostra quais páginas do seu site foram indexadas e quais têm problemas.

Captura de tela do relatório "Cobertura".

Relatório de Core Web Vitals

O Relatório de Core Web Vitals ajuda você a ter uma visão geral do desempenho das páginas do seu site em relação às Core Web Vitals.

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

Inclua essas ferramentas nas suas ferramentas para desenvolvedores

Neste artigo, apresentamos uma série de ferramentas para vários fins, desde o teste de uma página antes da publicação até o monitoramento das páginas em um site ativo, que oferece transparência sobre como o site é encontrado na Pesquisa Google. Algumas dessas ferramentas podem se tornar partes úteis do seu conjunto 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 o SEO em JavaScript, confira a documentação oficial da Pesquisa para desenvolvedores.