Técnicas de SEO para celular
Milhões de usuários hoje em dia acessam a web usando smartphones com Android, iOS ou Windows. Portanto, tornou-se imperativo que os sites se adaptassem a esse ambiente em mudança e fizessem as alterações adequadas no design do site para atrair mais audiência.
A versão para desktop de um site pode ser difícil de visualizar e usar em um dispositivo móvel. A versão que não é compatível com dispositivos móveis requer que o usuário aperte ou aplique zoom para ler o conteúdo. Os usuários acham essa experiência frustrante e provavelmente abandonarão o site. Em contraste, uma versão compatível com dispositivos móveis é legível e imediatamente utilizável.
Uma atualização recente do Google torna obrigatório que um site seja compatível com dispositivos móveis para ser eficaz nos mecanismos de pesquisa móveis. Observe que um site que não é compatível com dispositivos móveis também não terá nenhum impacto nos mecanismos de pesquisa normais.
Neste capítulo, veremos como tornar um site compatível com dispositivos móveis a fim de garantir que os visitantes que acessam o site de dispositivos móveis tenham uma experiência otimizada.
O que é SEO móvel?
Otimização de mecanismos de pesquisa para dispositivos móveis é o processo de projetar um site para torná-lo adequado para visualização em dispositivos móveis de diferentes tamanhos de tela com baixa largura de banda. Além de seguir todas as regras de SEO que se aplicam a um site para computador, precisamos tomar cuidado adicional ao projetar um site para dispositivos móveis. Um site é otimizado para celular se tiver os seguintes atributos -
Um bom site para celular tem um design responsivo que funciona bem em desktops e também em dispositivos móveis. Além de reduzir a manutenção do site, torna o conteúdo consistente para os buscadores.
O conteúdo de um bom site para celular é fácil de ler em um dispositivo móvel, sem a necessidade de ampliar a tela. Possui fontes, cores e layouts apropriados.
É fácil navegar por um bom site para celular em uma tela pequena. Ele fornece links e botões que podem ser facilmente manobrados com o dedo.
Um bom site para celular é leve, de modo que leva menos largura de banda e tempo para carregar nas redes móveis.
A página inicial de um site móvel desempenha o papel mais importante em conectar os usuários ao conteúdo que procuram. Portanto, bons sites para celular garantem que os links mais importantes sejam exibidos na página inicial para que tenham visibilidade suficiente.
A classificação de um site depende muito de sua facilidade de uso. Você pode seguir as diretrizes fornecidas abaixo para criar um ótimo site compatível com dispositivos móveis.
Otimize seu site para celular
Se o seu site já está otimizado para mecanismos de pesquisa, não deve ser muito difícil otimizá-lo para dispositivos móveis. Primeiro, vamos entender o que é preciso para se tornar móvel. Podemos categorizar as etapas em três categorias amplas -
Step 1 - Selecione uma configuração móvel
Step 2 - Informe os motores de busca
Step 3 - Evite erros comuns
Selecione uma configuração móvel
Existem três configurações móveis diferentes que você pode escolher -
Step 1 - Web Design Responsivo
Step 2 - Exibição dinâmica
Step 3 - URLs separados
Cada um tem suas próprias vantagens e desvantagens. O Google recomenda um design responsivo, no entanto, ele oferece suporte às três configurações. A tabela a seguir mostra como a configuração móvel afeta seu URL e código HTML -
| Configuração Móvel | URL | HTML |
|---|---|---|
| Web design responsivo | Continua o mesmo | Continua o mesmo |
| Serviço Dinâmico | Continua o mesmo | HTMLs diferentes |
| URLs separados | URLs diferentes | HTMLs diferentes |
Web design responsivo
O Google recomenda web design responsivo porque é a configuração móvel mais simples e muito fácil de implementar. Ele serve o mesmo código HTML no mesmo URL, mas ajusta a exibição com base no tamanho da tela do dispositivo móvel.
Serviço Dinâmico
A exibição dinâmica é um tipo de configuração móvel em que o URL do seu site permanece inalterado, mas veicula um conteúdo HTML diferente quando acessado de um dispositivo móvel.
Quando seu conteúdo é veiculado dinamicamente a partir do servidor, certifique-se de informar ao Google que o conteúdo que ele está rastreando pode ter uma aparência diferente em dispositivos móveis. Uma das principais desvantagens dessa abordagem é que você terá que fazer um processamento adicional em seu conteúdo no nível do servidor antes de dividi-lo para o usuário. Essa abordagem coloca carga desnecessária em seu servidor e o torna lento.
URLs separados
Ao manter dois URLs diferentes - um para usuários de celular e outro para usuários de desktop - certifique-se de informar ao Google explicitamente quando fornecer qual versão. O Google não recomenda URLs separados porque ele pode detectar automaticamente que suas páginas para celular são diferentes das páginas para desktop.
Essa abordagem não é prática quando você tem um grande site porque manter duas versões do mesmo site exigirá o dobro de esforço e dinheiro. Ao mesmo tempo, você não pode evitar várias discrepâncias em seu conteúdo, mantendo duas versões.
Do ponto de vista de SEO, cada URL funciona separadamente. Portanto, a classificação do seu computador nunca será adicionada à classificação móvel e sempre será considerada como sites separados. Não recomendamos manter URLs diferentes para as versões para celular e desktop se você quiser aproveitar os benefícios do SEO.
Informe os motores de busca
Certifique-se de que o Google e outros mecanismos de pesquisa entendam sua configuração móvel. Mais importante de tudo, o Google deve entender sua página para que possa classificar seu site corretamente. A forma como você informa o Google depende de qual configuração móvel - web design responsivo, veiculação dinâmica ou URLs separados - você optou.
Caso seu site tenha um responsive design,Os algoritmos do Google podem entendê-lo automaticamente, sem que você precise informar ao Google. Quando você tiver um design responsivo, certifique-se de ter a seguinte metatag no cabeçalho da sua página da web -
<meta name="viewport" content="width=device-width, initial-scale=1.0">A janela de visualização decide como sua página da web será exibida em um dispositivo. Um site com design responsivo varia seu tamanho de acordo com o tamanho da tela do dispositivo. Declare uma janela de visualização para que sua página da web seja exibida corretamente em qualquer dispositivo.
Se o seu site for dynamically served, certifique-se de permitir que o Google detecte sua configuração usando o cabeçalho HTTP Vary -
Vary: User-Agento VaryO cabeçalho é importante para informar aos mecanismos de pesquisa que diferentes conteúdos serão veiculados em desktops e dispositivos móveis. Este cabeçalho é muito importante quando o seu conteúdo é servido por qualquer sistema de cache como umContent Delivery Network e esses sistemas farão uso desse cabeçalho ao veicular conteúdo em diferentes dispositivos.
No caso de você manter separate URLs, por exemplo, example.com e m.example.com, então você pode informar o Google adicionando um especial link rel=alternate tag em sua versão para desktop e vice-versa, como segue.
Desktop page should have following in its header:
<link rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:
<link rel="canonical" href="http://www.example.com" >Evite erros comuns
Para otimizar o seu site para dispositivos móveis, evite cometer os seguintes erros -
Slow Mobile Pages- As redes móveis são mais lentas em comparação com as redes de Internet com fio, por isso é importante prestar atenção na velocidade de carregamento de suas páginas móveis. É um fator crítico de classificação do Google. Use uma ferramenta de SEO móvel para descobrir a velocidade de sua página móvel. O Google oferece uma série de boas ferramentas que você pode usar. Navegue no seguinte link -https://www.google.com/webmasters/tools/mobile-friendly/
Don't Block CSS and JavaScript- O Google recomenda o uso de CSS e Javascripts embutidos em sites compatíveis com dispositivos móveis para que possam ser baixados junto com o conteúdo. Portanto, se você não tem muito CSS, tente ajustá-lo na própria tag; mas se você estiver usando muito CSS em arquivos separados, tente incluí-lo na parte inferior, o que irá parar de bloquear o download de outro conteúdo. A mesma regra se aplica ao Javascript, que pode ser mantido dentro da própria página ou incluído na parte inferior da página. Se você puder evitar a inclusão do arquivo no topo da página, useasync atributo enquanto os inclui.
<script async type="text/javascript" src="jquery.js"></script>Mobile Redirects- Como as redes móveis são normalmente lentas, muitos redirecionamentos podem prejudicar a velocidade da página. Se você estiver mantendo vários URLs, certifique-se de que todos os seus links apontem para as páginas relevantes. Caso você mantenha vários URLs e reconheça que um usuário está visitando uma página para computador a partir de um dispositivo móvel e você tem uma página móvel equivalente em um URL diferente, redirecione o usuário para esse URL em vez de exibir um erro 404.
Heavy Images- Imagens pesadas aumentam o tempo de carregamento, porém não podemos nos livrar totalmente delas, pois são úteis e eficazes. Portanto, você deve manter um bom equilíbrio entre texto e imagens pesadas. Use uma boa ferramenta para otimizar suas imagens e salvá-las em baixa resolução para evitar downloads pesados.
Avoid plug-ins and pop-ups- Plug-ins como Flash e Java podem não estar disponíveis no dispositivo móvel do usuário. Sempre certifique-se de não ter nenhum conteúdo que não possa ser reproduzido em sua página móvel. Evite usar pop-ups em páginas móveis porque fica muito complicado fechá-los em um dispositivo móvel.
Ao criar uma página para celular, sempre tenha em mente que o usuário tem espaço limitado para trabalhar. Portanto, você precisa ser o mais conciso possível ao criar títulos, URLs e meta-descrições - é claro, sem comprometer a essência ou a qualidade das informações.
Ferramentas Úteis
Aqui está uma lista de algumas ferramentas úteis que você pode usar para descobrir se o seu site é otimizado para celular -
Google Webmaster Tools - Use as ferramentas e técnicas disponíveis do Google para entender o que deve ser usado e o que deve ser evitado ao projetar sites para desktop e também para dispositivos móveis.
Mobile Emulator - Permite que você veja como seu site aparece em uma ampla variedade de dispositivos móveis.
Moz Local - Use esta ferramenta para garantir que seu SEO local está em ordem.
Responsive Web Design Testing Tool - Use essa ferramenta para ver a aparência do seu site responsivo em uma variedade de dispositivos móveis com diferentes tamanhos de tela padrão.
Screaming Frog - Esta é uma ferramenta útil que permite analisar seu site e verificar todos os redirecionamentos.
User Agent Switcher - Este é um add-on do Firefox que você pode usar para descobrir como fica o seu site quando acessado por um agente de usuário diferente.