{"id":369766,"date":"2023-04-26T09:52:00","date_gmt":"2023-04-26T06:52:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369766"},"modified":"2023-04-26T09:52:22","modified_gmt":"2023-04-26T06:52:22","slug":"design-mobile-first-o-que-e-e-por-que-e-importante","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/design-mobile-first-o-que-e-e-por-que-e-importante\/","title":{"rendered":"Design Mobile-First \u2013 O que \u00e9 e por que \u00e9 importante"},"content":{"rendered":"\n

O outono de 2018 foi um per\u00edodo dif\u00edcil para profissionais de marketing online, blogueiros, ag\u00eancias digitais\u2026 basicamente para todos cujo p\u00e3o com manteiga vem do reino online. Por qu\u00ea? Porque foi quando o gigante dos mecanismos de busca, o Google, come\u00e7ou a lan\u00e7ar sua indexa\u00e7\u00e3o mobile-first<\/strong>. Isso certamente n\u00e3o foi uma surpresa, j\u00e1 que o “Mobilegeddon"<\/a><\/strong> em 2015 j\u00e1 introduziu a prioriza\u00e7\u00e3o de sites que exibem bem em dispositivos m\u00f3veis. O design mobile-first j\u00e1 era uma coisa, mas o Google ainda conseguiu causar algum p\u00e2nico.<\/p>\n

Mas vamos dar um passo atr\u00e1s por um momento e ver o que realmente significa “mobile-first”.<\/p>\n

Explica\u00e7\u00e3o do design mobile-First<\/h2>\n

Em suma, o design mobile-first \u00e9 o tipo de design que prioriza<\/strong> os dispositivos m\u00f3veis. Em geral, isso inclui smartphones e tablets ou qualquer dispositivo com tela menor. Para entender bem esse conceito, primeiro precisamos falar sobre web design responsivo ou RWB<\/strong>. No RWB, basicamente permitimos que a web e todas as suas formas e conte\u00fados caibam em telas menores sem perder qualidade. Tamb\u00e9m precisa ser feito de uma maneira que as pessoas achem conveniente ou confort\u00e1vel. Quando feito corretamente, o design responsivo significa que o usu\u00e1rio n\u00e3o precisa ampliar, rolar ou deslocar a tela para visualizar todo o conte\u00fado do site.<\/p>\n

Obviamente, com o grau em que as pesquisas m\u00f3veis ultrapassaram as de desktop, \u00e9 natural que um site seja responsivo. N\u00e3o \u00e9 nem mesmo uma quest\u00e3o de sobreviv\u00eancia do mais apto. \u00c9 mais simples do que isso. Se o seu site n\u00e3o \u00e9 responsivo, ele pode ser inexistente. As pessoas n\u00e3o t\u00eam tempo ou paci\u00eancia para sites n\u00e3o responsivos.<\/p>\n

Mas h\u00e1 mais aqui do que apenas capacidade de resposta. Ao desenvolver um produto, os designers costumavam usar a vers\u00e3o desktop como ponto de partida. Ent\u00e3o, depois de finalizar essa vers\u00e3o em particular, eles basicamente descartaram certos elementos para otimizar o produto para dispositivos m\u00f3veis.<\/p>\n

Hoje, o processo \u00e9 diferente. O “avan\u00e7o progressivo”<\/strong> \u00e9 um princ\u00edpio amplamente empregado no design, que toma a vers\u00e3o m\u00f3vel como ponto de partida. E \u00e9 exatamente isso que significa “mobile-first”. O design come\u00e7a do lado m\u00f3vel e depois se expande gradualmente para vers\u00f5es mais avan\u00e7adas.<\/p>\n

Indexa\u00e7\u00e3o Mobile-First<\/h2>\n

Como mencionamos anteriormente, em 2018 o Google iniciou uma nova maneira de indexar os sites. A indexa\u00e7\u00e3o \u00e9 importante porque \u00e9 um dos mecanismos que o Google usa para decidir o qu\u00e3o alto seu site ser\u00e1 classificado nas p\u00e1ginas de resultados dos mecanismos de pesquisa.<\/p>\n

Ent\u00e3o, basicamente, a indexa\u00e7\u00e3o mobile-first significa que quando o Google implanta seus crawlbots, eles v\u00e3o primeiro procurar a vers\u00e3o mobile do seu site e depois a vers\u00e3o desktop. Observe que a vers\u00e3o m\u00f3vel n\u00e3o \u00e9 a \u00fanica que \u00e9 indexada e classificada. Sua vers\u00e3o para desktop tamb\u00e9m \u00e9 levada em considera\u00e7\u00e3o, mas somente ap\u00f3s a vers\u00e3o m\u00f3vel. Se o seu site n\u00e3o tiver uma vers\u00e3o para celular, isso ter\u00e1 um impacto negativo significativo na classifica\u00e7\u00e3o do seu site. N\u00e3o apenas isso. A qualidade da experi\u00eancia m\u00f3vel que seu site oferece tamb\u00e9m \u00e9 um fator importante.<\/p>\n

E \u00e9 por isso que o mobile-first deve ser levado muito, muito a s\u00e9rio por qualquer propriet\u00e1rio de site.<\/p>\n

Como otimizar para dispositivos m\u00f3veis<\/h2>\n

Ent\u00e3o voc\u00ea conseguiu um tema responsivo<\/a> legal? Bom. A capacidade de resposta \u00e9 extremamente importante. Mas n\u00e3o pense nem por um segundo que seu trabalho de otimiza\u00e7\u00e3o para mobile-first termina a\u00ed. \u00c9 mais complicado do que isso.<\/p>\n

Esteja voc\u00ea fazendo uma limpeza de primavera no seu site WordPress antigo ou criando um novo, h\u00e1 coisas que voc\u00ea pode fazer para torn\u00e1-lo mais atraente para os rastreadores do Google e a indexa\u00e7\u00e3o mobile-first.<\/p>\n