Visão geral
Quando você visita uma página, o site envia código HTML para seu navegador. Muitas vezes, esse código-fonte inclui recursos adicionais, como scripts, que precisam ser carregados e que podem alterar o código da página.
Normalmente, clicar com o botão direito em "Mostrar fonte" exibe somente o código da página original retornado ao navegador, antes de os scripts e outros recursos serem carregados e executados. No entanto, em muitos casos, principalmente ao resolver problemas em uma página, é necessário ver o código da página final renderizada no navegador, depois que todos os recursos são carregados e os scripts são executados. Exemplo:
- Pesquisar tags do Google Analytics ou do Gerenciador de tags do Google usadas na verificação
- Depurar o carregamento e a exibição da página, ou seja, verificar se todas as bibliotecas e outros recursos desejados foram carregados
- Ver os dados estruturados na página veiculada
Como visualizar a fonte renderizada
Veja alguns métodos para exibir o código-fonte renderizado de uma página da Web:
- No navegador Chrome: clique com o botão direito do mouse em qualquer parte da página e selecione Inspecionar para ver todo o HTML da página renderizada. Pesquise itens no HTML renderizado usando
Control + F
(Windows) ouCommand + F
(Mac). - No caso de uma página no seu próprio site:
- Inspecione o URL inserindo-o diretamente na Ferramenta de inspeção de URL ou clicando em um link de inspeção ao lado de um URL exibido na maioria dos relatórios do Search Console.
- Clique em Testar o URL publicado > Ver a página testada.
- A guia HTML mostra o HTML renderizado da página.
- No caso de páginas em qualquer site, não apenas no site da sua propriedade:
- Abra o teste de compatibilidade com dispositivos móveis.
- Insira o URL da página. A página precisa estar disponível para o Google sem um login e não deve ser bloqueada pelo robots.txt.
- Clique em Ver a página testada.
- A guia HTML mostra o HTML renderizado da página.