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

Em geral, 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 quase toda 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 URLs com fragmentos. A parte fragmentada do URL é o final do URL que começa com #. Na maioria das vezes, os URLs com fragmentos não são indexáveis. Essas páginas estarão ausentes do í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.

Erros

Dados estruturados ausentes

O que causou o problema: a página para dispositivos móveis não tem toda a marcação de dados estruturados que a página para computador tem.

Como corrigir o problema

  1. Verifique se os dados estruturados estão presentes nas duas versões do site (para computador e dispositivos móveis).
  2. Verifique se os sites para dispositivos móveis e para computador têm os mesmos dados estruturados.
  3. Use URLs corretos em dados estruturados. Verifique se os URLs nos dados estruturados das versões para dispositivos móveis estão atualizados com os URLs corretos.
  4. Verifique os erros de extração dos dados estruturados. Se você usar o Marcador de dados para fornecer dados estruturados, verifique regularmente o painel do Marcador de dados para ver se há de erros de extração.
  5. Use a Ferramenta de inspeção de URL para conferir se o conteúdo é visto na página renderizada (que é como o Google tem acesso à página).

Tag noindex nas páginas

O que causou o problema: a indexação de uma página para dispositivos móveis é bloqueada por uma tag noindex.

Como corrigir o problema: use as mesmas tags meta robots no site móvel e na versão para computador. Não use a tag noindex na página para dispositivos móveis. Caso contrário, o Google não vai indexar a página quando o site for ativado para a indexação que prioriza dispositivos móveis.

Imagem ausente

O que causou o problema: a página para dispositivos móveis não tem todas as imagens importantes que a página para computador tem.

Como corrigir o problema

  1. 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. Somente o conteúdo exibido no site para dispositivos móveis é usado na indexação.
  2. Use as mesmas tags meta robots no site móvel e na versão para computador. Não use a tag nofollow na página para dispositivos móveis. Caso contrário, o Google não vai rastrear nem indexar as imagens na página quando o site for ativado para a indexação que prioriza dispositivos móveis.
  3. Use um formato compatível e uma tag para imagens. 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.
  4. 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.

Imagem bloqueada

O que causou o problema: uma imagem importante na página para dispositivos móveis é bloqueada por robots.txt.

Como corrigir o problema: permita que o Google rastreie seus recursos. Algumas imagens têm URLs no site móvel diferentes das do site para computador. Se quiser que o Google rastreie seus URLs, não bloqueie o URL com a regra disallow.

Imagem de baixa qualidade

O que causou o problema: uma imagem importante na página para dispositivos móveis é muito pequena ou tem baixa resolução.

Como corrigir o problema: forneça imagens de alta qualidade. Não use imagens muito pequenas ou com baixa resolução no site para dispositivos móveis.

Texto alternativo ausente

O que causou o problema: uma imagem importante na página para dispositivos móveis não tem texto alternativo.

Como corrigir o problema: use o mesmo texto alternativo nas imagens do site para dispositivos móveis e da versão para computador.

Título da página ausente

O que causou o problema: falta um título em uma página para dispositivos móveis.

Como corrigir o problema: verifique se os títulos e as metadescrições são equivalentes nas duas versões do site.

Metadescrição ausente

O que causou o problema: a página para dispositivos móveis não contém a metadescrição.

Como corrigir o problema: verifique se os títulos e as metadescrições são equivalentes nas duas versões do site.

O URL para dispositivos móveis é uma página de erro

O que causou o problema: a página para dispositivos móveis é uma página de erro.

Como corrigir o problema: 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.

O URL para dispositivos móveis tem um fragmento âncora

O que causou o problema: o URL para dispositivos móveis inclui um fragmento âncora. O Google não indexa URLs com fragmentos.

Como corrigir o problema: confira se a versão para dispositivos móveis não tem URLs com fragmentos. Na maioria das vezes, esses URLs não são indexáveis. As páginas não vão estar no índice depois que o domínio for ativado para a indexação que prioriza dispositivos móveis.

Página para dispositivos móveis bloqueada por robots.txt

O que causou o problema: a página para dispositivos móveis está bloqueada por uma regra do robots.txt.

Como corrigir o problema: confira se as regras do robots.txt e as tags meta robots funcionam conforme o esperado nas duas versões do site. Use as mesmas regras do robots.txt para as versões para dispositivos móveis e para computador do site.

Destino duplicado de página para dispositivos móveis

O que causou o problema: várias páginas para computador redirecionam à mesma página para dispositivos móveis.

Como corrigir o problema: verifique se as versões para computador que exibem conteúdos diferentes têm versões equivalentes para dispositivos móveis. Em dispositivos móveis, se URLs diferentes redirecionarem para o mesmo URL, depois que seu domínio for ativado para indexação que prioriza dispositivos móveis, todas essas páginas estarão ausentes do índice.

O site para computador redireciona à página inicial para dispositivos móveis

O que causou o problema: a maioria ou todas as páginas do site para computadores redirecionam à página inicial do site para dispositivos móveis.

Como corrigir o problema: verifique se a versão para computador tem uma versão equivalente para dispositivos móveis. Se URLs diferentes redirecionarem à página inicial em dispositivos móveis, todas essas páginas estarão ausentes do índice depois que o domínio for migrado para a indexação que prioriza dispositivos móveis.

Problemas de qualidade da página

O que causou o problema: a página para dispositivos móveis apresenta problemas com anúncios, conteúdo ausente, títulos ou elementos descritivos para imagens na página.

Como corrigir o problema:

  1. 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.
  2. 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. Somente o conteúdo exibido no site para dispositivos móveis é usado na indexação.
  3. Use os mesmos cabeçalhos claros e significativos no site para dispositivos móveis e na versão para computador.
  4. Use os mesmos títulos, legendas, nomes de arquivos e textos relevantes nas imagens do site para dispositivos móveis que os da versão para computador.

Problemas com vídeo

O que causou o problema: a página para dispositivos móveis tem um vídeo que não está em um formato compatível, está em um local difícil de encontrar, não tem metadescrições ou é muito lento para carregar.

Como corrigir o problema:

  1. 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>.
  2. 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. Confira se o Google consegue encontrar o conteúdo com carregamento lento.
  3. Posicione o vídeo em um local fácil de encontrar no site para dispositivos móveis. 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.

Problemas na carga do host

O que causou o problema: alguns dos hosts não têm carga suficiente.

Como corrigir o problema: verifique se o site móvel tem capacidade suficiente para lidar com um possível aumento na taxa de rastreamento dessa versão.