Site responsivo é o site que se adapta a qualquer tamanho de tela sem perder conteúdo e sem exigir que a pessoa amplie com os dedos para ler. O mesmo endereço serve celular, tablet e computador, e o que muda é o arranjo: coluna única no celular, mais colunas na tela grande, menu que vira botão, imagem que reduz sem estourar o peso.
Isso deixou de ser diferencial. A maior parte das visitas de negócio local chega por celular, e o Google indexa pela versão móvel desde 2019. Site que só fica bom no computador é site que o Google avalia pela pior versão dele.
Para saber se o seu é responsivo, abra no celular e tente comprar ou pedir contato. Se precisou ampliar, rolar para o lado ou errou o botão duas vezes, não é.
Responsivo não é só caber na tela
Caber é o mínimo. Quatro coisas separam um site que encaixa de um site que funciona no celular.
Texto legível sem ampliar. Corpo de 16 pixels para cima. Fonte miúda porque "no computador fica elegante" obriga a pessoa a dar zoom, e quem dá zoom perde o contexto da página.
Alvo de toque com tamanho de dedo. Botão e link com pelo menos 44 pixels de altura e espaço entre eles. Link colado em link faz a pessoa clicar no errado, voltar e desistir.
Nada de rolagem horizontal. Se a página anda para o lado, alguma coisa tem largura fixa. É o defeito mais comum em site antigo adaptado às pressas.
Conteúdo completo. Esconder metade das informações no celular para "deixar limpo" é tirar da pessoa exatamente o que ela precisa para decidir. Reordene, não apague.
Como testar o seu site em dois minutos
Três testes, em ordem de valor.
Teste do polegar. Abra o site no seu celular e tente fazer o que o visitante faria: achar o preço, pedir contato, comprar. Sem ajuda, sem zoom. O que travar é o que precisa de correção.
Teste de janela. No computador, puxe a borda da janela do navegador para a esquerda até ela ficar estreita. O conteúdo deve se reorganizar em coluna. Se o texto for cortado ou a página andar para o lado, não é responsivo, é desktop reduzido.
PageSpeed Insights. Rode em pagespeed.web.dev e olhe a aba de celular, não a de computador. A nota importa menos que os três indicadores de experiência: tempo até o conteúdo principal aparecer (LCP), estabilidade visual (CLS) e tempo de resposta ao toque (INP).
Se o LCP no celular passa de 2,5 segundos, parte das visitas desiste antes de ver a oferta.
Os erros que mais custam venda no celular
Imagem no tamanho original. Foto de 4.000 pixels de largura sendo exibida em 400. O celular baixa a foto inteira em rede móvel e a página congela. Compressão e formato moderno resolvem.
Pop-up que cobre a tela. No celular o pop-up ocupa tudo e o botão de fechar é minúsculo. A pessoa não encontra o fechar, volta e não retorna.
Formulário com campo demais. Digitar em celular é trabalhoso. Oito campos no primeiro contato é mais atrito do que a vontade da pessoa suporta.
Telefone que não liga. Número escrito como texto comum, sem tel:. No celular, o número precisa discar com um toque.
Menu que esconde o essencial. Contato e WhatsApp dentro de um menu de três traços, a dois toques de distância. Em negócio de serviço, o contato fica visível na primeira dobra.
O que o Google olha na versão móvel
O Google rastreia e avalia pela versão móvel. Três consequências práticas.
Conteúdo que só existe no computador, na prática, não existe para a busca. Se a versão móvel esconde um bloco de texto, aquele texto não conta.
Velocidade no celular entra na avaliação de experiência da página. Não é o fator mais forte de ranqueamento, e é desempate em disputa apertada. Entre duas páginas parecidas, a mais rápida leva.
Os dados estruturados precisam estar na versão móvel também. Schema que aparece só no desktop não gera resultado rico.
Adaptar o site atual ou refazer
Depende de onde está o problema.
Adaptar resolve quando o conteúdo e a estrutura estão bons e o que falha é largura fixa, imagem pesada ou botão pequeno. Correção de CSS e otimização de imagem, questão de dias.
Refazer compensa quando o site roda em tema antigo que não foi feito para celular, quando cada ajuste quebra outra coisa, ou quando não há como melhorar a velocidade sem remover o que o tema carrega sozinho. Nesse caso, remendar custa mais que começar certo.
Um diagnóstico honesto mede antes de responder. Refazer não é a resposta automática, e nem toda lentidão exige projeto novo.
Leia também
- criação de sites em Goiânia, hub do cluster
- desenvolvimento web, a frente que entrega
- site institucional, o que precisa ter
- como colocar o site no Google, o passo depois da entrega
