Erros comuns

Esta página descreve alguns dos erros mais comuns cometidos por webmasters no processamento para dispositivos móveis.

JavaScript, CSS e arquivos de imagem bloqueados

Para renderização e indexação ideais, sempre permita que o Googlebot acesse o JavaScript, o CSS e os arquivos de imagem usados no seu site para que ele possa visualizar as páginas como um usuário comum. Se o arquivo robots.txt do seu site desativar o rastreamento desses elementos, o processamento e a indexação do conteúdo feitos por nossos algoritmos serão diretamente prejudicados. Isso pode resultar em classificações inferiores.

  1. Para garantir que seus arquivos de imagem, JavaScript e CSS possam ser rastreados pelo Googlebot, use a Ferramenta de inspeção de URL no Search Console. A ferramenta mostra como o Googlebot vê e processa seu conteúdo, além de ajudar a identificar e corrigir vários problemas de indexação no site.

  2. Verifique e teste seus arquivos robots.txt no Search Console.

  3. Teste suas páginas para dispositivos móveis com o Teste de compatibilidade com dispositivos móveis a fim de verificar se nossos sistemas detectam seu site como sendo compatível com dispositivos móveis.

  4. Se você usar URLs diferentes para suas páginas de dispositivos móveis, teste tanto o URL para dispositivos móveis quanto o URL para computadores, a fim de confirmar se o redirecionamento foi reconhecido e pode ser rastreado.

Conteúdo que não pode ser reproduzido

Alguns tipos de vídeo ou conteúdo não podem ser reproduzidos em dispositivos móveis, como mídias com restrições de licença ou experiências que exigem Flash ou outros players que geralmente não são compatíveis com dispositivos móveis. Pode ser muito frustrante para um usuário não conseguir reproduzir conteúdo na página de um site.

Ao visitarem uma página que tenha conteúdo que não pode ser reproduzido em dispositivos móveis, os usuários verão uma mensagem de erro semelhante a esta:

Vídeo que não pode ser reproduzido

Isso fornece aos usuários uma experiência insatisfatória de uso em dispositivos móveis.

Em vez de utilizar um player de vídeo reservado ou colocar conteúdo em formatos não compatíveis, recomendamos o uso de tags padrão em HTML5 para incluir vídeos ou animações.

Para conteúdo animado, use animações HTML5 que funcionem em todos os navegadores da Web. O Google Web Designer facilita a criação dessas animações em HTML5.

  • Use padrões HTML5 em animações para oferecer uma boa experiência a todos os seus usuários.
  • Use uma incorporação de vídeo que possa ser reproduzida em todos os dispositivos.
  • Considere disponibilizar a transcrição do vídeo. Isso torna seu site acessível para pessoas que usam tecnologias de navegação assistida ou que têm navegadores que não podem reproduzir um formato de vídeo reservado.

Se quiser mais detalhes, leia sobre as práticas recomendadas para vídeos nos Fundamentos da Web do Google.

Problemas de redirecionamento

Se você tiver URLs diferentes para dispositivos móveis, recomendamos redirecionar os usuários desses dispositivos em cada URL de computador para o URL apropriado. Redirecionar o usuário para outras páginas (como a página inicial) não é correto.

Exemplos:

  • O servidor do seu site para computador está configurado para redirecionar usuários de dispositivos móveis à página inicial do site destinado a esse ambiente, independentemente de qual URL eles tenham solicitado. Isso ocorrerá mesmo que o site para dispositivos móveis tenha a página equivalente à página de redirecionamento para computador.
  • Os URLs do seu site para computador são gerados dinamicamente com parâmetros de URL que não mapeiam ao URL equivalente para dispositivos móveis. Por exemplo, um usuário que procura por uma tabela de horários de trem em uma determinada data no site para computador ficará frustrado se for redirecionado à página de pesquisa geral da tabela de horários no site para dispositivos móveis. Se você tiver um URL para dispositivos móveis equivalente, recomendamos configurar o redirecionamento corretamente para que os usuários acessem a página que estavam procurando.

  • Seu site para computadores redireciona alguns dispositivos móveis, mas não todos. Por exemplo, um site pode redirecionar somente usuários do Android, mas não redirecionar usuários do iPhone ou do Windows Phone para o site de dispositivo móvel.

  • Use o Search Console. Caso você seja um usuário verificado, enviaremos uma mensagem se detectarmos que alguma página do seu site redireciona os usuários de smartphone à página inicial.

  • Configure o servidor para que ele redirecione usuários de smartphone ao URL equivalente do site para esse dispositivo.

  • Se uma página do site não tiver um equivalente para smartphone, mantenha os usuários na página para computador, em vez de redirecioná-los à página inicial do site para smartphone. Nesse caso, não realizar ação alguma é melhor do que fazer algo errado.

  • Tente usar o Web design responsivo, que exibe o mesmo conteúdo para os usuários de computadores e os de smartphones.

Erros 404 somente para dispositivos móveis

Alguns sites exibem o conteúdo aos usuários de computadores que acessam um URL, mas apresentam uma página de erro aos de dispositivos móveis.

Erros 404 somente para dispositivos móveis

