Mobile Friendly Checker
Este verificador mobile friendly gratuito lê o HTML de uma página e testa os elementos que definem se funciona em um celular: uma meta tag viewport correta, zoom não desabilitado, sem tags Flash ou plugins, sem tamanhos de fonte muito pequenos ou layouts de largura fixa, atributos de imagem responsiva e tap targets de tamanho razoável. É uma verificação heurística de HTML, então cada resultado diz o que pode e não pode provar.
Mobile Friendly Checker
Technical SEO
Sobre esta ferramenta
Google indexa primeiro a versão mobile de uma página, e a maioria dos visitantes chega em celulares. Uma página que exige pinçar para ler, que transborda da tela ou cujos links são muito pequenos para tocar os perde em segundos. Google descontinuou seu próprio Mobile-Friendly Test em 2023, então proprietários de sites precisam de outra forma rápida de verificar o básico antes de abrir a página em um celular real.
O verificador busca o HTML que o servidor envia e procura pelos sinais que definem o comportamento mobile: a meta tag viewport e se ela define width=device-width sem bloquear zoom, tags de plugin como Flash que celulares não conseguem executar, tamanhos de fonte abaixo de 12 pixels em estilos inline e blocos de estilo, tabelas e elementos com larguras fixas maiores que a tela do celular, imagens com atributos srcset ou sizes, media queries em estilos inline, links cujo texto é muito curto para tocar facilmente, tags de fonte legadas e links AMP ou mobile-alternate.
Não consegue renderizar a página ou ler folhas de estilo externas, então não consegue medir como o layout realmente fica, se o texto é realmente legível ou se elementos se sobrepõem. Uma página que passa em todas as verificações aqui ainda pode ser desconfortável em um celular, e uma página que usa CSS externo para tudo pode disparar avisos que não merece. Trate o resultado como uma lista de verificação, depois abra a página em um celular real e no modo device do Chrome DevTools.
Perguntas frequentes
Qual meta tag viewport toda página deve ter?
O padrão é <meta name="viewport" content="width=device-width, initial-scale=1">. Ela diz aos celulares para fazer o layout da página na largura da tela em vez de fingir ser um desktop de 980 pixels e encolher tudo. Sem ela, o texto fica minúsculo e os visitantes precisam fazer zoom para ler.
É ruim desabilitar zoom com user-scalable=no?
Sim. Impede que pessoas com visão fraca ampliem o texto e é uma falha de acessibilidade sob WCAG. iOS moderno ignora isso de qualquer forma. Remova user-scalable=no e maximum-scale=1 a menos que a página seja um app de tela cheia com seus próprios controles de zoom.
O que aconteceu com o Mobile-Friendly Test do Google?
Google o descontinuou em dezembro de 2023, junto com o relatório de usabilidade mobile no Search Console. Lighthouse no Chrome DevTools e PageSpeed Insights ainda relatam problemas mobile como viewport, tamanho de fonte e tap targets, e este verificador cobre o básico em nível HTML para uma primeira olhada rápida.
Qual deve ser o tamanho dos tap targets?
Pelo menos 48 por 48 pixels CSS com cerca de 8 pixels de espaço entre eles, para que um dedo toque um link e não seu vizinho. Listas de navegação com links muito próximos e links apenas com ícone são os infratores usuais. Padding no link, não apenas no texto, torna o target maior sem mudar a aparência.
Por que o verificador não mostra como a página fica em um celular?
Porque lê o HTML sem renderizá-lo ou baixar folhas de estilo, o que mantém a verificação rápida e segura mas significa que não consegue ver o layout final. Para uma verificação visual, abra a página no Chrome, pressione F12, alterne a barra de ferramentas de dispositivo e escolha um celular, ou simplesmente abra em seu próprio celular.