Práticas recomendadas para sites móveis e indexação que prioriza dispositivos móveis

O Google usa a versão para dispositivos móveis do conteúdo de um site, rastreada com o agente de smartphones, para indexação e classificação. Isso é chamado de indexação que prioriza dispositivos móveis.

Embora não seja necessário ter uma versão para dispositivos móveis das suas páginas para que seu conteúdo seja incluído nos resultados da Pesquisa Google, é altamente recomendável. Essas práticas recomendadas se aplicam aos sites móveis em geral e, por definição, à indexação que prioriza dispositivos móveis.

Para garantir que seus usuários tenham a melhor experiência possível, siga as práticas recomendadas detalhadas neste guia.

Criar um site compatível com dispositivos móveis

Se você ainda não tiver feito isso, crie um site compatível com dispositivos móveis para que os usuários acessem o site por meio de um smartphone e tenham uma ótima experiência. É possível escolher entre três configurações para criar um site compatível com dispositivos móveis:

• Web design responsivo: exibe o mesmo código HTML no mesmo URL, independentemente do dispositivo dos usuários (computador, tablet, smartphone, navegador não visual), mas pode exibir o conteúdo de maneiras diferentes com base no tamanho da tela. O Google recomenda usar o Web design responsivo porque é o padrão mais fácil de implementar e manter.
• Exibição dinâmica: usa o mesmo URL, independentemente do dispositivo. Essa configuração depende da detecção de user-agent e do cabeçalho de resposta HTTP Vary: user-agent para exibir um versão diferente do HTML para cada dispositivo.
• URLs separados: veicula HTMLs diferentes para cada dispositivo e em URLs separados. Como a exibição dinâmica, essa configuração depende do user-agent e dos cabeçalhos HTTP Vary para redirecionar os usuários para a versão apropriada do site com base no dispositivo.

O conteúdo deste guia se aplica somente à veiculação dinâmica e a configurações de URL separadas. No caso do design responsivo, o conteúdo e os metadados são os mesmos nas versões das páginas para computadores e dispositivos móveis.

Conferir se o Google consegue acessar e renderizar seu conteúdo

Confira se o Google consegue acessar e renderizar o conteúdo e os recursos da sua página para dispositivos móveis.

• Use as mesmas tags meta robots no site móvel e na versão para computador. Se você usar uma tag meta robots diferente no site móvel (especialmente a noindex ou nofollow), talvez o Google não consiga rastrear e indexar a página quando o site estiver habilitado para a indexação que prioriza dispositivos móveis.
• Não permita o carregamento lento do conteúdo principal na interação do usuário. O Google não carrega conteúdo que precisa de interações do usuário (por exemplo, deslizar, clicar ou digitar) para ser exibido. Verifique se o Google pode ver conteúdo com carregamento lento.
• Permita que o Google rastreie seus recursos. Alguns recursos têm URLs no site móvel diferentes daqueles na versão para computador. Se quiser que o Google rastreie seus URLs, confira se o URL não está sendo bloqueado pela regra disallow.

Conferir se o conteúdo é o mesmo em computadores e dispositivos móveis

Mesmo com o conteúdo equivalente, as diferenças no DOM ou no layout entre a página para computador e para dispositivos móveis podem fazer com que o Google interprete o conteúdo de forma diferente. No entanto, ter o mesmo conteúdo nas versões para computadores e dispositivos móveis garante que as duas versões sejam classificadas para as mesmas palavras-chave.

• Verifique se o site para dispositivos móveis tem o mesmo conteúdo que a versão para computador. Caso seu site para dispositivos móveis tenha menos conteúdo do que a versão para computador, atualize as páginas para dispositivos móveis para que o conteúdo principal seja equivalente ao do site para computador. Você pode ter um design diferente em dispositivos móveis para melhorar a experiência do usuário (por exemplo, mover conteúdo para accordions ou guias). Só é preciso que o conteúdo seja equivalente ao site para computador, já que a indexação do site vem da versão para dispositivos móveis.
• Use os mesmos cabeçalhos claros e significativos no site para dispositivos móveis que na versão para computador.

