Faça isto antes de ler o resto: pegue o seu celular, abra o seu site, e tente pedir um orçamento. Do jeito que um cliente faria. Sem ajudar, sem saber onde clicar.

Se você teve que dar zoom, se um botão fugiu do dedo, se o menu não abriu de primeira, ou se você levou mais de dez segundos até achar como falar com a empresa — você acabou de viver o que o seu cliente vive. E ele não tem paciência para insistir como você teve.

O que é site responsivo

Site responsivo é um site que se reorganiza sozinho conforme o tamanho da tela. É um site só, um endereço só, um conteúdo só, que se adapta.

Não confunda com "site que abre no celular". Qualquer site abre no celular. A questão é se ele fica usável — se dá para ler sem zoom, clicar sem errar, e preencher um formulário com o polegar.

Também não é a mesma coisa que um site móvel separado, aquele antigo m.empresa.com.br. Essa abordagem morreu, dá o dobro de trabalho e cria dois sites para manter desatualizados.

Por que o Google se importa

O Google indexa a web usando a versão móvel das páginas como referência principal. Isso significa uma coisa bem concreta: se o seu site tem conteúdo no desktop que some ou fica inacessível no celular, é como se esse conteúdo não existisse para o Google.

Já vi site com uma seção inteira de serviços que, no celular, ficava dentro de um menu que nunca abria. Do ponto de vista da busca, aquela seção simplesmente não estava lá.

O outro lado é a conversa: a maior parte da busca por serviço local acontece no celular, muitas vezes no momento em que a pessoa precisa. Quem procura advogado, imobiliária ou clínica de tarde, no ônibus, é quem entra em contato.

Os erros que mais afastam cliente no celular

Botão pequeno e colado no outro. Dedo não é ponteiro do mouse. Alvo pequeno significa clique errado, e clique errado significa desistência.

Texto que exige zoom. Se a pessoa precisa dar dois dedos para ler o seu preço ou o seu horário, ela vai embora.

Pop-up que ocupa a tela toda. No desktop é chato. No celular é uma parede, ainda mais quando o "x" de fechar é minúsculo ou fica fora da área visível. E o Google trata intersticial intrusivo em mobile como problema.

Tabela que estoura a tela. Tabela larga sem tratamento força a rolagem horizontal e quebra a leitura inteira.

Formulário longo. Cada campo a mais no celular derruba conversão. Nome e WhatsApp resolvem quase tudo. Você pergunta o resto na conversa.

Telefone que não é clicável. Número escrito como texto simples obriga a pessoa a decorar e digitar. Telefone no celular precisa ser um link que abre a ligação.

WhatsApp escondido. Se o botão só existe no rodapé, você está pedindo que a pessoa role o site inteiro para falar com você.

Menu sem rótulo. Três risquinhos sem a palavra "menu" ao lado ainda confundem parte do público, especialmente acima dos 50 anos. Se o seu cliente tem 55 anos, isso importa.

Responsivo não é só largura: é peso

Essa é a parte que quase todo mundo ignora. Um site pode se reorganizar lindamente e ainda ser inútil no celular, porque está pesado demais para o 4G.

A tela cabe. A conexão não. Servir a mesma imagem de 3 MB para um celular que precisa de uma versão de 200 KB é desperdício que a pessoa paga em tempo de espera — e, no fim, em desistência.

Site verdadeiramente móvel serve imagem no tamanho certo para cada tela. Detalho isso em velocidade do site e Core Web Vitals.

Como testar o seu em cinco minutos

  1. Teste no aparelho de verdade. Redimensionar a janela do computador não simula dedo, nem 4G, nem sol na tela.
  2. Rode o PageSpeed Insights na aba celular. Ele aponta problema de área de toque, tamanho de fonte e conteúdo mais largo que a tela.
  3. Cheque no Search Console. A inspeção de URL mostra como o Google enxerga a sua página, e ali você vê se sumiu conteúdo.
  4. Peça para alguém de fora tentar. Alguém que não conhece o site, de preferência do perfil do seu cliente. Cinco minutos observando essa pessoa valem mais que qualquer relatório.
  5. Teste com uma mão só, andando. É a condição real de uso.

Não dá para consertar tudo com remendo

Site feito só para desktop e depois "ajustado" para o celular quase sempre fica meio quebrado para sempre. O jeito certo é o contrário: projetar primeiro para a tela pequena, onde só cabe o essencial, e depois expandir. O que sobrevive ao filtro do celular costuma ser exatamente o que importa no desktop também.

É por isso que, quando um site antigo tem problema estrutural de mobile, refazer costuma custar menos que remendar por meses.

Conclusão

O celular é onde o seu cliente está, e é a versão que o Google usa para te avaliar. Responsivo de verdade é o site que reorganiza, carrega leve no 4G, tem botão do tamanho de um dedo e coloca o contato a um toque de distância.

Na NEX Agency a gente projeta todo site pensando primeiro no celular, com WhatsApp acessível de qualquer ponto da página, e o domínio e o código-fonte ficam no seu nome. Fale com a Fabiana no WhatsApp pela página de criação de sites.