Imagine que você tem uma loja. Faria todo o letreiro grande para uma rua vazia ou para a calçada cheia de gente? Pois é. O celular é a calçada cheia.
O que muda quando você pensa mobile-first
- Texto grande o suficiente para ler sem zoom (16px ou mais)
- Botões com no mínimo 44px — cabem o dedo
- Menu simples (hambúrguer ☰), não 8 opções na tela
- Imagens leves para carregar rápido no 4G
- Formulários curtos: nome, telefone, mensagem. Só.
Os 3 erros mais comuns
- Pop-up gigante na entrada. No celular ele cobre tudo. O Google penaliza.
- Imagem pesada. Foto direto da câmera tem 5MB. Comprimida fica com 200KB.
- Botão de WhatsApp escondido. Coloque ele fixo no canto inferior. É a regra de ouro.
Como testar de graça
- PageSpeed Insights (Google) — mostra a nota do seu site no celular
- Chrome DevTools — F12 e clique no ícone de celular
- Mobile-Friendly Test — diz se o Google considera seu site bom para mobile
Perguntas frequentes
O que é mobile-first?
É desenhar e construir o site pensando primeiro na tela do celular e só depois adaptar para o computador. O Google usa a versão mobile como referência para indexar e classificar o site.
O Google realmente prefere sites mobile?
Sim. Desde 2019 o buscador usa mobile-first indexing: ele rastreia e avalia primeiro a versão para celular.
Qual o tamanho mínimo de fonte e de botão no celular?
Texto a partir de 16px e áreas de toque com pelo menos 44x44 pixels, para o dedo acertar sem erro.
Qual peso ideal de uma imagem no celular?
Abaixo de 200 KB por imagem, em formato WebP ou AVIF, com largura máxima próxima da real exibida na tela.
Meu negócio precisa de aplicativo?
Na maioria dos casos, não. Um site rápido e bem feito para celular resolve; app só compensa com uso recorrente e alto volume.
Como testar se meu site está bom no celular?
Use o PageSpeed Insights (aba Mobile), o modo dispositivo do Chrome DevTools e, principalmente, abra o site no seu próprio celular em rede 4G.