Como criar um site mobile

Os trafego de acesso via celulares e tablets tem crescido muito nos últimos anos e tendem a crescer mais ainda. Com o aumento deste volume de acesso, é bom que o seu site ou blog esteja preparado para receber este tipo de visitante. Para isso, nada como simplificar o site para que as pequenas resoluções possam acompanhar de melhor forma o conteúdo publicado no seu site.

Para quem trabalha com a plataforma WordPress, alguns temas já vem com a plataforma mobile incluída que geralmente tem o mesmo design da plataforma desktop. Já quem tem um blog criado pelo Blogger, a interface para aparelhos mobiles é única e não é nem um pouco agradável para os visitantes. O bom é que dica que temos também serve para o Blogger e principalmente para ele.

Para quem não conhece o DudaMobile é uma ferramenta que em parceria com a Google permite que qualquer usuário possa criar uma versão mobile para o seu site gratuitamente. Tudo é feito de forma simples, rápida e fácil e no final da criação e personalização do seu layout mobile, você ainda pode criar registros nas configurações de domínio do seu site para redirecionar os acessantes para o endereço mobile do seu site, como por exemplo m.internetdicas.com.br. E além disso, você ainda pode adicionar widgets no seu site mobile e ainda incorporar o Google AdSense nele.

Vamos ao tutorial

1 – Acesse www.dudamobile.com e digite o seu site onde diz “Enter your website URL”
2 – Espere carregar e escolha o modelo do seu blog e em seguida clique em “aplicar” e clique no botão “próximo”.
3 –  Vai aparecer uma tela com opções básicas para o seu site. Recomenda-se que você clique em “completo” para poder visualizar as opções com widgets adicionais para o seu blog.
4 – Mude a aparência do seu layout mobile acrescentando o que você quiser e novamente clique em “próximo” e escolha o seu plano. Caso seja o plano grátis, selecione o plano básico e abaixo cadastre-se digitando o seu endereço de e-mail e senha para finalizar a criação da plataforma mobile do seu site.
5 – A URL mobile do seu site será gerada, junta a um código que você deverá inserir após a TAG

do seu site. Caso você queira fazer o redirecionamento personalizado, clique na caixinha abaixo, onde diz “OPCIONAL: Configurar uma URL m.companyname.com”. (opção disponível apenas para assinantes premiuns)
6 – Insira o seu endereço mobile, como por exemplo m.seusite.com.br (sempre que um usuário acessar de uma plataforma mobile o seu site, ele será redirecionado para m.seusite.com.br ou o endereço que você configurou).
7 – Feito o passo 6, sigas as instruções para a configuração de CNAME no seu domínio e pronto.

Bruce: