Na Parte 01, vimos alguns aspectos do design responsivo voltado para mobile, como arquitetura da informação, design para usuário e tables. Nesta segunda e última parte, daremos continuidade ao tema, mas com foco em Google Analytics, SEO e otimização.

Google Analytics

Quando estiver satisfeito com a estrutura do seu site, é necessário que você seja capaz de controlar seu uso. Jeff Tirey em Mongoose Metrics escreveu recentemente sobre seu estudo fantástico que constatou que em 37% dos sites que estão a) usando o Google Analytics e b) também têm diferentes versões móveis de seu site, a versão móvel não está sendo controlada! Isso é loucura. E é simples de corrigir.

1. O seu código de monitoramento está implementado corretamente?

Se você não tiver adicionado o código de rastreamento ao seu site móvel, faça isso agora. Se não tem certeza se deve usar a versão não-Javascript especial, tenha em mente que você deve ser capaz de ignorar a opção especial “acompanhamento de um site móvel”. Em vez disso, você deve usar o mesmo código Javascript que você usa em seu site desktop.

A exceção (rara) para isso seria se você tiver uma quantidade desproporcional de tráfego de usuários com feature phones que você precisa acompanhar. Feature phones não suportam Javascript, de modo que o código de rastreamento normal não pode acompanhar essas visitas. No entanto, essa é uma situação improvável, já que a maioria dos sites não tem muito tráfego desses tipos de telefones. Se estiver preocupado com isso, você pode verificar os registros do site do servidor para visitas de agentes com feature phones.

2. O seu site dados móveis que estão sendo monitorados através de seu domínio principal?

Você deve acompanhar o seu sites mobile na mesma propriedade da web (ou seja, usando o mesmo número de conta UA-XXXXX-Y), como o seu site para usuários desktop. Isso requer um simples ajuste no código em ambas as versões, a fim de indicar ao GA que o seu site m.domain.com é um subdomínio de seu site principal. Você também deve definir um perfil especial, exclusivamente para o tráfego a m.domain.com. Para saber mais, confira as dicas do Google:

• Como configurar o rastreamento crossdomain
• Como configurar um novo perfil

SEO técnico

1. Você tem um sitemap XML da versão mobile do seu site?

Mesmo se você tiver um sitemap HTML da versão mobile do site, ele é a melhor prática para criar um sitemap XML para o seu site móvel, e enviá-lo para o Google e o Bing. Para saber mais sobre como criar um sitemap do site móvel, confira este estas instruções a partir do blog do Google Webmaster Tools.

2. Como o Google sabe que é um site móvel e não conteúdo duplicado?

Para certificar-se de que o Google tenha conhecimento de que o seu site móvel é uma entidade separada de seu site principal, é melhor implementar a tag especial móvel rel=canonical. A fim de indicar ao Google que o seu site móvel não é apenas o conteúdo duplicado, você pode usar uma versão especial da tag rel=canonical. Na página de desktop, adicione a tag rel=alternate:

< <link rel=”alternate” media=”only screen and (max-width: 640px)” href=”http://m.example.com/page-1″ >

Essa tag apontará para a versão móvel.

Na página móvel, adicione a tag rel=canonical:

<link rel=”canonical” href=”http://www.example.com/page-1″ >

Essa tag apontará para a versão desktop. Simples assim!

3. Certifique-se de que você não está bloqueando o “Smartphone-Googlebot” da sua versão desktop em robots.txt, e não bloqueie o Googlebot regular a partir da versão móvel.

O Bing é um pouco mais ambíguo em seus conselhos (de março de 2012):

“Ocasionalmente, pode fazer sentido manter algumas URLs dirigidas a clientes específicos (por exemplo, dispositivos móveis), que você pode optar por bloquear a partir de nós através dos métodos usuais (robots.txt, ferramentas para webmasters) ou não.” (O destaque é meu.).

Uma vez que a orientação não é clara, eu recomendaria a abordagem menos drástica. Meu conselho é permitir ao Bing rastrear seus sites móveis e desktop. Você pode optar por seguir minha recomendação… Ou não.

