Mobile: a página cabe no celular? Mobile
O ícone do celular abre a página na largura real de um telefone. Você vê na hora se algo passa da borda ou está pequeno demais.
1O que é?
A verificação mobile abre a página atual em uma janela com 360, 390 ou 430 pixels de largura e mede se o conteúdo é mais largo que a janela. Além da tag viewport e do menor tamanho de fonte.
2Por que importa?
O Google avalia a versão mobile da página. Uma tabela que vaza para a direita ou uma imagem sem max-width deixa toda a página desajeitada, e no desktop isso não aparece.
3O que o TagSpion verifica
| Verificação | Avaliação |
|---|---|
| Tag viewport | vermelho se falta ou tem user-scalable=no |
| Rolagem horizontal | vermelho se a página é mais larga que a janela, com o elemento que causa isso |
| Menor fonte | amarelo abaixo de 12 pixels |
4Como resolver
- Defina a tag viewport, limite imagens e tabelas com max-width: 100 %, coloque tabelas em um contêiner rolável.
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img, video, table { max-width: 100%; height: auto; }
.table-wrap { overflow-x: auto; } /* <div class="table-wrap"><table>…</table></div> */
</style>5Perguntas frequentes
Isso substitui aparelhos reais?
Não, mas é um primeiro teste rápido. A janela tem a largura, não o toque de um celular.