{"id":11533,"date":"2017-05-29T09:30:19","date_gmt":"2017-05-29T12:30:19","guid":{"rendered":"https:\/\/king.host\/blog\/?p=11533"},"modified":"2024-06-03T17:28:48","modified_gmt":"2024-06-03T20:28:48","slug":"seo-dispositivos-moveis","status":"publish","type":"post","link":"https:\/\/king.host\/blog\/empreendedorismo\/seo-dispositivos-moveis\/","title":{"rendered":"5 dicas de SEO para dispositivos m\u00f3veis"},"content":{"rendered":"<p>Nas \u00faltimas atualiza\u00e7\u00f5es o Google vem deixando bastante claro que sites quem pensam em SEO para dispositivos m\u00f3veis ganham na corrida pelo bom posicionamento nos resultados de busca. Claro que a base do <a href=\"https:\/\/king.host\/blog\/2017\/05\/ssl-e-seo-como-aumentamos-o-trafego-nosso-blog-em-200\/\">SEO <\/a>continua sendo a mesma &#8211; \u00e9 fundamental aplicar as otimiza\u00e7\u00f5es<em> on-page<\/em> e<em> off-page<\/em>, que foram citadas ao longo da palestra, pois sem <a href=\"https:\/\/king.host\/blog\/2017\/01\/3-tecnicas-de-link-building-que-vao-alem-do-guest-post\/\"><em>backlinks<\/em><\/a> relevantes e um <a href=\"https:\/\/www.kinghost.com.br\/conteudo-gratis\/webinar-blog-profissional-seo-e-conteudo-em-foco\" target=\"_blank\" rel=\"noopener\">bom conte\u00fado<\/a> nas p\u00e1ginas, n\u00e3o h\u00e1 <a href=\"https:\/\/king.host\/blog\/2017\/04\/6-ferramentas-gratuitas-para-testar-a-versao-mobile-do-seu-site\/\">otimiza\u00e7\u00e3o para mobile<\/a> que acelere o<em> rankeamento<\/em>. Se no seu caso est\u00e1 tudo em dia, olhar tamb\u00e9m para a experi\u00eancia dos usu\u00e1rios vindos de dispositivos m\u00f3veis ser\u00e1 mais uma a\u00e7\u00e3o de otimiza\u00e7\u00e3o que ir\u00e1 ajud\u00e1-lo e coloc\u00e1-lo \u00e0 frente dos concorrentes.<\/p>\n<p>Aqui voc\u00ea ver\u00e1 cinco dicas especiais, de SEO para dispositivos m\u00f3veis, que devem ser pensadas na hora de otimizar e tamb\u00e9m algumas dicas extras de ferramentas, artigos relevantes e outros. Lembre-se que este material e outros trazem ideias, mas cada site ter\u00e1 uma aplica\u00e7\u00e3o diferente e pensada de acordo com a sua realidade e o p\u00fablico-alvo. Como eu repeti diversas vezes, se \u00e9 bom para o usu\u00e1rio, \u00e9 bom para o Google, pois quem \u201centrega\u201d o servi\u00e7o \u00e9 ele.<\/p>\n<h2>1.Defina como o seu site ir\u00e1 atender ao formato\u00a0<em>mobile<\/em><\/h2>\n<p>O pr\u00f3prio Google indica tr\u00eas maneiras diferentes de implementa\u00e7\u00e3o de um site para dispositivos m\u00f3veis. O seu site poder\u00e1 utilizar uma exibi\u00e7\u00e3o din\u00e2mica, URLs diferentes ou <a href=\"https:\/\/king.host\/blog\/2015\/08\/5-otimos-frameworks-responsivos-em-html5\/\">design responsivo<\/a>.<\/p>\n<h3>Exibi\u00e7\u00e3o din\u00e2mica<\/h3>\n<p>De acordo com o <em>user agent <\/em>(navegador) que solicita a p\u00e1gina, o servidor ir\u00e1 retornar com um HTML diferente na mesma URL. S\u00e3o c\u00f3digos diferentes, para dispositivos diferentes em uma mesma URL. Quando optamos pela exibi\u00e7\u00e3o din\u00e2mica, alguns erros podem ocorrer na hora de\u00a0identificar o <em>user agent<\/em>, por isso fique atento, pois a experi\u00eancia poder\u00e1 piorar em vez de melhorar. Cuide para manter as <em>substrings<\/em>\u00a0atualizadas e busque <em>strings<\/em>\u00a0(linguagem) espec\u00edficos para<em> smartphones<\/em>, para n\u00e3o haver uma confus\u00e3o entre eles e <em>tablets<\/em>.<\/p>\n<h3>URLS diferentes<\/h3>\n<p>Nesse caso, o desktop ter\u00e1 uma URL e os dispositivos m\u00f3veis ter\u00e3o outra URL para uma mesma p\u00e1gina. N\u00e3o h\u00e1 nenhuma regra que indique qual URL \u00e9 mais relevante, elas s\u00f3 precisam estar de acordo com cada <em>user agent<\/em>. Aqui os c\u00f3digos ser\u00e3o diferentes, assim como as URLs. Para que isso ocorra, \u00e9 importante considerar redirecionamentos autom\u00e1ticos, tanto via HTTP ou JavaScript. N\u00e3o podemos esquecer que URLs diferentes s\u00e3o <a href=\"https:\/\/king.host\/blog\/2015\/08\/o-seu-site-tem-um-mapa\/\"><em>sitemaps<\/em><\/a> diferentes tamb\u00e9m.<\/p>\n<h3>Design Responsivo<\/h3>\n<p>Nesse formato o c\u00f3digo ser\u00e1 exatamente o mesmo, por\u00e9m ele ir\u00e1 se ajustar ao tamanho\/formato da tela. Neste caso \u00e9 importante utilizar a <em>tag viewport <\/em>(ajuste por dispositivo), para indicar os ajustes na dimens\u00e3o e na escala de acordo com o dispositivo. As URLs permanecer\u00e3o as mesmas. Eu acredito que este seja o formato mais recomendado, pois n\u00e3o \u00e9 necess\u00e1rio o uso de URLs diferentes, o que duplicaria tamb\u00e9m o <em>sitemap<\/em>, n\u00e3o \u00e9 necess\u00e1rio repensar todo c\u00f3digo e conte\u00fado e somente um <em>user agent<\/em> do <a href=\"https:\/\/support.google.com\/webmasters\/answer\/182072?hl=pt-BR\" target=\"_blank\" rel=\"noopener\">Googlebot<\/a> precisar\u00e1 rastrear a p\u00e1gina.<\/p>\n<h2>2. Repense o seu Title e Meta Description<\/h2>\n<p>Os dispositivos m\u00f3veis possuem telas menores e, por isso, os conte\u00fados precisam ser ainda mais objetivos para garantir a leitura completa. Pensando nisso, revise o <em>title<\/em> e a meta <em>description<\/em> das suas p\u00e1ginas para garantir que n\u00e3o estejam muito extensas.<\/p>\n<p>No pr\u00f3prio desktop o Google j\u00e1 ir\u00e1 cortar caso voc\u00ea utiliza muito texto, mas em telas menores, quanto mais sintetizadas forem as informa\u00e7\u00f5es, maior ser\u00e1 a relev\u00e2ncia e a efic\u00e1cia diante do usu\u00e1rio.\u00a0O importante \u00e9 que ele entenda quem voc\u00ea \u00e9 e o que est\u00e1 oferecendo. Informa\u00e7\u00f5es mais completas podem ser fornecidas dentro do pr\u00f3prio site,\u00a0aonde ele ir\u00e1 se aprofundar sobre o que est\u00e1 buscando e tirar qualquer d\u00favida que exista.<\/p>\n<h2>3. Acompanhe a performance do seu site<\/h2>\n<p>Ferramentas como o <a href=\"https:\/\/king.host\/blog\/2015\/04\/como-funciona-o-google-analytics-conheca-o-essencial\/\">Google Analytics<\/a> trazem informa\u00e7\u00f5es altamente relevantes sobre o comportamento dos visitantes no seu website. Ele ir\u00e1 indicar dados importantes tanto de usu\u00e1rios vindos de computador, quanto \u00e0queles que acessam atrav\u00e9s de <em>smartphones<\/em> ou <em>tablets<\/em>. \u00c9 fundamental entender qual \u00e9 o comportamento mais comum do seu usu\u00e1rio e, principalmente, a convers\u00e3o no caso de<em> e-commerces<\/em>. Voc\u00ea poder\u00e1 identificar alguma tend\u00eancia com rela\u00e7\u00e3o ao acesso atrav\u00e9s de dispositivos m\u00f3veis ou n\u00e3o. Isso ajudar\u00e1 n\u00e3o s\u00f3 a identificar quais p\u00e1ginas ser\u00e3o otimizadas primeiro, mas tamb\u00e9m a entender se de fato \u00e9 o momento de voc\u00ea dedicar tempo para otimiza\u00e7\u00e3o para dispositivos m\u00f3veis.<\/p>\n<p>N\u00e3o \u00e9 porque o uso de <em>smartphones<\/em> para acessar a internet vem crescendo, que esse ser\u00e1 o comportamento do seu p\u00fablico tamb\u00e9m. Dependendo do tipo de conte\u00fado que voc\u00ea oferece, pode ser que o perfil seja diferente. Ent\u00e3o antes de dedicar seu tempo, certifique-se da relev\u00e2ncia.<\/p>\n<h2>4. Fique atento a erros comuns<\/h2>\n<p>Vou citar tr\u00eas erros bastante recorrentes quando se trata de otimiza\u00e7\u00e3o para dispositivos m\u00f3veis. Claro que outros poder\u00e3o existir, mas \u00e9 importante destacar aqueles que ocorrem com maior frequ\u00eancia.<\/p>\n<h3>Erro na exibi\u00e7\u00e3o do conte\u00fado<\/h3>\n<p>Vou come\u00e7ar recomendando o n\u00e3o uso de flash. Alguns dispositivos, como o iphone, n\u00e3o aceitam conte\u00fado em flash. Ent\u00e3o, caso o usu\u00e1rio acesse o seu site e tente consumir um conte\u00fado neste formato, n\u00e3o ir\u00e1 conseguir e ser\u00e1 uma experi\u00eancia bastante frustrante. Ent\u00e3o n\u00e3o corra esse risco. O Google recomenda o uso do <a href=\"https:\/\/king.host\/blog\/2015\/08\/5-otimos-frameworks-responsivos-em-html5\/\">HTML5<\/a> para esse tipo de conte\u00fado. O uso de tags padr\u00e3o em HTML5 garante uma boa experi\u00eancia ao usu\u00e1rio.<\/p>\n<h3>Erros 404<\/h3>\n<p>Pode ocorrer de, ao acessar uma p\u00e1gina, o usu\u00e1rio se deparar com uma p\u00e1gina de erro. Por isso, caso voc\u00ea tenha optado por URLs diferentes, \u00e9 importante fazer um <a href=\"https:\/\/king.host\/blog\/2017\/03\/entendendo-o-erro-404-e-o-redirecionamento-301\/\">redirecionamento<\/a> da URL desktop para a de dispositivos m\u00f3veis, assim o erro 404 n\u00e3o ser\u00e1 exibido. Nesse caso vale o lembrete de que o uso do design responsivo \u00e9 sempre a melhor op\u00e7\u00e3o.<\/p>\n<h3>CTAs ou elementos de toque<\/h3>\n<p>Ao longo das p\u00e1ginas existem diversos links, bot\u00f5es e outros <em>call-to-action<\/em> nos quais o usu\u00e1rio ir\u00e1 clicar para acessar o que deseja. Lembre-se de n\u00e3o manter esses elementos muito pr\u00f3ximos uns dos outros. Caso isso ocorra, \u00e9 prov\u00e1vel que ao clicar em um bot\u00e3o o usu\u00e1rio acabe atingindo outro, o que ir\u00e1 frustr\u00e1-lo e prejudicar a experi\u00eancia. Ter cuidado com as dimens\u00f5es ir\u00e1 evitar esse problema. O pr\u00f3prio Google d\u00e1 algumas dicas para resolver isso.<\/p>\n<h2>5. Cuidado com os <em>pop-ups<\/em><\/h2>\n<p>O Google est\u00e1 cada vez mais exigente com rela\u00e7\u00e3o aos <em>pop-ups<\/em> nas p\u00e1ginas, principalmente aqueles que surgem quando o usu\u00e1rio est\u00e1 deixando o site e que cobrem a tela inteira. Essa \u00e9 uma dica superimportante para desktops, mas deve-se tomar ainda mais cuidado com os dispositivos m\u00f3veis, pois a tela \u00e9 muito menor e a apari\u00e7\u00e3o de um <em>pop-up<\/em> ser\u00e1 bastante inc\u00f4moda. N\u00e3o somente por conta da interven\u00e7\u00e3o, mas tamb\u00e9m porque ele est\u00e1 sem acesso a um teclado ou mouse, ent\u00e3o ele precisa ter espa\u00e7o de toque para \u201cfugir\u201d daquela situa\u00e7\u00e3o.<\/p>\n<h2>Dicas de ferramentas de an\u00e1lise<\/h2>\n<p><a href=\"https:\/\/moz.com\/researchtools\/ose\/\" target=\"_blank\" rel=\"noopener\">Open Site Explorer<\/a> (Moz) \u2013 autoridade do site<br \/>\n<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">PageSpeed<\/a> (Google) \u2013 velocidade do site<br \/>\n<a href=\"https:\/\/www.kinghost.com.br\/seo-certo?utm_source=lab&amp;utm_medium=post&amp;utm_term=&amp;utm_content=post-seo-seo-certo&amp;utm_campaign=content-marketing\" target=\"_blank\" rel=\"noopener\">SEO Certo<\/a> (KingHost) \u2013 ajustes necess\u00e1rios no site<br \/>\n<a href=\"https:\/\/search.google.com\/search-console\/mobile-friendly\" target=\"_blank\" rel=\"noopener\">Mobile Friendly<\/a> (Google) \u2013 compatibilidade com dispositivos m\u00f3veis<br \/>\n<a href=\"https:\/\/www.google.com\/webmasters\/tools\/home?hl=pt-BR\" target=\"_blank\" rel=\"noopener\">Search Console<\/a> \u00a0(Google) \u2013 o site como um todo<\/p>\n<p><a href=\"https:\/\/www.kinghost.com.br\/seo-certo\" target=\"_blank\" rel=\"noopener\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-11817 size-large\" src=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2017\/01\/testegratisseo-780x216.png\" alt=\"\" width=\"780\" height=\"216\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2017\/01\/testegratisseo-780x216.png 780w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2017\/01\/testegratisseo-300x83.png 300w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2017\/01\/testegratisseo-768x212.png 768w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2017\/01\/testegratisseo-400x111.png 400w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2017\/01\/testegratisseo.png 803w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nas \u00faltimas atualiza\u00e7\u00f5es o Google vem deixando bastante claro que sites quem pensam em SEO para dispositivos m\u00f3veis ganham na corrida pelo bom posicionamento nos resultados de busca. Claro que a base do SEO continua sendo a mesma &#8211; \u00e9 fundamental aplicar as otimiza\u00e7\u00f5es on-page e off-page, que foram citadas ao longo da palestra, pois [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11548,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1192,1176],"tags":[1362],"class_list":["post-11533","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-empreendedorismo","category-marketing-digital","tag-seo"],"_links":{"self":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/11533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/comments?post=11533"}],"version-history":[{"count":5,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/11533\/revisions"}],"predecessor-version":[{"id":35723,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/11533\/revisions\/35723"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media\/11548"}],"wp:attachment":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media?parent=11533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/categories?post=11533"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/tags?post=11533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}