Otimização On-page

1. As suas meta tags são amigáveis para mobile?

Desde que as telas móveis são menores, há menos caracteres exibidos nas SERPs. Para se adaptar ao tamanho de tela menor, é importante que sua meta tags seja formatada em um estilo amigável para mobile.

Para obter os melhores resultados, suas tags de título devem ser mantidas dentro de 40-60 caracteres. Da mesma forma, meta descrições devem ser mantidas dentro de 90 caracteres.

2. Você está visando palavras-chave amigáveis para mobile?

Está se tornando cada vez mais importante fazer sua pesquisa de palavras-chave especificamente para o tráfego móvel. Os visitantes móveis provavelmente estarão à procura de resultados diferentes em relação aos visitantes de desktop, por isso você deve estabelecer as bases corretamente.

Otimizar o conteúdo do seu site móvel para palavras-chave móveis também é uma ótima maneira de classificar altamente nas SERPs móveis (isso pode ou não ser necessário, dependendo se eles são diferentes do seu site desktop).

3. O seu tempo de carregamento do site é lento demais?

A meta para o seu tempo de carregamento do site deve ser em torno de 2-3 segundos. Depois de esperar cinco segundos para uma página para carregar, 74% dos usuários móveis desistem.

Você pode verificar o tempo de carregamento da página no Google Analytics. Use seu perfil do site móvel (muitas vezes o tempo de carregamento de desktop é muito diferente, o que vai atrapalhar as médias). Se ainda não possui os dados em um perfil do site móvel separado, você também pode verificar isso usando o seu segmento personalizado para dispositivos móveis não-tablets.

Outra forma de aumentar a velocidade de carregamento do seu site é compactar as imagens grandes. Certifique-se de verificar outros elementos da página, como Javascript e vídeos, com um emulador móvel como Gomometer do Google. Lembre-se de que certos formatos, como o Flash, não são exibidos na maioria dos celulares, por isso tenha consciência do que funciona e do que não funciona. Além disso, lembre-se de ter cuidado com o Javascript para poder usar a abordagem correta para seu projeto.

Extras

Escrevi alguns conselhos a mais para aqueles de vocês que chegaram até aqui. Continue lendo!

1. Você está perdendo vitórias fáceis de e-commerce (se aplicável)?

Para manter a sua taxa de conversão de otimização, aqui estão alguns pontos a considerar:

• Certifique-se de que os carrinhos de compra do seu site sejam sincronizados em todas as plataformas.
• Implemente botões maiores para que os visitantes não tenham problemas para clicar corretamente em seu dispositivo.
• Apresente uma opção “encontrar-a-loja”.
• Use click-to-call para quaisquer números de telefone listados em seu site.
• Tenha um botão de check-out fácil. O ideal seria um com um clique para os clientes poderem concluir seus pedidos.

2. Você está usando marcação de dados estruturados sempre que necessário?

Utilize a marcação adequada em seu desktop e sites móveis onde isso fizer sentido. Isso deve permitir que rich snippets apareça em SERPs móveis.

3. O seu site móvel é otimizado para busca local?

Aproximadamente 40% das pesquisas móveis são locais. Há duas formas grandes para aproveitar esse fato:

• Faça uso de recursos de geo-posicionamento, como HTML5 Geolocation API.
• Aperfeiçoe a sua estratégia móvel para Local Search. Isso também está relacionado ao uso de dados estruturados (como acima).

4. O seu conteúdo de vídeo é otimizado para visualização em dispositivos móveis?

O vídeo é uma das coisas mais comuns que as pessoas fazem em seus dispositivos móveis. Para tornar o processo o mais fácil possível, considere o seguinte:

• Não use Flash para conteúdo de vídeo incorporado; use HTML5.
• Confira as dicas sobre otimização de vídeo para celular.

Bem, é isso aí, pessoal! Espero que esta lista tenha vindo a calhar para aqueles que querem otimizar um site móvel.

***

Artigo traduzido pela Redação iMasters, com autorização do autor. Publicado originalmente em http://www.seomoz.org/blog/how-to-optimize-a-mobile-site