Conferir seus dados estruturados

Se você tiver dados estruturados no site, verifique se eles estão presentes nas duas versões. Veja alguns itens específicos a serem verificados:

• Verifique se os sites para dispositivos móveis e para computador têm os mesmos dados estruturados. Se, ao adicionar tipos ao site para dispositivos móveis, você precisar priorizá-los, comece com os dados estruturados Breadcrumb, Product e VideoObject.
• Use URLs corretos em dados estruturados. Verifique se os URLs nos dados estruturados das versões para dispositivos móveis estão atualizados com URLs para dispositivos móveis.
• Se você usa o Marcador de dados, teste-o no site para dispositivos móveis. Se você usar o Marcador de dados para fornecer dados estruturados, verifique regularmente o painel do Marcador de dados em busca de erros de extração.

Usar os mesmos metadados nas duas versões do seu site

Verifique se o elemento title e a metadescrição são equivalentes nas duas versões do site.

Conferir a posição dos anúncios

Não deixe que os anúncios prejudiquem a classificação da sua página para dispositivos móveis. Siga os Better Ads Standards (em inglês) ao exibir anúncios em dispositivos móveis. Por exemplo, os anúncios na parte superior da página podem ocupar muito espaço em um dispositivo móvel, o que é uma experiência negativa para o usuário.

Conferir o conteúdo visual

Conferir suas imagens

Verifique se as imagens no seu site para dispositivos móveis seguem as práticas recomendadas. Especificamente, é recomendável que você faça o seguinte:

• Forneça imagens de alta qualidade. Não use imagens muito pequenas ou com baixa resolução no site para dispositivos móveis.
• Use imagens com um formato compatível. Não use tags ou formatos incompatíveis. Por exemplo, o Google é compatível com imagens no formato SVG, mas nossos sistemas não conseguem indexar uma imagem .jpg na tag <image> dentro de um SVG in-line.
• Não use URLs que mudam cada vez que a página carrega imagens. O Google não poderá processar e indexar seus recursos adequadamente se você usar URLs que mudam constantemente.
• Verifique se o site para dispositivos móveis tem o mesmo texto alternativo para imagens que o site para computador. Use texto alternativo descritivo para imagens no seu site para dispositivos móveis, do mesmo modo que você faz na versão para computador.
• Verifique se a qualidade do conteúdo da página para dispositivos móveis é a mesma que a da página para computador. Use os mesmos títulos descritivos, legendas, nomes de arquivos e textos relevantes nas imagens do site para dispositivos móveis que os da versão para computador.

Conferir seus vídeos

Verifique se os vídeos no site para dispositivos móveis seguem as práticas recomendadas. Especificamente, é recomendável que você faça o seguinte:

• Não use URLs que mudam cada vez que a página carrega seus vídeos. O Google não poderá processar e indexar seus recursos adequadamente se você usar URLs que mudam constantemente.
• Use um formato adequado para seus vídeos e coloque-os em tags compatíveis. Os vídeos são identificados na página pela presença de uma tag HTML, por exemplo: <video>, <embed> ou <object>.
• Use os mesmos dados estruturados de vídeo no site para dispositivos móveis e na versão para computador. Para mais informações, verifique seus dados estruturados.
• Coloque o vídeo em uma posição fácil de encontrar na página quando visualizado em um dispositivo móvel. Por exemplo, a classificação do vídeo pode ser prejudicada se os usuários precisarem rolar muito para baixo até encontrá-lo na página para dispositivos móveis.

Práticas recomendadas adicionais para URLs diferentes

Se seu site tiver URLs separados para as versões para computador e para dispositivos móveis de uma página (conhecidos como m-dot), também recomendamos as seguintes práticas:

