{"id":1326,"date":"2023-02-22T15:43:08","date_gmt":"2023-02-22T18:43:08","guid":{"rendered":"https:\/\/blackrat.pro\/blog\/?p=1326"},"modified":"2023-02-22T15:43:08","modified_gmt":"2023-02-22T18:43:08","slug":"conselhos-de-especialistas-do-google-sobre-solucao-de-problemas-de-seo-com-devtools","status":"publish","type":"post","link":"https:\/\/blackrat.pro\/blog\/conselhos-de-especialistas-do-google-sobre-solucao-de-problemas-de-seo-com-devtools\/","title":{"rendered":"Conselhos de especialistas do Google sobre solu\u00e7\u00e3o de problemas de SEO com DevTools"},"content":{"rendered":"<p><span style=\"font-weight: 400\">O Google mais uma vez compartilhou sua experi\u00eancia com as comunidades de SEO e marketing digital, publicando uma nova parcela de sua s\u00e9rie de v\u00eddeos Lightning Talks no YouTube.<\/span><\/p>\n<p><span style=\"font-weight: 400\">No v\u00eddeo mais recente, Martin Splitt, advogado do desenvolvedor do Google, ensina aos espectadores como usar o Google Chrome DevTools para executar as etapas b\u00e1sicas de solu\u00e7\u00e3o de problemas de SEO.<\/span><\/p>\n<p><span style=\"font-weight: 400\">O conhecimento especializado de Splitt e as instru\u00e7\u00f5es f\u00e1ceis de seguir tornam este v\u00eddeo uma recomenda\u00e7\u00e3o f\u00e1cil para qualquer pessoa com experi\u00eancia em desenvolvedor que queira otimizar as classifica\u00e7\u00f5es do mecanismo de pesquisa de seu site.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Aqui est\u00e3o algumas maneiras de usar o Chrome DevTools para solucionar problemas comuns de SEO em um site de teste antes que ele entre no ar.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Usando o teste de compatibilidade com dispositivos m\u00f3veis<\/span><\/h2>\n<p><span style=\"font-weight: 400\">Usar o teste de compatibilidade com dispositivos m\u00f3veis no Google Search Console \u00e9 um \u00f3timo lugar para come\u00e7ar.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Ao testar a URL do seu ambiente de teste, ele mostrar\u00e1 se h\u00e1 algum elemento ausente no HTML renderizado.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Se for esse o caso, n\u00e3o se preocupe; voc\u00ea pode ver de perto o que est\u00e1 acontecendo abrindo o site em seu navegador e usando o Google Chrome DevTools.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Usando a guia Elementos no DevTools<\/span><\/h2>\n<p><span style=\"font-weight: 400\">A guia Elementos no DevTools fornecer\u00e1 uma representa\u00e7\u00e3o em HTML do Modelo de Objeto de Documento (DOM) da p\u00e1gina.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Essa \u00e9 uma ferramenta valiosa para pesquisar conte\u00fado na p\u00e1gina e determinar se ele est\u00e1 presente no DOM.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Se o conte\u00fado estiver ausente no HTML renderizado, tamb\u00e9m estar\u00e1 ausente no DOM.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Usando a guia Rede<\/span><\/h2>\n<p><span style=\"font-weight: 400\">A guia Rede no DevTools permite que voc\u00ea veja o que est\u00e1 acontecendo entre o servidor e seu navegador.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Ao recarregar a p\u00e1gina, voc\u00ea poder\u00e1 ver cada solicita\u00e7\u00e3o e resposta do servidor. O diagrama em cascata mostrar\u00e1 quanto tempo tudo leva e onde o tempo \u00e9 gasto.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Voc\u00ea tamb\u00e9m pode inspecionar todas as solicita\u00e7\u00f5es e cabe\u00e7alhos de resposta, o que pode ajud\u00e1-lo a procurar cabe\u00e7alhos espec\u00edficos, como o cabe\u00e7alho X-Robots.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Isso pode ajudar a determinar se o conte\u00fado ausente passou do servidor para o navegador.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Se o conte\u00fado s\u00f3 aparecer depois de rolar a p\u00e1gina, voc\u00ea pode usar a guia Iniciador para ver o que o solicitou.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Essas informa\u00e7\u00f5es podem ser usadas para corrigir o problema.<\/span><\/p>\n<h2><span style=\"font-weight: 400\">Definindo condi\u00e7\u00f5es de rede<\/span><\/h2>\n<p><span style=\"font-weight: 400\">A guia Rede no DevTools possui outros recursos, como desabilitar o cache, definir a velocidade de transfer\u00eancia da rede e alterar o agente do usu\u00e1rio.<\/span><\/p>\n<p><span style=\"font-weight: 400\">No entanto, \u00e9 importante observar que definir o agente do usu\u00e1rio como Googlebot pode n\u00e3o gerar os resultados esperados.<\/span><\/p>\n<p><span style=\"font-weight: 400\">O Googlebot tamb\u00e9m respeita o arquivo robots.txt, que seu navegador ignora, e alguns sites podem fazer pesquisas de IP para ver se a solicita\u00e7\u00e3o vem de um data center do Google.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Concluindo, as Ferramentas do desenvolvedor do navegador oferecem um poderoso conjunto de ferramentas de depura\u00e7\u00e3o para solu\u00e7\u00e3o de problemas de SEO.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Voc\u00ea pode usar a guia Elementos para inspecionar o DOM, a guia Rede para inspecionar solicita\u00e7\u00f5es e respostas de rede e definir condi\u00e7\u00f5es de rede, como armazenamento em cache e agente do usu\u00e1rio.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Voc\u00ea pode diagnosticar e resolver rapidamente v\u00e1rios problemas de SEO combinando-os com as ferramentas de teste no Google Search Console.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Mat\u00e9ria completa: <\/span><a href=\"https:\/\/l.blackrat.pro\/8Xvef\"><span style=\"font-weight: 400\">https:\/\/l.blackrat.pro\/8Xvef<\/span><\/a><span style=\"font-weight: 400\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Google mais uma vez compartilhou sua experi\u00eancia com as comunidades de SEO e marketing digital, publicando uma nova parcela de sua s\u00e9rie de v\u00eddeos Lightning Talks no YouTube. No v\u00eddeo mais recente, Martin Splitt, advogado do desenvolvedor do Google, ensina aos espectadores como usar o Google Chrome DevTools para executar as etapas b\u00e1sicas de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":735,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[86],"class_list":["post-1326","post","type-post","status-publish","format-standard","has-post-thumbnail","category-artigos","tag-google"],"_links":{"self":[{"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/posts\/1326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/comments?post=1326"}],"version-history":[{"count":1,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/posts\/1326\/revisions"}],"predecessor-version":[{"id":1327,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/posts\/1326\/revisions\/1327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/media\/735"}],"wp:attachment":[{"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/media?parent=1326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/categories?post=1326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blackrat.pro\/blog\/wp-json\/wp\/v2\/tags?post=1326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}