<http://schema.org/articleBody>
"H\u00E1 alguns anos ter um site mobile era um diferencial. Hoje, para quem se preocupa com sua presen\u00E7a na internet, estar preparado para receber usu\u00E1rios de dispositivos m\u00F3veis \u00E9 vital. Afinal, para muitos brasileiros o primeiro, e muitas vezes \u00FAnico, contato com a internet tem sido atrav\u00E9s de um celular.\r\n\r\n&lt;h2&gt;O impacto no trabalho de SEO&lt;/h2&gt;\r\nPara que todo o trabalho de desenvolvimento de uma vers\u00E3o mobile seja bem aproveitado atraindo visitantes dos mecanismos de busca \u00E9 preciso que ele obede\u00E7a \u00E0s diretrizes de qualidade do Google e n\u00E3o \u2018atrapalhe\u2019 o desempenho da vers\u00E3o desktop. Para isso alguns cuidados s\u00E3o necess\u00E1rios, dependo do tipo de site mobile que est\u00E1 sendo desenvolvido.\r\n\r\n&lt;h2&gt;Tipos de site mobile&lt;/h2&gt;\r\nH\u00E1, basicamente, tr\u00EAs tipos de site mobile mais utilizados:\r\n\r\n&lt;h3&gt;Sites responsivos&lt;/h3&gt;\r\n\r\nEsse \u00E9 o modelo indicado pelo Google, apesar de que os outros dois tipos, se configurados corretamente, funcionam muito bem. Nesse caso o conte\u00FAdo \u00E9 o mesmo, nas mesmas URLs, mas o site se adapta a diversos tamanhos de tela usando recursos do CSS.\r\n\r\nEsse tipo de site n\u00E3o gera muito problema para a estrat\u00E9gia de SEO porque as p\u00E1ginas s\u00E3o as mesmas. O \u00FAnico cuidado necess\u00E1rio \u00E9 &lt;b&gt;n\u00E3o bloquear via robots.txt&lt;/b&gt; os recursos necess\u00E1rios para o Google conseguir renderizar a p\u00E1gina, como diret\u00F3rios de arquivos CSS e JS. \u00C9 preciso que os rob\u00F4s tenham acesso para entender que o layout \u00E9 adapt\u00E1vel.\r\n\r\n&lt;h3&gt;Sites din\u00E2micos&lt;/h3&gt;\r\n\r\nEsse tipo apresenta conte\u00FAdos diferentes para usu\u00E1rios em dispositivos m\u00F3veis usando as mesmas URLs do site desktop. O layout \u00E9 adaptado via programa\u00E7\u00E3o no momento do acesso.\r\n\r\nPara saber qual conte\u00FAdo exibir, o dispositivo que est\u00E1 acessando o site \u00E9 identificado atrav\u00E9s do cabe\u00E7alho HTTP Vary. Ap\u00F3s a identifica\u00E7\u00E3o do user agent*, o site deve exibir o melhor conte\u00FAdo para ele. Isso vai guiar n\u00E3o somente os navegadores dos usu\u00E1rios, mas tamb\u00E9m os rob\u00F4s de busca do Google.\r\n\r\n&lt;h3&gt;Sites em URLs diferentes (m.site.com)&lt;/h3&gt;\r\n\r\nO site mobile \u00E9 desenvolvido separadamente e hospedado, geralmente, em um subdom\u00EDnio &lt;i&gt;m.site.com&lt;/i&gt;.\r\n\r\nPara esse tipo de site mobile \u00E9 muito importante atentar para as configura\u00E7\u00F5es necess\u00E1rias para preservar o SEO do site. Lembre-se de usar corretamente as tags \"alternate\" e \"canonical\" para prevenir a duplica\u00E7\u00E3o de conte\u00FAdo e relacionar a vers\u00E3o mobile com a vers\u00E3o desktop.\r\n\r\nNas p\u00E1ginas para desktop &lt;code&gt;a tag rel=\"alternate\"&lt;/code&gt; indica que exite uma outra vers\u00E3o da p\u00E1gina, uma vers\u00E3o alternativa. Essa tag \u00E9 inserida na se\u00E7\u00E3o &amp;lt;head&amp;gt; do HTML, no seguinte formato:\r\n&lt;pre&gt;&amp;lt;link rel=\"alternate\" media=\"only screen and (max-width: 640px)\" href=\"http://m.site.com.br/pagina-1.html\" /&amp;gt;&lt;/pre&gt;\r\nNote que a p\u00E1gina indicada deve ser a exata correpondente na vers\u00E3o mobile. \u00C9 errado usar a p\u00E1gina inicial do site em todas as tags alternate, por exemplo.\r\n\r\nDa mesma forma, &lt;strong&gt;nas p\u00E1ginas para dispositivos m\u00F3veis&lt;/strong&gt; \u00E9 preciso adicionar, no &amp;lt;head&amp;gt; do HTML de cada p\u00E1gina, uma tag rel=\"canonical\" apontando para a URL desktop correspondente. Dessa forma:\r\n&lt;pre&gt;&amp;lt;link rel=\"canonical\" href=\"http://www.site.com.br/pagina-1.html\" /&amp;gt;&lt;/pre&gt;\r\nEssa tag vai mostrar ao rob\u00F4 de busca, enquanto ele rastreia as p\u00E1ginas mobile, qual \u00E9 a vers\u00E3o original da p\u00E1gina. Isso previne a duplica\u00E7\u00E3o de conte\u00FAdo.\r\n\r\nTamb\u00E9m \u00E9 poss\u00EDvel indicar a URL \"alternate\" atrav\u00E9s do &lt;strong&gt;sitemap&lt;/strong&gt; de p\u00E1ginas. Mas de qualquer forma, a tag \"canonical\" continua sendo necess\u00E1ria nas p\u00E1ginas da vers\u00E3o mobile para correta interpreta\u00E7\u00E3o dos mecanismos de busca.\r\n\r\nVeja como inserir a URL &lt;b&gt;alternate&lt;/b&gt;&lt;strong&gt; no sitemap&lt;/strong&gt;:\r\n\r\n&lt;pre class=\"lang-xml\"&gt;&amp;lt;?xml version=\"1.0\" encoding=\"UTF-8\"?&amp;gt;\r\n&amp;lt;urlset xmlns=\"http://www.sitemaps.org/schemas/sitemap/0.9\" xmlns:xhtml=\"http://www.w3.org/1999/xhtml\"&amp;gt;\r\n &amp;lt;url&amp;gt;\r\n &amp;lt;loc&amp;gt;http://www.site.com.br/pagina-1.html/&amp;lt;/loc&amp;gt;\r\n &amp;lt;xhtml:link\r\n  \u00A0\u00A0\u00A0rel=\"alternate\"\r\n  \u00A0\u00A0\u00A0media=\"only screen and (max-width: 640px)\"\r\n  \u00A0\u00A0\u00A0href=\"http://m.site.com.br/pagina-1.html\" /&amp;gt;\r\n &amp;lt;/url&amp;gt;\r\n&amp;lt;/urlset&amp;gt;&lt;/pre&gt;\r\n\r\nAl\u00E9m disso tamb\u00E9m \u00E9 muito importante fornecer os conte\u00FAdos adequados para cada tipo de dispositivo (identificando o user-agent*) atrav\u00E9s de redirecionamento com &lt;b&gt;status code 301&lt;/b&gt;. Assim como na configura\u00E7\u00E3o de sites din\u00E2micos (que falamos acima), isso ajuda n\u00E3o somente conduzir o navegador ao melhor conte\u00FAdo, como tamb\u00E9m ajuda os buscadores a saber que o site est\u00E1 preparado para receber acessos via desktop e mobile.\r\n\r\nPor fim, deixo um checklist de itens importantes para ter um site mobile bom para SEO\r\n&lt;ul&gt;\r\n\t&lt;li&gt;Em sites em subdom\u00EDnios, use corretamente as tags \"alternate\" e \"canonical\" para prevenir a duplica\u00E7\u00E3o de conte\u00FAdo e relacionar a vers\u00E3o mobile com a vers\u00E3o desktop corretamente;&lt;/li&gt;\r\n\t&lt;li&gt;Em sites din\u00E2micos e em subdom\u00EDnios direcione os usu\u00E1rios e user-agents* para a vers\u00E3o correta, identificando o dispositivo de acesso.&lt;/li&gt;\r\n\t&lt;li&gt;Em sites din\u00E2micos e responsivos, n\u00E3o bloqueie acesso aos diret\u00F3rios com os arquivos CSS e JS do layout;&lt;/li&gt;\r\n\t&lt;li&gt;D\u00EA a op\u00E7\u00E3o de o usu\u00E1rio acessar a vers\u00E3o desktop mesmo se acessar o site a partir de um celular. Ele pode se sentir mais confort\u00E1vel ou necessitar de alguma funcionalidade que existe apenas no desktop;&lt;/li&gt;\r\n\t&lt;li&gt;Adapte o conte\u00FAdo pensando no comportamento do usu\u00E1rio. Pessoas acessando a partir de celulares geralmente n\u00E3o l\u00EAem grandes textos ou esperam uma p\u00E1gina muito grande e pesada carregar. Otimize o conte\u00FAdo para mobile;&lt;/li&gt;\r\n\t&lt;li&gt;Acompanhe o Google Analytics e o Search Console para saber se sua vers\u00E3o mobile est\u00E1 se saindo bem.&lt;/li&gt;\r\n&lt;/ul&gt;\r\nTodo o investimento na cria\u00E7\u00E3o de um site mobile pode ser desperdi\u00E7ado se a preocupa\u00E7\u00E3o com SEO e com os usu\u00E1rios n\u00E3o for levada em conta. Ter um site mobile \u00E9 vital, o diferencial est\u00E1 em torn\u00E1-lo um aliado das demais estrat\u00E9gias de marketing digital. N\u00E3o poupe esfor\u00E7os nesse trabalho. Essas s\u00E3o algumas dicas b\u00E1sicas, voc\u00EA pode ir al\u00E9m ;)\r\n\r\n&lt;em&gt;*User-agent: Uma sequ\u00EAncia de caracteres que identificam navegadores e outras aplica\u00E7\u00F5es web. \u00C9 atrav\u00E9s do user-agent que \u00E9 poss\u00EDvel saber qual o dispositivo utilizado pelo usu\u00E1rio (smartphone, computador, etc), qual \u00E9 o navegador e outros detalhes.&lt;/em&gt;\r\n\r\n&amp;nbsp;\r\n"^^<http://www.w3.org/2001/XMLSchema#string>
<http://tableless.com.br/como-ter-um-site-mobile-bom-para-seo/>