• Verifique se o status da página de erro é o mesmo nos sites para computador e para dispositivos móveis. Se uma página no site para computadores exibir conteúdo normal e a versão do site móvel for uma página de erro, esta página não será exibida no índice.
• Verifique se a versão para dispositivos móveis não tem fragmentos de URL. A parte fragmentada do URL é o final do URL que começa com #. Na maioria das vezes, os fragmentos de URL não são indexáveis. Essas páginas não vão estar no índice depois que seu domínio for ativado para a indexação que prioriza dispositivos móveis.
• Confira se as versões para computador que veiculam conteúdos diferentes têm versões para dispositivos móveis correspondentes. Se URLs diferentes redirecionarem para o mesmo URL, como a página inicial em dispositivos móveis, depois que a indexação que prioriza dispositivos móveis for ativada no domínio, todas essas páginas vão estar ausentes do índice.
• Verifique as diferentes versões do site no Search Console para confirmar se você tem acesso aos dados e às mensagens delas. Talvez haja uma variação nos dados quando o Google aplicar a indexação que prioriza dispositivos móveis ao seu site.

• Verifique os links hreflang em URLs diferentes. Ao usar elementos de link rel=hreflang para internacionalização, vincule URLs para dispositivos móveis e para computador separadamente. O hreflang dos seus URLs para dispositivos móveis precisa apontar para esses URLs, assim como o hreflang do URL para computadores deve apontar para URLs desse tipo.

  Veja um exemplo de hreflang para a página inicial de um site com URLs separados para dispositivos móveis e computador.

  Dispositivo móvel

  Neste exemplo, o URL do site para dispositivos móveis é https://m.example.com/.

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" hreflang="es" href="https://m.example.com/es/">
  <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/">
  <link rel="alternate" hreflang="de" href="https://m.example.com/de/">
  <link rel="alternate" hreflang="th" href="https://m.example.com/th/">

  Computador

  Neste exemplo, o URL do site para computador é https://example.com/.

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
  <link rel="alternate" hreflang="es" href="https://example.com/es/">
  <link rel="alternate" hreflang="fr" href="https://example.com/fr/">
  <link rel="alternate" hreflang="de" href="https://example.com/de/">
  <link rel="alternate" hreflang="th" href="https://example.com/th/">

• Confira se o site móvel tem capacidade suficiente para lidar com um possível aumento na taxa de rastreamento dessa versão.
• Confira se as regras do robots.txt funcionam conforme o esperado nas duas versões do site. O arquivo robots.txt permite que você especifique quais partes de um site podem ser rastreadas ou não. Na maioria dos casos, use as mesmas regras do robots.txt nas versões do site para computador e para dispositivos móveis.

• Use os elementos de link corretos, rel=canonical e rel=alternate, nas duas versões do site. O URL para computador é sempre o canônico, e a versão para dispositivos móveis é a alternativa.

  Veja um exemplo de rel=canonical e rel=alternate para uma configuração de site com URLs diferentes.

  Dispositivo móvel

  Neste exemplo, o URL do site para dispositivos móveis é https://m.example.com/ e inclui um elemento link que aponta para o URL de computador como o canônico.

  <link rel="canonical" href="https://example.com/">

  Computador

  Neste exemplo, o URL do site para computador é https://example.com/ e inclui um elemento link que aponta para ele mesmo como o URL canônico, seguido por outro elemento link que aponta para a versão para dispositivos móveis como a versão alternativa do URL.

  <link rel="canonical" href="https://example.com/">
  <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">

Solução de problemas

Confira uma lista dos erros mais comuns que podem impedir que sites sejam ativados para a indexação que prioriza dispositivos móveis ou provocar uma queda na classificação depois da ativação. Caso seu site ainda não esteja ativado para a indexação que prioriza dispositivos móveis, se você detectou uma queda na classificação depois que seu site foi ativado ou se você receber uma mensagem no Search Console, confira a lista de erros comuns a seguir e resolva possíveis problemas.