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 HTTPVary: 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 HTTPVary
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 tagmeta
robots diferente no site móvel (especialmente anoindex
ounofollow
), 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
eVideoObject
. - 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 delink
rel=hreflang
para internacionalização, vincule URLs para dispositivos móveis e para computador separadamente. Ohreflang
dos seus URLs para dispositivos móveis precisa apontar para esses URLs, assim como ohreflang
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
erel=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
erel=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 elementolink
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 elementolink
que aponta para ele mesmo como o URL canônico, seguido por outro elementolink
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 |
error
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.
done Como corrigir o problema
|
Tag
|
error
O que causou o problema: a indexação de uma página para dispositivos móveis é bloqueada por uma
tag noindex .
done Como corrigir o problema:
use as mesmas tags |
Imagem ausente |
error
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.
done Como corrigir o problema
|
Imagem bloqueada |
error
O que causou o problema: uma imagem importante na página para dispositivos móveis é bloqueada
por robots.txt.
done 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 |
Imagem de baixa qualidade |
error
O que causou o problema: uma imagem importante na página para dispositivos móveis é muito pequena
ou tem baixa resolução.
done 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 |
error
O que causou o problema: uma imagem importante na página para dispositivos móveis não tem
texto alternativo.
done 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 |
error
O que causou o problema: falta um título em uma página para dispositivos móveis.
done 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 |
error
O que causou o problema: a página para dispositivos móveis não contém a metadescrição.
done 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 |
error
O que causou o problema: a página para dispositivos móveis é uma página de erro.
done 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 |
error
O que causou o problema: o URL para dispositivos móveis inclui um fragmento âncora. O Google
não indexa URLs com fragmentos.
done Como corrigir o problema: verifique se a versão para dispositivos móveis não tem fragmentos de URL. Na maioria das vezes, os URLs com fragmentos 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. |
Página para dispositivos móveis bloqueada por robots.txt |
error
O que causou o problema: a página para dispositivos móveis está bloqueada por uma regra do robots.txt.
done Como corrigir o problema:
confira se as regras do robots.txt e as tags |
Destino duplicado de página para dispositivos móveis |
error
O que causou o problema: várias páginas para computador redirecionam à mesma página para dispositivos
móveis.
done 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 |
error
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.
done 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 |
error
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.
done Como corrigir o problema:
|
Problemas com vídeo |
error
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.
done Como corrigir o problema:
|
Problemas na carga do host |
error
O que causou o problema: alguns dos hosts não têm carga suficiente.
done 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. |