Para garantir a melhor experiência do usuário, se você perceber que um usuário está visitando uma página para computadores de um dispositivo móvel e você tiver uma página equivalente para dispositivos móveis em um URL diferente, redirecione o usuário a esse URL em vez de exibir um erro 404 ou uma página de erro soft 404. Verifique também se a página otimizada para dispositivos móveis não é uma página de erro.

Redirecionamentos bons
  • Use o Search Console. Se for um usuário verificado para o site, você receberá uma notificação na Central de mensagens.

  • Se você tiver um site para smartphones em um URL separado, configure seu servidor para que redirecione usuários de smartphones ao URL equivalente no seu site para smartphones.

  • Se você usar a "exibição dinâmica", será necessário que a detecção do user agent esteja configurada corretamente.

  • Se uma página no seu site não tiver um equivalente para smartphones, deixe os usuários na página para computadores. Exibir o conteúdo que o usuário procura é uma experiência muito melhor do que exibir uma página de erro.

  • Use o Web design responsivo quando possível. Essa configuração permite que você exiba o mesmo conteúdo aos usuários em qualquer dispositivo.

Evitar intersticiais

Muitos sites exibem intersticiais ou sobreposições que cobrem de maneira parcial ou completa os conteúdos da página que o usuário acessa. Esses intersticiais, que costumam ser vistos em dispositivos móveis promovendo o aplicativo nativo, os formulários de inscrição em listas de e-mails ou a publicidade de um site, criam uma experiência do usuário negativa. Em casos extremos, o intersticial é projetado para dificultar a ação do usuário de dispensá-lo para ver o conteúdo real da página. Como o espaço na tela de dispositivos móveis é limitado, qualquer intersticial causa um impacto negativo na experiência do usuário.

Intersticiais de download de aplicativos

Muitos webmasters promovem os próprios aplicativos nativos de negócios aos visitantes de sites para dispositivos móveis. Se não for executada com cuidado, essa ação poderá causar problemas de indexação e interromper o uso do site por esses visitantes.

Evitar intersticiais
O intersticial está impedindo que o usuário conclua tarefas.
Banner de aplicativo
O banner HTML permite que os usuários concluam tarefas enquanto o aplicativo é apresentado.
  • Use um banner simples para promover seu aplicativo in-line com o conteúdo da página. Esse banner pode ser implementado usando:

Uma prática comum quando um site atende a usuários em URLs para dispositivos móveis separados é ter links para a versão otimizada para computadores, assim como um link na página para computadores que leve o usuário à página para dispositivos móveis. É um erro comum ter links que levem a uma página irrelevante como em páginas com links à página inicial do site para computador.

  • Verifique se os links levam o usuário à página equivalente correta.

Páginas lentas para dispositivos móveis

É importante garantir que seu site para dispositivos móveis tenha um carregamento rápido. Talvez os usuários fiquem frustrados se tiverem que esperar muito para ver o conteúdo.

Use o PageSpeed Insights do Google para descobrir se sua página tem algum problema que deixa suas páginas lentas, lendo a subseção "Velocidade". Resolva os problemas marcados com "Precisa ser corrigido".

Para mais informações, consulte:

Definir corretamente sua janela de visualização

Como os usuários do seu site usam dispositivos com tamanhos de tela diferentes, suas páginas devem especificar uma janela de visualização usando a metatag correspondente. Ela informa os navegadores sobre como ajustar a dimensão e a escala da página para se adaptar ao dispositivo. Aqui estão dois problemas comuns:

  • Usar janelas de visualização com largura fixa. Isso faz com que a página não tenha uma boa escala para todos os tamanhos de dispositivos (e há muitos deles). Leia mais.
  • Presumir uma largura mínima irreal da janela de visualização, o que pode forçar usuários em dispositivos menores a rolar a página horizontalmente para ler o conteúdo. Isso acontece quando as páginas usam valores absolutos em declarações de CSS ou imagens criadas para ter uma aparência aprimorada em larguras de navegador específicas (980 px, por exemplo). Para corrigir esse erro, verifique se as páginas têm valores de posição e largura relacionados a elementos CSS e se as imagens podem ser dimensionadas de maneira adequada. Saiba mais.

Tamanho pequeno de fonte

Evite definir um tamanho de fonte muito pequeno para ser legível em um dispositivo móvel, forçando os visitantes a "fazer gesto de pinça" para aplicar o zoom e ler o conteúdo. Após especificar uma janela de visualização para suas páginas da Web, defina os tamanhos de fonte para que sejam dimensionados de maneira adequada na janela de visualização. Leia mais sobre práticas recomendadas relacionadas aos tamanhos de fonte em Usar tamanhos de fonte legíveis.

Elementos de toque muito próximos

Evite definir elementos de toque, como botões e links, muito próximos um do outro. Isso faz com que o usuário de dispositivo móvel não consiga tocar facilmente no elemento desejado sem tocar também em um elemento vizinho. Para corrigir esses erros, garanta o dimensionamento e o espaçamento correto dos botões e links de navegação para que sejam adequados aos visitantes de dispositivos móveis. Leia mais e saiba como dimensionar pontos de toque adequadamente.