Seu site no celular: mobile first na prática

Existe um desencontro comum na aprovação de sites: o dono avalia no notebook, em tela grande e conexão de escritório; o cliente chega pelo celular, na rua, com sinal instável. O site aprovado e o site usado são, na prática, dois produtos diferentes — e o que gera negócio é o segundo.

Mobile first é a resposta de projeto a essa realidade: pensar primeiro na tela pequena e na conexão limitada, e tratar a tela grande como expansão. O conceito também serve a quem já tem site no ar, como critério de avaliação. Este artigo lista o que verificar e propõe um teste que cabe em cinco minutos, no seu próprio aparelho.

A versão móvel é a que o Google avalia

Há um fato documentado que encerra a discussão sobre prioridade: o Google adota indexação mobile first — usa a versão móvel das páginas como base para indexar e classificar resultados. Se o seu site esconde conteúdo no celular, é o conteúdo reduzido que conta. Se a versão móvel é lenta ou quebrada, é ela que representa a sua empresa na busca.

Na prática, isso inverte a lógica de aprovação: a pergunta deixa de ser “como o site fica no computador?” e passa a ser “como o site funciona no celular?” — com a versão de mesa como complemento.

Cinco pontos para verificar no seu site

Largura sem rolagem lateral

A página deve caber na largura da tela. Se aparece rolagem horizontal, ou se o visitante precisa arrastar para os lados para terminar de ler uma frase, algum elemento — imagem, tabela, bloco de texto — está vazando. É o sinal mais visível de site que não foi pensado para o celular.

Botão com área de toque suficiente

No computador, o ponteiro do mouse tem precisão fina; no celular, o ponteiro é um polegar. Botões e links pequenos demais, ou colados uns nos outros, geram toques errados e desistência. Todo elemento clicável precisa de área de toque confortável e de espaço livre ao redor.

Texto legível sem zoom

Se o visitante precisa ampliar a tela para ler, o tamanho do texto está errado. A leitura deve ser confortável com a página aberta do jeito que carrega: corpo de texto generoso, linhas curtas, espaçamento suficiente. Texto que exige zoom é texto que não será lido.

Formulário digitável

Preencher formulário no celular já é menos confortável do que no teclado físico; o site não pode piorar isso. Os campos precisam ser altos o bastante para o toque, o teclado exibido deve corresponder ao campo — numérico para telefone, com arroba para e-mail — e o número de campos deve ser o mínimo necessário para responder ao contato.

Peso da página no 4G

A conexão do escritório perdoa páginas pesadas; a rede móvel, não. Imagens em resolução desnecessária são a causa mais comum de lentidão no celular — o tema rende um artigo próprio sobre imagens pesadas. Como referência pública de experiência, o Google trabalha com limiares como o carregamento do conteúdo principal em até 2,5 s, detalhados no artigo sobre Core Web Vitals.

O teste de cinco minutos no seu próprio aparelho

Nenhuma ferramenta substitui a experiência real. Pegue o seu celular e siga o roteiro:

1. Desligue o Wi-Fi, para navegar pela rede móvel de verdade.
2. Abra o seu site como um cliente abriria: pesquisando o nome da empresa no Google.
3. Observe o carregamento — o que aparece primeiro, quanto tempo até dar para ler e tocar.
4. Navegue pelas páginas principais procurando rolagem lateral, texto pequeno e botões difíceis de acertar.
5. Preencha e envie o formulário de contato até o fim — e confirme se a mensagem chegou no seu e-mail.

Repita o roteiro depois de qualquer mudança relevante no site. A impressão colhida assim, no aparelho e na rede que os seus clientes usam, vale mais do que a aprovação feita em tela grande.

O que pedir a quem faz ou mantém o seu site

Você não precisa saber programar para exigir um site que funcione no celular. Três pedidos objetivos resolvem:

• que a aprovação de qualquer página inclua a versão móvel, vista em aparelho real;
• que as imagens sejam publicadas em tamanho e formato adequados, nunca direto da câmera;
• que o formulário seja testado no celular de ponta a ponta, incluindo a confirmação de recebimento.

São pedidos de dono, não de técnico — e mudam o padrão do que é entregue.

Perguntas frequentes

Meu site aparece diferente no celular. Isso é um problema?

Diferente, não — é o comportamento esperado. Um site responsivo reorganiza o conteúdo para a tela pequena: menu recolhido, colunas empilhadas, imagens redimensionadas. Problema é quando a versão móvel quebra ou esconde o que importa — rolagem lateral, texto ilegível, botão inacessível ou informação essencial que só existe na versão de computador.

Preciso de um aplicativo ou o site responsivo resolve?

Para a maior parte das pequenas e médias empresas, o site responsivo resolve. Aplicativo exige desenvolvimento próprio, manutenção contínua e, principalmente, convencer o cliente a instalar — barreira alta para quem só quer conhecer serviços e entrar em contato. Aplicativo faz sentido quando existe uso recorrente que o justifique, não como substituto do site.

Como sei quantos visitantes chegam pelo celular?

Ferramentas de análise de tráfego mostram a divisão de visitas por tipo de dispositivo, e o painel da sua hospedagem pode trazer um recorte parecido. Vale olhar o seu caso concreto em vez de confiar em impressões: o peso do celular varia conforme o público e a origem do tráfego. Em negócios locais, encontrados pela busca feita no telefone, ele costuma ser dominante.

A Azimute Comunicação projeta sites a partir da tela do celular: largura, toque, legibilidade, formulário e peso de página entram nos critérios de aceitação de cada entrega. Para conhecer esse trabalho de perto, veja a página de criação de sites em Brasília.