Pular para o conteúdo
Web Pixel
Ferramentas de SEO

Verificador Mobile-Friendly

Veja como seu site é renderizado em iPhone e Android e avalie, com um checklist guiado, viewport, fonte pequena, botões pequenos e conteúdo cortado da tela.

Por que mobile-friendly não é mais opcional

A maior parte das visitas a sites brasileiros vem de smartphones, e em comércio local (restaurante, salão, dentista, advogado) esse índice costuma ser ainda maior. 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 avaliar no seu site mobile

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.

Passo a passo

Como usar a ferramenta

  1. 1

    Cole a URL do seu site

    URL pública, com https://

  2. 2

    Veja a renderização mobile

    iframe com viewport de 375×667 (iPhone), exatamente como o cliente vê.

  3. 3

    Use o checklist guiado

    Viewport, font-size, botões e conteúdo cortado, com o critério recomendado de cada item.

  4. 4

    Aplique os ajustes

    Cada item do checklist tem a solução técnica correspondente em CSS ou HTML, na seção abaixo.

Outras ferramentas

Ferramentas relacionadas

FAQ

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 ajuda no mesmo objetivo: renderiza seu site num viewport de smartphone real para você avaliar visualmente, com um checklist guiado, sem precisar de Search Console.

Precisa de um site profissional para sua empresa?

Site institucional a partir de R$ 1.200, no ar em 10 a 20 dias úteis. Solicite seu orçamento sem compromisso.

Chamar no WhatsAppFormulário de contato