Site responsivo: por que seu site precisa funcionar bem no celular

Atendente de cafeteria sorrindo enquanto olha o celular na porta do estabelecimento, com uma xícara de café na mão

Pense na última vez que você procurou um serviço. Provavelmente foi pelo celular, entre uma tarefa e outra, comparando duas ou três empresas em poucos minutos. O seu cliente faz o mesmo. E, se o seu site não funciona bem na tela pequena, ele volta para o Google e chama o concorrente.

É por isso que ter um site responsivo deixou de ser detalhe técnico. Ele é a diferença entre um visitante que vira contato e um visitante que desiste antes de ler a primeira linha.

O que é um site responsivo

Site responsivo é aquele que se adapta ao tamanho da tela. O mesmo site se reorganiza para funcionar no computador, no tablet e no celular: as colunas viram uma sequência, as imagens se ajustam, o menu se recolhe e os botões ficam do tamanho certo para o dedo.

O visitante não precisa dar zoom, arrastar a página para o lado nem caçar o telefone de contato. Ele simplesmente lê, entende e age.

Por que o celular decide se o cliente chama você

Hoje a maior parte das pessoas acessa sites pelo celular. E o jeito de navegar no celular é diferente:

  • a pessoa está com pressa: lê pouco, rola rápido e decide em segundos;
  • a atenção é curta: qualquer travada, texto miúdo ou botão difícil é motivo para sair;
  • o contato é imediato: quem gosta do que vê quer tocar no WhatsApp ou ligar na hora.

Um site que não foi pensado para essa situação pode até ser bonito no computador, mas perde justamente o cliente que estava mais perto de entrar em contato.

Site responsivo e Google

O Google analisa os sites principalmente pela versão para celular. Na prática, é ela que conta na hora de decidir quem aparece nas buscas. Se o seu site é bom no computador, mas confuso no celular, é a versão confusa que o Google leva em consideração.

Além disso, o Google mede a experiência de quem visita: tempo de carregamento, estabilidade da página enquanto ela abre e rapidez na resposta ao toque. Um site lento ou que "pula" no celular tende a perder espaço para concorrentes mais bem preparados.

Caber na tela não é o mesmo que funcionar no celular

Muitos sites "cabem" no celular, mas não funcionam bem nele. Alguns sinais de que o seu precisa de atenção:

  • textos pequenos, que só dá para ler com zoom;
  • botões e links tão próximos que a pessoa toca no errado;
  • menu difícil de encontrar ou de fechar;
  • imagens pesadas, que deixam a página lenta no 4G;
  • janelas e banners que cobrem o conteúdo e não fecham com facilidade;
  • formulários longos, com campos que o teclado do celular esconde;
  • WhatsApp e telefone escondidos no rodapé.

Se você reconheceu dois ou mais desses pontos, o seu site provavelmente está perdendo contatos sem você perceber.

Teste o seu site em 5 minutos

Você não precisa ser técnico para fazer uma primeira avaliação. Pegue o celular e faça este teste:

  1. Abra o site pelo 4G, sem Wi-Fi, e veja quanto tempo ele demora para aparecer.
  2. Leia o primeiro bloco de texto sem dar zoom.
  3. Tente achar o WhatsApp ou o telefone em até dois toques.
  4. Abra e feche o menu.
  5. Preencha o formulário de contato até o fim.
  6. Gire o celular na horizontal e veja se a página continua organizada.

Para uma análise mais completa, use o PageSpeed Insights, ferramenta gratuita do Google que mostra a nota do site no celular e no computador. Se você já usa o Google Search Console, o relatório Principais Métricas da Web separa os resultados das duas versões e mostra quais páginas precisam de ajuste.

Como pensamos o site no celular

Na Afino Design, o celular não é uma adaptação feita no fim do projeto. Ele entra no planejamento desde o começo:

  • o layout é desenhado pensando em quem vai acessar pela tela pequena;
  • textos e botões têm tamanho confortável para leitura e toque;
  • o WhatsApp fica sempre a um toque de distância;
  • as imagens são otimizadas para o site abrir rápido, mesmo no 4G;
  • antes da entrega, o site é testado em celulares e navegadores diferentes.

Esse é um dos 7 diferenciais de um site profissional que fazem o projeto gerar clientes, e não só ocupar um endereço na internet.

Seu site está pronto para o celular?

Se o teste acima mostrou problemas, a boa notícia é que eles têm solução. Em alguns casos, ajustes pontuais resolvem. Em outros, vale repensar o site com o celular no centro do projeto.

Conheça a nossa criação de sites, veja alguns projetos no portfólio ou fale com a gente para conversar sobre o site da sua empresa. E, se você atende clientes da sua região, aproveite para ler também o nosso post sobre o Google Perfil da Empresa.

William Robson
Escrito porWilliam RobsonCeo

Designer gráfico formado em 2008, William se especializou em webdesign em 2010 e em marketing digital pela Mirago em 2016. São mais de 16 anos criando sites e marcas para empresas de Taubaté, São Paulo e Rio de Janeiro. Hoje dirige os projetos web da Afino Design e lidera as equipes de branding, social media e marketing digital.

Dê o próximo passo

Sua marca merece o próximo nível.

Sua marca merece o próximo nível.

Design de impacto, tecnologia WordPress e controle total nas suas mãos. A parceria que faltava para o seu crescimento digital começa aqui.

Começar meu projeto