Concebido para dispositivos móveis

A Silktide carrega cada página num dispositivo móvel simulado e verifica se ela foi concebida para funcionar nesse contexto — se se adapta a um ecrã estreito ou se simplesmente apresenta uma versão reduzida da página para computador.

Porque é importante

Mais de metade do tráfego da Web é proveniente de dispositivos móveis, por isso uma página que só funciona num computador falha para a maioria do seu público logo no primeiro toque. Os visitantes confrontados com texto minúsculo e zoom interminável com os dedos abandonam a página; os motores de pesquisa, que indexam primeiro a versão móvel das páginas, classificam o site em conformidade.

Esta verificação deteta a falha fundamental — uma página sem qualquer design para dispositivos móveis — e não problemas de acabamento. Uma página aprovada pode ainda ter problemas menores em dispositivos móveis, que são abrangidos por outras verificações.

Como corrigir

A solução duradoura é o , para que a mesma página se adapte a qualquer largura de ecrã. Se o seu site for anterior ao design responsivo, isto normalmente significa reconstruí-lo ou usar um tema novo — a maioria dos temas modernos de é responsiva por predefinição. Especificamente:

Declare um móvel no cabeçalho de todas as páginas:

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

Use esquemas flexíveis e consultas de media do para que o conteúdo passe para uma única coluna em ecrãs estreitos, em vez de fixar a página numa largura de computador.
Mantenha o texto do corpo num tamanho legível em dispositivos móveis — evite designs que reduzam a página inteira para que caiba.
Teste num telemóvel real ou com a emulação de dispositivos do seu navegador, em larguras até cerca de 320 píxeis.

Como a Silktide testa isto

Carrega a página num dispositivo móvel simulado.
Verifica se a página declara um viewport utilizável. A ausência de um viewport, ou um viewport fixado numa largura superior a 480 píxeis, faz com que a página falhe — este é o mínimo indispensável para o suporte móvel.
Mede o texto visível: se mais de 35% for apresentado num tamanho ilegível (inferior a 10 píxeis após o zoom), a página falha.
Verifica o quanto a página reduz o zoom para caber no ecrã: um zoom inferior a 60% do tamanho normal significa que a página é efetivamente um layout para computador e falha.
Uma página é aprovada quando não apresenta nenhum destes problemas. A Silktide também comunica quantas páginas não são concebidas para dispositivos móveis ao longo do tempo.

Resolução de problemas

A minha página parece estar bem no meu telemóvel

Algumas páginas parecem aceitáveis e, ainda assim, falham num dos sinais acima — por exemplo, devido a uma etiqueta viewport gerada por uma ferramenta antiga com uma largura fixa. Veja o código-fonte da página e verifique se a etiqueta <meta name="viewport"> corresponde à forma recomendada.

A verificação é aprovada, mas a experiência móvel é fraca

Ser aprovada significa que a página cumpre os requisitos básicos, não que seja ideal. Consulte as verificações relacionadas com texto pequeno, alvos de toque pequenos e zoom desativado.