Verificador Mobile-Friendly
Veja como seu site é renderizado em iPhone e Android. Detecta viewport faltando, fonte pequena, botões pequenos e conteúdo cortado da tela.
Por que mobile-friendly não é mais opcional
70% das visitas a sites brasileiros vêm de smartphones (StatCounter 2024). Em comércio local — restaurante, salão, dentista, advogado — o número passa de 85%. E o Google indexa em mobile-first desde 2019: a versão mobile do site é a versão oficial para ranqueamento.
Site responsivo deixou de ser diferencial: virou requisito. Sites que não são mobile-friendly perdem ranking, perdem clique e perdem cliente. Mas "mobile-friendly" não é só caber na tela — é também ter botões clicáveis, fonte legível sem zoom, e conteúdo principal no topo.
O que a ferramenta verifica
Viewport meta tag. Sem <meta name="viewport" content="width=device-width">, o site fica zoom-out por padrão e usuário precisa pinçar pra ler.
Fonte legível. Mínimo 16px (Apple) ou 14px (Google). Menos que isso, usuário precisa zoom.
Botões clicáveis. Mínimo 44×44px (Apple) ou 48×48dp (Google) para o dedo médio acertar. Botões menores levam o usuário a errar e desistir.
Conteúdo cortado. Largura horizontal extra fora da tela (scroll horizontal) é problema comum em tabelas, imagens grandes e CSS quebrado.
Conteúdo bloqueante. Pop-up de cookies cobrindo a tela toda no carregamento, banner de assinatura, etc., bloqueia leitura — Google penaliza desde 2017.
Como corrigir os problemas mais comuns
Viewport faltando: adicione <meta name="viewport" content="width=device-width, initial-scale=1"> no <head>. Resolve em 1 linha.
Fonte pequena: mude o font-size base para 16px (CSS: html {{ font-size: 16px; }}).
Botões pequenos: dê min-height: 44px e min-width: 44px a todos os botões. Padding gera ainda mais espaço de toque.
Scroll horizontal: imagens com max-width: 100%, tabelas em overflow-x: auto num wrapper, e nada com largura fixa em pixel.
Se não quiser corrigir um a um, considere refazer o site responsivo com Next.js mobile-first — sai mobile-friendly desde o primeiro render.
Como usar a ferramenta
- 1
Cole a URL do seu site
URL pública, com https://
- 2
Veja a renderização mobile
iframe com viewport de 375×667 (iPhone) — exatamente como o cliente vê.
- 3
Confira o checklist
Viewport, font-size, botões e conteúdo cortado — cada um com diagnóstico.
- 4
Aplique os ajustes sugeridos
Cada problema vem com a solução técnica em CSS ou HTML.
Ferramentas relacionadas
- Ferramentas de SEO
Analisador de Densidade de Palavras-chave
Analise a densidade de palavras-chave de qualquer texto. Identifique sobre-otimização (keyword stuffing) ou sub-otimização para SEO.
Acessar - Ferramentas de SEO
Simulador de Snippet do Google
Visualize como sua página vai aparecer no resultado do Google. Title, URL e meta description com largura real do desktop e mobile.
Acessar - Ferramentas de SEO
Gerador de Meta Tags
Gere meta tags HTML completas: title, description, OpenGraph, Twitter Cards, canonical e robots. Pronto para colar no head do seu site.
Acessar
Perguntas frequentes sobre verificador mobile friendly
As respostas para as principais dúvidas dos nossos clientes. Não encontrou o que procurava? Entre em contato.
- Porque foi consolidado dentro do Search Console (em "Experiência da página"). Esta ferramenta substitui o teste antigo: renderiza em viewport real e dá o mesmo diagnóstico, sem precisar de Search Console.
Precisa de um site profissional para sua empresa?
A Web Pixel cria sites otimizados para o Google em 15 dias. Solicite seu orçamento sem compromisso.