Site responsivo: por que é essencial para o seu negócio

Site responsivo é aquele que se reorganiza sozinho para caber bem em qualquer tela: celular, tablet, notebook, monitor grande. Não é uma versão separada "para celular" — é o mesmo site, que muda de forma conforme o espaço disponível.

Hoje isso deixou de ser diferencial e virou piso. A maior parte das visitas de negócio local chega pelo telefone, quase sempre de gente que está fora de casa e resolvendo algo naquele momento.

O que acontece quando não é responsivo

O site não quebra de forma óbvia. Ele fica desconfortável, que é pior, porque a pessoa não reclama: ela só vai embora.

• O texto fica minúsculo e obriga a dar zoom para ler qualquer coisa.
• É preciso arrastar para o lado para ver o resto do conteúdo.
• Os botões ficam pequenos demais para o dedo, e a pessoa erra o alvo.
• O menu não abre, ou abre e cobre a tela inteira sem botão de fechar.
• O telefone aparece como texto e não dá para ligar tocando nele.

Cada um desses atritos é uma desistência silenciosa. E acontece justamente com quem estava mais perto de comprar, porque quem procura no celular na rua costuma estar decidindo agora.

O Google indexa pelo celular

Vale saber disso porque muda a prioridade: o Google usa a versão móvel do seu site como a versão principal para avaliar e ranquear. Se a experiência no celular é ruim, o prejuízo não fica só em quem entrou — ele encolhe a quantidade de gente que chega a entrar.

Responsivo de verdade é mais que encolher

Muito site "responsivo" apenas espreme o layout de computador até caber. Tecnicamente responde; na prática é péssimo. Adaptar bem envolve decisões, não só redimensionamento:

• Ordem. No celular só existe uma coluna. O que aparece primeiro é escolha sua — e deve ser a informação que convence, não o carrossel de banner.
• Corte. Nem tudo precisa aparecer nos dois lugares. Tabela larga, imagem decorativa e bloco repetido podem sair na tela pequena.
• Alvo de toque. Botão e link precisam de área confortável para o dedo e espaço entre eles, para não errar o clique.
• Peso. Celular costuma estar em rede pior. Velocidade importa mais ainda aqui.
• Ação sempre à mão. O botão de WhatsApp precisa estar acessível em qualquer ponto da rolagem, não só lá no fim.

Por que começamos pelo celular

Desenhar primeiro na tela grande e adaptar depois leva sempre ao mesmo lugar: o celular fica com a sobra. Fazendo o caminho inverso — resolver primeiro a tela pequena, onde o espaço é escasso e cada elemento precisa justificar a presença — o resultado é um site mais enxuto nos dois lados.

A tela pequena é um bom editor. O que não sobrevive nela geralmente não fazia falta na tela grande também.