Criar um site compatível com dispositivos móveis

Ter um site compatível com dispositivos móveis é essencial para garantir uma boa experiência ao usuário que acessa seu conteúdo via smartphone. Há três principais abordagens para o desenvolvimento de sites móveis:

• Web design responsivo: utiliza o mesmo código HTML e URL para todos os dispositivos, adaptando o layout conforme o tamanho da tela. Essa é a abordagem recomendada pelo Google por sua facilidade de implementação e manutenção.
• Exibição dinâmica: mantém o mesmo URL, mas serve HTML diferente baseado na identificação do dispositivo pelo user-agent do navegador, ajustando o conteúdo conforme o dispositivo.
• URLs separados: utiliza URLs diferentes e HTML distinto para computador e dispositivos móveis, redirecionando o usuário ao site apropriado com base no dispositivo.

Embora o design responsivo seja o ideal, este guia foca principalmente nas práticas para exibição dinâmica e URLs separados, onde o conteúdo e o código podem diferir entre as versões para desktop e mobile.

Garantir que o Google consiga acessar e renderizar seu conteúdo

Para que o Google indexe e classifique seu site corretamente, ele precisa acessar e renderizar todas as partes relevantes do conteúdo móvel. É importante:

• Manter as mesmas meta robots entre suas versões móvel e desktop, evitando usar tags incompatíveis que impeçam a indexação, como noindex.
• Evitar carregar conteúdo principal apenas mediante interação do usuário, como toques ou cliques, já que o Google pode não conseguir acessar esse conteúdo carregado de forma preguiçosa.
• Garantir que os arquivos essenciais, como scripts, CSS, imagens e vídeos, não estejam bloqueados no robots.txt e possa ser rastreados e renderizados pelo Google.

Assegurar que o conteúdo seja equivalente entre versões desktop e móvel

Para uma indexação eficiente e classificação adequada, as versões móvel e desktop devem conter conteúdo principal equivalente. Embora o design e o layout possam variar para melhorar a experiência em dispositivos móveis (como uso de accordions ou guias), o conteúdo textual e informativo essencial deve estar disponível em ambas as versões.

• Evite reduzir drasticamente o conteúdo no site móvel, isso pode impactar negativamente o tráfego e o ranking do site.
• Use títulos e cabeçalhos claros e consistentes em ambas as versões para facilitar a compreensão do conteúdo pelo Google.

Verificar e manter dados estruturados consistentes

Os dados estruturados são fundamentais para melhorar como seu conteúdo aparece nos resultados de pesquisa. Para garantir que o Google reconheça esses dados, tenha certeza de:

• Inclusão dos mesmos tipos e marcações de dados estruturados nas versões móvel e desktop.
• Atualização correta dos URLs dentro dos dados estruturados para as versões móveis, quando utilizarem URLs separados.
• Utilização de ferramentas de verificação, como o Marcador de Dados e a Ferramenta de Inspeção de URLs do Google, para monitorar erros e garantir que os dados sejam corretamente rastreados.

Usar os mesmos metadados nas versões para desktop e mobile

O título da página (title) e a metadescrição são elementos-chave para SEO e devem ser idênticos nas versões móvel e desktop do seu site para evitar discrepâncias na forma como a página é exibida nos resultados de pesquisa.

Considerações sobre anúncios no site móvel

O uso excessivo ou inadequado de anúncios pode prejudicar a experiência do usuário e impactar negativamente o posicionamento nas pesquisas. Siga as recomendações da Better Ads Standards ao inserir anúncios, evitando, por exemplo, anúncios intrusivos no topo da página móvel que ocupem grande espaço e dificultem a navegação.

Cuidados com conteúdo visual em sites móveis

Imagens

Certifique-se de que as imagens em sua versão móvel seguem as melhores práticas para garantir boa qualidade e indexação:

• Utilize imagens de alta qualidade e resolução adequada para dispositivos móveis.
• Empregue formatos de imagem suportados pelo Google, evitando, por exemplo, imagens .jpg inseridas dentro de SVG que não são indexadas corretamente.
• Evite usar URLs dinâmicos para as imagens, já que isso pode dificultar o rastreamento pelo Google.
• Mantenha o mesmo texto alternativo (alt) nas imagens tanto na versão móvel quanto na desktop, garantindo acessibilidade e melhor reconhecimento.
• Use títulos, legendas, nomes de arquivos e demais descrições relevantes de forma consistente entre as versões.

Se usar URLs diferentes para imagens em mobile, pode haver uma queda temporária no tráfego até que o Google reúna dados suficientes para dar um bom ranqueamento.

Vídeos

Os vídeos também devem ser bem configurados para mobile:

