O Google mais uma vez compartilhou sua experiência com as comunidades de SEO e marketing digital, publicando uma nova parcela de sua série de vídeos Lightning Talks no YouTube.
No vídeo mais recente, Martin Splitt, advogado do desenvolvedor do Google, ensina aos espectadores como usar o Google Chrome DevTools para executar as etapas básicas de solução de problemas de SEO.
O conhecimento especializado de Splitt e as instruções fáceis de seguir tornam este vídeo uma recomendação fácil para qualquer pessoa com experiência em desenvolvedor que queira otimizar as classificações do mecanismo de pesquisa de seu site.
Aqui estão algumas maneiras de usar o Chrome DevTools para solucionar problemas comuns de SEO em um site de teste antes que ele entre no ar.
Usando o teste de compatibilidade com dispositivos móveis
Usar o teste de compatibilidade com dispositivos móveis no Google Search Console é um ótimo lugar para começar.
Ao testar a URL do seu ambiente de teste, ele mostrará se há algum elemento ausente no HTML renderizado.
Se for esse o caso, não se preocupe; você pode ver de perto o que está acontecendo abrindo o site em seu navegador e usando o Google Chrome DevTools.
Usando a guia Elementos no DevTools
A guia Elementos no DevTools fornecerá uma representação em HTML do Modelo de Objeto de Documento (DOM) da página.
Essa é uma ferramenta valiosa para pesquisar conteúdo na página e determinar se ele está presente no DOM.
Se o conteúdo estiver ausente no HTML renderizado, também estará ausente no DOM.
Usando a guia Rede
A guia Rede no DevTools permite que você veja o que está acontecendo entre o servidor e seu navegador.
Ao recarregar a página, você poderá ver cada solicitação e resposta do servidor. O diagrama em cascata mostrará quanto tempo tudo leva e onde o tempo é gasto.
Você também pode inspecionar todas as solicitações e cabeçalhos de resposta, o que pode ajudá-lo a procurar cabeçalhos específicos, como o cabeçalho X-Robots.
Isso pode ajudar a determinar se o conteúdo ausente passou do servidor para o navegador.
Se o conteúdo só aparecer depois de rolar a página, você pode usar a guia Iniciador para ver o que o solicitou.
Essas informações podem ser usadas para corrigir o problema.
Definindo condições de rede
A guia Rede no DevTools possui outros recursos, como desabilitar o cache, definir a velocidade de transferência da rede e alterar o agente do usuário.
No entanto, é importante observar que definir o agente do usuário como Googlebot pode não gerar os resultados esperados.
O Googlebot também respeita o arquivo robots.txt, que seu navegador ignora, e alguns sites podem fazer pesquisas de IP para ver se a solicitação vem de um data center do Google.
Concluindo, as Ferramentas do desenvolvedor do navegador oferecem um poderoso conjunto de ferramentas de depuração para solução de problemas de SEO.
Você pode usar a guia Elementos para inspecionar o DOM, a guia Rede para inspecionar solicitações e respostas de rede e definir condições de rede, como armazenamento em cache e agente do usuário.
Você pode diagnosticar e resolver rapidamente vários problemas de SEO combinando-os com as ferramentas de teste no Google Search Console.
Matéria completa: https://l.blackrat.pro/8Xvef
