“Nosso site é responsivo” é uma frase comum, e quase sempre significa apenas que o layout se ajusta à largura da tela. Mobile-first vai além: o site é pensado primeiro para o celular e depois expandido para telas maiores. A diferença aparece na hora em que alguém tenta usá-lo.
Responsivo e mobile-first não são a mesma coisa
Um site apenas responsivo costuma ser desenhado para o computador e “espremido” para caber no celular: menus pequenos, textos longos, imagens pesadas. Um site mobile-first começa pelo essencial: o que a pessoa precisa ver e fazer com o polegar, em pé ou no ônibus, e só depois acrescenta recursos para telas grandes.
O Google já olha primeiro para a versão mobile
Desde que o Google adotou a indexação mobile-first, é a versão do site para celular que ele usa para entender e ranquear as páginas. Se o conteúdo da versão mobile for mais pobre que o do computador, é isso que conta.
O que muda na prática
- Áreas de toque generosas: botões e links com pelo menos 44 a 48 px de altura e espaço entre eles, para não clicar no item errado.
- Texto legível sem zoom: corpo de texto de 16 px ou mais, com bom contraste.
- Ação principal ao alcance do polegar: botão de WhatsApp ou de contato sempre visível, sem precisar rolar até o fim.
- Formulários curtos: poucos campos, com o teclado certo para cada um (número para telefone, e-mail para endereço).
- Imagens leves: o celular nem sempre está em Wi-Fi.
- Menu simples: poucas opções, fáceis de tocar, sem submenus que dependem de passar o mouse.
Não esconda conteúdo no celular
Um erro frequente é remover textos, imagens ou seções na versão mobile para “limpar”. Além de prejudicar o SEO, a pessoa que está no celular precisa das mesmas informações que quem está no computador.
Teste do jeito que o cliente usa
O emulador do navegador ajuda, mas não substitui o celular de verdade. Abra o site no seu aparelho, com dados móveis, e tente chegar ao contato com uma mão só. Peça a alguém de fora que faça o mesmo e observe onde a pessoa hesita.
Em boa parte dos negócios locais, a maioria dos acessos já é pelo celular. Se o site é bom no computador e apenas razoável no celular, ele está bom só para a minoria dos seus visitantes.