• Não utilize URLs dinâmicos para vídeos, para garantir sua correta indexação.
• Use formatos compatíveis e insira vídeos em tags HTML reconhecíveis, como <video>, <embed> ou <object>.
• Adote dados estruturados de vídeo equivalentes nas versões móvel e desktop.
• Coloque o vídeo em local facilmente acessível no layout móvel para evitar que usuários tenham que rolar excessivamente para encontrá-los.

Práticas recomendadas adicionais para sites com URLs separados

Se seu site utiliza URLs distintas para desktop e mobile, é importante seguir cuidados adicionais:

• Assegure que códigos de status HTTP de erros sejam iguais em ambas as versões. Evite que a versão móvel apresente erros enquanto a desktop está normal.
• Evite fragmentos (#) em URLs móveis, pois geralmente não são indexados.
• Garanta que versões desktop com conteúdo diferente tenham suas respectivas versões móveis equivalentes para evitar que páginas sejam omitidas do índice.
• Monitore atuações e mensagens do site móvel e desktop no Search Console, contextualizando eventuais alterações de dados causadas pela indexação mobile-first.
• Configure corretamente os links hreflang para internacionalização, associando URLs móveis com seus equivalentes móveis e os desktops com os seus respectivos URLs, evitando erros de direcionamento.
• Prepare sua infraestrutura móvel para suportar um possível aumento de rastreamento pelo Google.
• Certifique-se de que as regras do robots.txt estejam sincronizadas entre versões desktop e móvel.
• Utilize corretamente as tags rel=canonical e rel=alternate, definindo o URL desktop como canônico e o móvel como alternativo.

Solução de problemas comuns na indexação mobile-first

Ao migrar para a indexação que prioriza dispositivos móveis, é comum se deparar com algumas questões que podem afetar a visibilidade e performance do site:

Dados estruturados ausentes

A falta de dados estruturados na versão móvel prejudica a indexação aprimorada pela Google. O ideal é garantir que a marcação seja idêntica nas duas versões do site e corrigir quaisquer erros indicados nas ferramentas de dados estruturados.

Tag noindex nas páginas móveis

Tags noindex presentes nas páginas móveis impedem a indexação. Mantenha as mesmas diretivas de indexação entre as versões móveis e desktop, evitando o uso da tag noindex nas páginas móveis que devem ser indexadas.

Imagens ausentes ou bloqueadas

Imagens importantes devem estar presentes na versão móvel e não devem ser bloqueadas no robots.txt. Também deve-se assegurar que essas imagens sejam otimizadas e que o texto alternativo esteja presente e seja equivalente.

Imagens de baixa qualidade

Evite usar imagens de baixa resolução ou muito pequenas, pois podem prejudicar a experiência do usuário e a indexação pela Google.

Texto alternativo ausente

Textos alternativos devem ser incluídos nas imagens para descrever seu conteúdo, garantindo acessibilidade e melhora da indexação.

Título e metadescrição ausentes

Esses elementos são vitais para SEO e exigem que as versões móvel e desktop tenham equivalência para evitar perda de tráfego.

URLs móveis apresentam erro ou fragmentos

Se a versão móvel estiver apresentando erros de página ou tiver fragmentos de URL, as páginas não serão indexadas. Corrija esses problemas para garantir a presença no índice do Google.

Páginas móveis bloqueadas por robots.txt

Regras de bloqueio no robots.txt que impedem o rastreamento de páginas móveis importantes devem ser ajustadas para que o Google possa acessar o conteúdo.

Destino duplicado e redirecionamento incorreto

Evite que várias páginas desktop redirecionem para uma única página móvel, como a página inicial, pois isso elimina páginas do índice. Garanta correspondência correta entre as URLs móvel e desktop.

Problemas de qualidade

Conteúdos móveis de baixa qualidade com problemas de anúncios invasivos, elementos faltantes ou títulos confusos prejudicam o posicionamento na busca.

Problemas com vídeos

Vídeos em formatos incompatíveis, lentos para carregar ou posicionados em áreas difíceis da página impactam negativamente a experiência e o SEO.

Capacidade insuficiente do servidor

Certifique-se que o servidor consegue lidar com a possível maior quantidade de requisições do Googlebot móvel para evitar quedas e lentidão.

Considerações finais

A indexação que prioriza dispositivos móveis é o padrão utilizado pelo Google para analisar e classificar conteúdos, refletindo a importância crescente do acesso móvel. Garantir que seu site seja bem otimizado para dispositivos móveis, com conteúdo consistente e boas práticas de SEO, não só melhora a experiência do usuário, mas também aumenta suas chances de obter um bom desempenho nos resultados de busca.

Siga estas práticas recomendadas com atenção e utilize as ferramentas disponibilizadas pelo Google, como o Search Console, para manter seu site sempre alinhado com os requisitos do Google e competitivo em sua área de atuação.