Boa parte das pessoas que procuram uma empresa na internet faz isso pelo celular: na rua, no intervalo, no sofá. Se o site é difícil de usar numa tela pequena, muitas delas desistem antes de entrar em contato, e você nem fica sabendo.
Site responsivo é aquele que se adapta ao tamanho da tela: reorganiza textos, imagens e menus para funcionar bem no celular, no tablet e no computador. Quase todo site hoje diz ser responsivo. Mas “não quebrar” é diferente de “funcionar bem”. A melhor forma de saber é testar você mesmo.
Antes de começar
Para um teste realista:
- use o seu celular, não o computador com a janela reduzida;
- desligue o Wi-Fi e use a conexão móvel;
- se puder, teste também num celular mais simples ou mais antigo (de alguém da família ou da equipe);
- teste mais de uma página: a inicial, uma página de serviço e a de contato;
- tente fazer o que o cliente faria: entender o que você oferece e entrar em contato.
Checklist: primeira impressão
- A página abre em poucos segundos, sem ficar muito tempo em branco?
- Nos primeiros segundos dá para entender o que a empresa faz?
- Algum aviso, pop-up ou banner cobre a tela inteira logo ao abrir?
- O aviso de cookies é fácil de fechar e não esconde o conteúdo?
- O conteúdo “pula” enquanto carrega, mudando de lugar?
Se a página demora ou pula muito, o problema pode estar nas métricas de velocidade e estabilidade que o Google acompanha. Esse tema é conhecido como Core Web Vitals.
Checklist: leitura
- Dá para ler os textos sem dar zoom?
- Há contraste suficiente entre o texto e o fundo, inclusive sob luz do sol?
- Os parágrafos são curtos, ou aparecem blocos enormes de texto?
- Alguma parte obriga a rolar para o lado para ver o conteúdo?
- Tabelas, se existirem, são legíveis ou ficam cortadas?
- Imagens aparecem inteiras, sem cortar partes importantes (como textos dentro da imagem)?
Rolagem lateral é um dos sinais mais claros de que algum elemento não foi adaptado.
Checklist: navegação
- O menu abre e fecha com facilidade?
- Os itens do menu são fáceis de tocar sem acertar o vizinho?
- É fácil voltar para a página inicial?
- Os links dentro do texto são fáceis de identificar e de tocar?
- Os botões têm tamanho confortável para o dedo?
- Algum elemento fixo (cabeçalho, barra, botão flutuante) ocupa espaço demais da tela?
Checklist: contato
Esta é a parte mais importante, porque é onde o site gera ou perde clientes.
- O botão de WhatsApp abre a conversa com o número certo?
- A mensagem pré-preenchida aparece corretamente?
- Tocar no telefone abre a discagem?
- O endereço abre no aplicativo de mapas?
- O botão flutuante de WhatsApp cobre algum botão ou texto importante?
- O formulário é fácil de preencher no celular?
- Ao tocar no campo de telefone, aparece o teclado numérico?
- Depois de enviar, aparece uma confirmação clara?
- A mensagem enviada realmente chegou a quem deveria?
Se algo falhar aqui, vale ler sobre o botão de WhatsApp no site e o formulário de contato que converte.
Checklist: detalhes que passam despercebidos
- Vídeos carregam sem travar a página e não começam com som alto?
- Mapas incorporados não “prendem” a rolagem da página?
- Carrosséis podem ser deslizados e não passam rápido demais?
- O site funciona com o celular na horizontal?
- O site funciona no navegador padrão do celular e também no Chrome?
- Links abertos a partir do Instagram ou do WhatsApp (navegador interno desses apps) funcionam?
Esse último ponto é importante: muitos clientes chegam ao site por um link no Instagram ou no WhatsApp, que abre um navegador interno com comportamento um pouco diferente.
Como registrar os problemas
Ao encontrar algo errado, anote:
| Página | Celular usado | O que aconteceu | Captura de tela |
|---|---|---|---|
| Início | Modelo do aparelho | Botão de WhatsApp cobre o menu | Sim |
| Serviço X | Modelo do aparelho | Tabela cortada, precisa rolar para o lado | Sim |
| Contato | Modelo do aparelho | Formulário não mostrou confirmação | Sim |
Com a página, o aparelho e uma captura de tela, quem mantém o site consegue reproduzir e corrigir o problema muito mais rápido.
Ferramentas que ajudam
- PageSpeed Insights (pagespeed.web.dev): mostra desempenho no celular e aponta problemas técnicos.
- Google Search Console: alerta sobre problemas de desempenho com base em visitantes reais. Vale pedir acesso a quem mantém o site.
- Modo de dispositivo do navegador no computador: útil para quem desenvolve, mas não substitui o teste num celular de verdade.
Quando é caso de corrigir e quando é caso de refazer
Problemas pontuais (um botão desalinhado, um pop-up exagerado, uma imagem cortada) costumam ser resolvidos com ajustes. Mas se o site tem problemas em quase todas as páginas, foi feito numa estrutura antiga ou depende de um tema que não é mais atualizado, pode sair mais caro remendar do que reconstruir. Esse assunto está em quando refazer o site.
Próximo passo
Se o teste revelou vários problemas, ou você prefere uma avaliação completa, peça uma análise do site. Para correções pontuais, um serviço de manutenção resolve; para um site novo, pensado desde o início para o celular, veja criação de sites ou fale com a gente.