{"id":5253,"date":"2025-02-21T14:20:59","date_gmt":"2025-02-21T14:20:59","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=5253"},"modified":"2025-02-21T14:21:00","modified_gmt":"2025-02-21T14:21:00","slug":"what-is-googles-mobile-friendly-test","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/pt\/respostas\/what-is-googles-mobile-friendly-test\/","title":{"rendered":"O que \u00e9 o Teste de compatibilidade com dispositivos m\u00f3veis do Google?"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Como usar o teste de compatibilidade com dispositivos m\u00f3veis do Google?<\/h2>\n\n\n\n<p>Como o Google removeu o Teste de compatibilidade com dispositivos m\u00f3veis, voc\u00ea precisar\u00e1 visitar o PageSpeed Insights. Algumas das etapas s\u00e3o semelhantes; as coisas que voc\u00ea precisa fazer est\u00e3o listadas abaixo.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Acesse a p\u00e1gina do PageSpeed Insights.<\/strong> Pesquise por PageSpeed Insights em seu mecanismo de busca preferido e ele dever\u00e1 ser o primeiro resultado.\u00a0<br><br><\/li>\n\n\n\n<li><strong>Insira a URL da sua p\u00e1gina\/site. <\/strong>Inclua \u201chttps:\/\/\u201d no in\u00edcio da sua URL.<br><br><\/li>\n\n\n\n<li><strong>Clique em \u201cAnalisar\u201d. <\/strong>O Google avaliar\u00e1 o desempenho do seu site e lhe dar\u00e1 uma pontua\u00e7\u00e3o. Voc\u00ea ver\u00e1 se passou ou n\u00e3o no teste CoreWeb Vitals.<br><br><\/li>\n\n\n\n<li><strong>Avalie seus resultados. <\/strong>Veja todas as recomenda\u00e7\u00f5es dadas e implemente-as no back-end do seu site. O Google classifica os sites com base em <a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-seo\/\" data-type=\"answer\" data-id=\"4440\">SEO<\/a>, melhores pr\u00e1ticas, acessibilidade e desempenho.&nbsp;<\/li>\n<\/ol>\n\n\n\n<p>Esta \u00e9 a maneira mais direta de testar a velocidade da sua p\u00e1gina, mas voc\u00ea tamb\u00e9m pode acess\u00e1-la por meio do Google Search Console. Use o Search Console para verificar todas as suas URLs e test\u00e1-las de acordo.&nbsp;<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nDica profissional:\u00a0\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nTeste seu site frequentemente em geral, mas ainda mais ap\u00f3s alterar seus designs ou atualizar o conte\u00fado. Certifique-se de testar seu site ap\u00f3s ativar os an\u00fancios tamb\u00e9m.\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quais s\u00e3o os principais crit\u00e9rios usados \u200b\u200bpelo Teste de compatibilidade com dispositivos m\u00f3veis do Google?<\/h2>\n\n\n\n<p>O Google usa v\u00e1rios elementos para determinar a otimiza\u00e7\u00e3o de um site para dispositivos m\u00f3veis e entender cada um deles \u00e9 crucial. Ferramentas desse tipo analisam aspectos como:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tamanhos dos arquivos:<\/strong> Os tamanhos e formatos de imagem podem afetar a velocidade do seu site em dispositivos m\u00f3veis; considere usar WebP em vez de JPEG e \"grande\" em vez de \"tamanho completo\".&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tamanhos das fontes: <\/strong>Os usu\u00e1rios devem conseguir ler seu texto sem precisar aumentar o zoom, mas voc\u00ea tamb\u00e9m deve garantir que suas fontes n\u00e3o sejam muito grandes. Teste os tamanhos das suas fontes no backend do seu construtor de sites em diferentes dispositivos.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Configura\u00e7\u00e3o da viewport:<\/strong> Isso determina como sua p\u00e1gina se adapta a diferentes tamanhos de tela.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Conte\u00fado otimizado para dispositivos m\u00f3veis: <\/strong>Sua p\u00e1gina deve evitar elementos que n\u00e3o funcionam bem em dispositivos m\u00f3veis. Por exemplo, voc\u00ea pode precisar verificar seus plugins do Flash.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-a-acessibilidade-de-um-website\/\" data-type=\"answer\" data-id=\"3901\">Acessibilidade<\/a>: <\/strong>Cores e outros elementos contrastantes podem influenciar na acessibilidade do seu site, especialmente em dispositivos m\u00f3veis.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Velocidade de carregamento: <\/strong>O PageSpeed Insights enfatiza a import\u00e2ncia de velocidades de carregamento r\u00e1pidas, especialmente para dispositivos m\u00f3veis.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nDica profissional: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nComece com um design web responsivo que se adapta automaticamente a diferentes tamanhos de tela. Veja os criadores de sites, como o Hocoos, onde isso \u00e9 a norma.\u00a0\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">O que acontece se meu site falhar no Teste de compatibilidade com dispositivos m\u00f3veis do Google?<\/h2>\n\n\n\n<p>N\u00e3o \u00e9 incomum ver que seu site falhou nos Core Web Vitals se voc\u00ea for novo, mas o Google fornece as informa\u00e7\u00f5es necess\u00e1rias para corrigir isso. Ap\u00f3s o teste e diagn\u00f3stico, o Google mostra pontua\u00e7\u00f5es para diferentes categorias (por exemplo, Largest Contentful Paint).&nbsp;<\/p>\n\n\n\n<p>Ao rolar para baixo, voc\u00ea ver\u00e1 as recomenda\u00e7\u00f5es do Google com base na prioridade (acesse a se\u00e7\u00e3o \"Diagn\u00f3stico\" para encontrar essas informa\u00e7\u00f5es). Voc\u00ea poder\u00e1 ver sugest\u00f5es relacionadas a:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Configurando CSS<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alterando tamanhos de arquivo&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Alterando o uso de JavaScript&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Revisando sua pol\u00edtica de cache&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Analise estes diagn\u00f3sticos com base na prioridade que o Google lhes atribui na sua avalia\u00e7\u00e3o. Teste o seu website\/p\u00e1ginas sempre que fizer ajustes. Observe que o diagn\u00f3stico principal baseia-se num per\u00edodo de recolha de dados de 28 dias.&nbsp;<\/p>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nUm mergulho profundo: \n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nO seu website ainda pode ser classificado nos motores de busca, mesmo que n\u00e3o passe no teste, mas corrigir estes problemas \u00e9 importante para aumentar as suas hip\u00f3teses de obter uma classifica\u00e7\u00e3o mais elevada.\u00a0\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">O Google penaliza websites que n\u00e3o s\u00e3o otimizados para dispositivos m\u00f3veis?<\/h2>\n\n\n\n<p>O Google tornou a otimiza\u00e7\u00e3o para dispositivos m\u00f3veis um componente essencial dos seus protocolos de classifica\u00e7\u00e3o desde 2015. Ao longo dos anos, e \u00e0 medida que mais pessoas compraram smartphones e tablets, o Google tem enfatizado ainda mais a import\u00e2ncia da otimiza\u00e7\u00e3o para dispositivos m\u00f3veis em atualiza\u00e7\u00f5es subsequentes.&nbsp;<\/p>\n\n\n\n<p>O seu website pode n\u00e3o aparecer t\u00e3o bem posicionado nos resultados de pesquisa se n\u00e3o for otimizado, por isso, priorizar a otimiza\u00e7\u00e3o para dispositivos m\u00f3veis \u00e9 uma excelente ideia. Fa\u00e7a isso adotando uma abordagem mobile-first e considerando as pr\u00e1ticas mais importantes.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Como \u00e9 que o Teste de Otimiza\u00e7\u00e3o para Dispositivos M\u00f3veis afeta o SEO do meu website?<\/h2>\n\n\n\n<p>Criar um site compat\u00edvel com dispositivos m\u00f3veis requer aten\u00e7\u00e3o cuidadosa para evitar certas armadilhas comuns. Algumas delas incluem: Aparecer em posi\u00e7\u00f5es mais altas nos resultados de pesquisa em dispositivos m\u00f3veis \u00e9 crucial para direcionar tr\u00e1fego, especialmente quando a maioria das visitas ao site ocorre em dispositivos m\u00f3veis atualmente.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quais s\u00e3o alguns erros comuns que tornam os sites incompat\u00edveis com dispositivos m\u00f3veis?<\/h2>\n\n\n\n<p>\u00c9 crucial evitar erros comuns ao criar sites otimizados para dispositivos m\u00f3veis, como:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Compatibilidade com Flash: <\/strong>Alguns navegadores de dispositivos m\u00f3veis n\u00e3o suportam Flash; considere usar uma alternativa para ampla acessibilidade.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Viewports de largura fixa:<\/strong> Opte por viewports flex\u00edveis em vez de viewports de largura fixa para acomodar tamanhos de tela variados.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Tamanhos de fonte pequenos: <\/strong>Torne o texto do seu site leg\u00edvel. Use de 18 a 21 px para o corpo do texto principal e cerca de 32 px para H2s.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Densidade de links: <\/strong>Distribua seus links para evitar cliques n\u00e3o intencionais e melhorar a experi\u00eancia do usu\u00e1rio.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">O Teste de compatibilidade com dispositivos m\u00f3veis do Google se aplica a todos os tipos de sites?<\/h2>\n\n\n\n<p>Sim, seja voc\u00ea uma organiza\u00e7\u00e3o com ou sem fins lucrativos, um hobby ou uma pequena\/grande empresa, voc\u00ea deve aderir aos procedimentos de compatibilidade com dispositivos m\u00f3veis do Google.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O tr\u00e1fego da web m\u00f3vel pode desempenhar um papel cada vez mais significativo no futuro, potencialmente influenciado pelo crescimento cont\u00ednuo da penetra\u00e7\u00e3o da internet e pelos avan\u00e7os na tecnologia de smartphones.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-a-otimizacao-para-dispositivos-moveis-num-construtor-de-sites\/\" data-type=\"answer\" data-id=\"4076\">Um site otimizado para dispositivos m\u00f3veis <\/a>com o mesmo n\u00edvel de conte\u00fado que uma que n\u00e3o est\u00e1 \u00e9 mais prov\u00e1vel que classifique mais alto para o mesmo resultado.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div class=\"answers-tip-box mt-8 mt-lg-10\">\n<div class=\"answers-small-title\">\n\t\t\t\t\t\t\t\nDica profissional:\u00a0\n\n<\/div>\n<div class=\"answers-small-description mt-4\">\n\nMesmo que a maior parte do seu tr\u00e1fego venha de desktops, otimizar suas p\u00e1ginas \u00e9 crucial para direcionar o tr\u00e1fego futuro.\u00a0\n\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>Embora o Google tenha descontinuado sua ferramenta Mobile-Friendly Test, alternativas \u2013 como o PageSpeed Insights \u2013 existem. Use-as para entender o desempenho do seu site em dispositivos m\u00f3veis e implementar o feedback.&nbsp;<\/p>\n\n\n\n<p>Priorize as preocupa\u00e7\u00f5es mais urgentes e teste suas p\u00e1ginas com frequ\u00eancia, especialmente se voc\u00ea acabou de fazer atualiza\u00e7\u00f5es importantes. Utilize ferramentas em <a href=\"https:\/\/hocoos.com\/pt\/respostas\/o-que-e-o-google-search-console\/\" data-type=\"answer\" data-id=\"4627\">Google Search Console<\/a>, e se voc\u00ea tiver as habilidades t\u00e9cnicas, considere testar com o Lighthouse.&nbsp;<\/p>\n\n\n\n<p>Implemente uma abordagem mobile-first para otimizar suas pontua\u00e7\u00f5es e se preparar para o tr\u00e1fego futuro, tratando as p\u00e1ginas para desktop e dispositivos m\u00f3veis da mesma forma.<\/p>","protected":false},"excerpt":{"rendered":"<p>How do I use Google&#8217;s mobile-friendly test? Since Google has retired the Mobile-Friendly Test, you\u2019ll instead need to visit PageSpeed Insights. Some of the steps are similar; the things you need to do are listed below.&nbsp; This is the most direct way to test your page speed, but you can access it via Google Search [&hellip;]<\/p>","protected":false},"author":39,"featured_media":5254,"template":"","answers_category":[24],"class_list":["post-5253","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-mobile-responsiveness"],"acf":{"image":null,"card_image":5254,"content":[{"acf_fc_layout":"header_section","title":"O que \u00e9 o Teste de compatibilidade com dispositivos m\u00f3veis do Google?","descriptions":"Google\u2019s Mobile-Friendly Test was a tool that you could use to see how your website looked on different mobile devices. The feature was retired in December 2023, but you can now use PageSpeed Insights to find out whether your site is mobile-optimized.<br\/><br\/>\r\n\r\nThe main difference between the Mobile-Friendly Test tool and PageSpeed Insights is that the latter shows you how you perform in different metrics, but you can\u2019t see how it looks on a mobile device. If you want a visual representation, use Google AdSense\u2019s preview tool or look in your website builder.<br\/><br\/>\r\n \r\nPageSpeed Insights is still important, though, because it shows the areas to address for website speed.<br\/><br\/>\r\n\r\nGoogle has an open-source tool called Lighthouse, though this will require some technical expertise compared to PageSpeed Insights. \r\n","tip_label":"","tip":"","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"Testing mobile-friendliness","body":"Monitoring and testing your website\u2019s mobile page speed is crucial."},{"label":"Responsive design","body":"Use website designs that can adapt to different screen sizes."},{"label":"Frequent iteration","body":"Test your website on different devices and test it regularly, especially when you make changes."}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answer\/5253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/media\/5254"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/media?parent=5253"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/pt\/wp-json\/wp\/v2\/answers_category?post=5253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}