A sua página de internet funciona bem num telemóvel?

A maioria dos visitantes vê o seu site num telemóvel. O Google também faz isso: o Google utiliza a versão móvel das suas páginas para as indexar e classificar. Aquilo que não aparece na página no seu telemóvel, o Google também não vê. Neste artigo fica a saber como pode verificar se o seu site funciona bem num ecrã pequeno.

A regra viewport

Um telemóvel não sabe automaticamente que a sua página foi criada para um ecrã pequeno. Sem instruções, o navegador comporta-se como se o ecrã fosse muito mais largo e reduz a página inteira. Isso resulta em texto minúsculo em que é preciso ampliar a imagem. A solução é uma linha no <head> de cada página:

<meta name="viewport" content="width=device-width, initial-scale=1">

• Sem largura fixa como width=1024: nesse caso, o telemóvel volta a comportar-se como se o ecrã fosse largo.
• Não bloquear o zoom: não utilize user-scalable=no nem maximum-scale=1. As pessoas com dificuldades de visão devem poder ampliar o texto.

O AI Builder, os temas WordPress e a maioria dos outros construtores de sites incluem automaticamente esta linha em cada página. Num site criado manualmente ou num site antigo, vale a pena verificar: abra uma página, clique com o botão direito, escolha Ver código-fonte da página (ou Ctrl+U) e procure com Ctrl+F por viewport.

Testar por si próprio

1. Abra o seu site no seu próprio telemóvel e percorra as suas páginas mais importantes.
2. Ou no computador: abra o seu site no Chrome ou Firefox, prima F12 e clique no ícone de um telemóvel e tablet. Escolha um dispositivo estreito.
3. Preste atenção a texto que fica fora do ecrã, uma página que é necessário deslocar lateralmente, botões demasiado pequenos ou sobrepostos, e partes que faltam na versão móvel.
4. Depois, teste no PageSpeed Insights no separador Móvel. A forma de ler esse relatório está descrita em Ler o PageSpeed Insights: Core Web Vitals em linguagem simples.

O teste de compatibilidade com dispositivos móveis separado do Google e o relatório de usabilidade móvel no Search Console deixaram de existir desde 1 de dezembro de 2023. Se os encontrar num artigo antigo, utilize agora os passos acima.

O mesmo conteúdo em dispositivos móveis e computador

Num site responsivo (um único endereço e uma única página que se adapta à largura do ecrã), o conteúdo é automaticamente igual. O Google recomenda esta abordagem. Se tiver um site móvel separado, como m.example.com, ou um sistema que envia páginas diferentes para telemóveis, verifique o seguinte:

• o mesmo texto, mesmo que no telemóvel esteja num bloco expansível;
• o mesmo título e a mesma descrição;
• as mesmas imagens com os mesmos textos alternativos;
• nenhum conteúdo que só carregue quando o visitante desliza, clica ou escreve: o Google não faz isso.

Saber mais

• Google: boas práticas para indexação mobile-first (em inglês)
• MDN: a regra viewport (em inglês)