Site ruim no celular: como identificar e corrigir de vez

Um site com problema no celular perde visitas, cai no Google e deixa de gerar contatos todos os dias, em silêncio. O visitante tenta usar o menu, não consegue, fecha e vai embora para o concorrente. Você só fica sabendo quando um cliente comenta, e muitos nunca comentam.

A WebFormas é uma agência de criação de sites em São Paulo que reforma sites com esse tipo de problema toda semana. O padrão é sempre o mesmo: o dono sabia que algo estava errado, mas não sabia o que pedir para corrigir. Este artigo muda isso.

Abaixo você vai entender por que o problema é sério, reconhecer os sintomas, diagnosticar sozinho em menos de 10 minutos e saber exatamente o que falar com um profissional se precisar de ajuda.

<

>

Por que um site ruim no celular afeta diretamente o seu negócio?

Mais de 60% das buscas no Google no Brasil são feitas pelo celular (dados do Google, 2024). Para um restaurante, uma clínica ou uma loja de roupas, esse número provavelmente passa de 70%. Cada visitante que chega ao seu site pelo telefone e encontra um layout quebrado é um cliente potencial que você perdeu naquele segundo.

O impacto não para na experiência do usuário. Desde 2019, o Google adotou o índice mobile-first: o robô de busca avalia a versão mobile do seu site para decidir onde você aparece nas pesquisas. Se o seu site tem problemas sérios no celular, sua posição cai, mesmo que a versão desktop seja impecável.

Pense num exemplo concreto. Uma clínica odontológica tem um botão de "Agendar consulta" que fica escondido atrás do menu no celular. O paciente não consegue clicar, desiste e liga para outro dentista que aparece logo abaixo na busca. A clínica nem sabe quantas vezes isso acontece por semana.

Além de tráfego e conversão, há o custo de tráfego pago desperdiçado. Se você investe em anúncios no Google e a página de destino não funciona bem no celular, está pagando para mandar visitas a um site que as expulsa. Esse é um dos erros mais caros que vemos no dia a dia.

Quais são os sintomas de um site não funciona bem no celular?

Estes são os problemas mais comuns em sites de pequenas e médias empresas. Você provavelmente vai reconhecer pelo menos dois deles ao testar o seu agora.

1. Menu que some ou fica inacessível

Em telas pequenas, o menu horizontal de desktop costuma ser substituído por um ícone de três linhas (chamado de "hambúrguer"). Quando o JavaScript que controla esse ícone falha, o menu não abre. O visitante fica preso na página inicial sem conseguir navegar para serviços, contato ou portfólio.

Uma loja de roupas com cinco categorias de produto perde toda a navegação do site se esse botão não funcionar. O cliente vê só a capa e vai embora.

Como verificar: abra o site no seu celular, toque no ícone do menu e veja se ele abre. Se não abrir ou abrir parcialmente, o problema existe.

2. Botões pequenos demais para o dedo

O Google recomenda que áreas clicáveis tenham no mínimo 48 por 48 pixels. Muitos sites têm botões menores que isso, ou links tão próximos uns dos outros que o usuário toca no errado toda hora. É frustrante e leva ao abandono.

Num site de restaurante, um botão de "Reservar mesa" com 20 pixels de altura ao lado de "Ver cardápio" praticamente garante que o cliente vai errar o toque e perder a paciência.

Como verificar: tente apertar os botões principais do seu site com o polegar. Se precisar de precisão de pinça, o botão é pequeno demais.

3. Texto cortado ou saindo da tela

Quando o texto foi configurado com largura fixa em pixels (por exemplo, width: 800px), ele transborda a tela do celular. O visitante vê metade da frase e precisa rolar para o lado para ler o resto. Quase ninguém faz isso: a maioria simplesmente fecha.

Como verificar: abra qualquer página de texto do seu site no celular e role para baixo. Se aparecer uma barra de rolagem horizontal, tem texto ou elemento saindo da tela.

4. Imagens que transbordam ou somem

Imagens sem a regra max-width: 100% no CSS ultrapassam a largura da tela. O resultado é um layout quebrado onde parte da imagem fica cortada. O oposto também acontece: imagens que ficam minúsculas e irreconhecíveis em telas pequenas porque não têm tamanho relativo configurado.

Para uma clínica que usa fotos dos procedimentos para convencer o paciente, uma imagem que aparece desfigurada pode transmitir má impressão antes mesmo de o texto ser lido.

5. Pop-up que não fecha

Pop-ups de desconto, newsletter ou aviso de cookies são comuns. O problema é quando o botão de fechar fica fora da tela no celular, ou quando o pop-up ocupa a tela inteira sem permitir rolagem. O Google penaliza explicitamente pop-ups intrusivos em mobile desde 2017.

O visitante abre o site, vê o pop-up cobrindo tudo, não acha como fechar e sai. O negócio perdeu a visita e ainda corre risco de penalização no ranqueamento.

6. Formulário impossível de preencher

Campos de formulário muito pequenos, teclado que abre e cobre o campo ativo, ou campos sem o tipo correto (por exemplo, campo de telefone sem type="tel", que abre o teclado numérico automaticamente) tornam o preenchimento uma tortura no celular.

Uma clínica que depende de formulários de agendamento perde contatos todas as noites quando o paciente tenta marcar consulta pelo celular às 22h e desiste na metade do formulário.

7. Carregamento lento no 4G

Velocidade é parte da experiência mobile. O Google indica que 53% dos usuários abandonam uma página que leva mais de 3 segundos para carregar no celular. Sites com imagens sem compressão, vídeos em autoplay e muitos plugins carregam em 8, 10, 15 segundos no 4G. Cada segundo a mais é mais abandono.

Um site de loja de roupas com 40 fotos de produtos sem compressão pode demorar 12 segundos para abrir no 4G. Nesse tempo, o cliente já está no Instagram do concorrente.

Como diagnosticar o site mobile ruim você mesmo (grátis, em 10 minutos)

Você não precisa entender de código para fazer um diagnóstico básico. Dois recursos gratuitos do Google já mostram os problemas principais.

Ferramenta 1: Teste de compatibilidade do Google Search Console

1. Acesse search.google.com/test/mobile-friendly no computador.
2. Cole a URL do seu site no campo indicado.
3. Clique em "Testar URL" e aguarde cerca de 30 segundos.
4. O Google mostra uma prévia de como seu site aparece no celular e lista os problemas encontrados.
5. Faça o mesmo para as páginas mais importantes: home, contato, serviços e a página que você usa em anúncios.

Se aparecer a mensagem "Página não é compatível com dispositivos móveis", você tem problemas sérios para corrigir com urgência. Se aparecer "Página compatível com dispositivos móveis", o básico está funcionando, mas ainda pode haver problemas de velocidade ou usabilidade que a ferramenta não detecta.

Ferramenta 2: Modo mobile do Chrome (inspecionar elemento)

1. Abra seu site no Chrome do computador.
2. Clique com o botão direito em qualquer área da página e escolha "Inspecionar".
3. No painel que abrir, clique no ícone de celular e tablet (canto superior esquerdo do painel).
4. Escolha um modelo de celular no menu suspenso (use "iPhone SE" ou "Galaxy S8+" para simular telas menores).
5. Role a página e clique nos botões, menus e formulários como um usuário faria.

Esse modo não é idêntico ao celular real, mas revela a maioria dos problemas de layout em menos de 5 minutos. Preste atenção em elementos que saem da tela, botões que não respondem e texto que fica sobreposto a outros elementos.

Depois de identificar os problemas, anote cada um com uma descrição simples. Essa lista vai ser essencial se você precisar contratar um profissional para corrigir.

<>

Por que seu site ficou ruim no celular? As causas mais comuns em PMEs

Saber o sintoma ajuda a identificar o problema. Saber a causa ajuda a corrigi-lo de vez, sem voltar ao mesmo ponto em seis meses.

Tema WordPress desatualizado ou gratuito sem responsividade real

O WordPress é a plataforma mais usada por PMEs no Brasil. O problema é que muitos sites foram criados com temas gratuitos antigos ou temas pagos que nunca foram atualizados. Um tema de 2015 não foi desenvolvido para as telas e navegadores de 2025.

Além disso, alguns temas gratuitos têm responsividade "decorativa": eles passam no teste básico do Google, mas têm problemas reais de usabilidade em telas menores que os testes automáticos não capturam. Só o teste manual revela.

A correção pode ser atualizar o tema (se o desenvolvedor ainda mantém) ou trocar por um moderno. Em alguns casos, o site todo precisa ser refeito porque o tema antigo está tão enraizado na estrutura que atualizar quebra tudo.

Banner de hero com imagem enorme e sem compressão

A imagem grande que ocupa a tela inteira na página inicial (chamada de "hero") é uma das maiores causas de lentidão em mobile. Uma foto em alta resolução enviada direto da câmera pode ter 5 MB ou mais. No celular no 4G, isso significa segundos de espera.

A correção é comprimir a imagem para formatos modernos como WebP, reduzir as dimensões para o tamanho máximo que o site realmente exibe e ativar carregamento lazy (adiado) para imagens que ficam abaixo da dobra.

Pop-up sem configuração para mobile

Pop-ups criados para desktop não têm, por padrão, um comportamento adequado em celular. O botão de fechar fica fora da área visível, a sobreposição impede rolagem e o conteúdo bloqueia a página inteira. A maioria dos plugins de pop-up tem configuração específica para mobile: é questão de ativar e ajustar o tamanho.

Ausência da meta tag viewport

A meta viewport é uma linha de código que instrui o navegador a adaptar a largura do site à tela do dispositivo. Sem ela, o celular renderiza o site como se fosse uma tela de desktop encolhida, com tudo minúsculo. É o caso clássico do site que aparece "pequenininho" e exige zoom para ler qualquer coisa.

A linha correta é: <meta name="viewport" content="width=device-width, initial-scale=1">. Ela vai dentro do <head> do HTML. Em um site WordPress, normalmente o tema insere isso automaticamente. Se não inserir, é sinal de que o tema tem problemas maiores.

CSS com larguras fixas em pixels

Quando o desenvolvedor original do site definiu larguras de colunas, imagens e caixas em pixels fixos (por exemplo, width: 960px), o layout não se adapta a telas menores. O conteúdo literalmente não cabe e transborda. A solução é substituir por unidades relativas (%, vw, em) e usar técnicas modernas como Flexbox e Grid.

O que pedir a um profissional para corrigir

Se o diagnóstico mostrou problemas que você não consegue resolver sozinho, contratar um profissional é o caminho. Mas para contratar bem, você precisa saber o que pedir. Veja o que incluir no pedido:

• Lista dos problemas encontrados no diagnóstico. Descreva cada sintoma que você viu: "o menu não abre no celular", "tem barra de rolagem horizontal na página de serviços", "o pop-up não fecha".
• Correção da meta viewport, se o teste do Google apontou ausência.
• Compressão e otimização de imagens em todas as páginas principais, com formato WebP.
• Ajuste de tamanho de botões e links para no mínimo 48 por 48 pixels em mobile.
• Revisão do pop-up para funcionar ou ser desativado em celular.
• Teste em pelo menos três modelos de celular diferentes após as correções (iOS Safari, Android Chrome, tela pequena e tela grande).
• Relatório do Google Search Console após a correção, confirmando que as páginas principais passaram no teste de compatibilidade.

Se o profissional disser que precisa refazer o site porque o tema não tem conserto, avalie com atenção. Em muitos casos, isso é verdade. Um site refeito com um tema moderno e responsivo resolve de uma vez os problemas que uma série de correções pontuais só adia. A empresa de otimização de sites (SEO) em São Paulo que você contrata também precisa ter essa visão: mobile e ranqueamento andam juntos.

Para negócios que dependem de campanhas, uma criação de landing pages em SP responsiva pode ser mais eficiente do que reformar um site complexo: você tem uma página nova, rápida e otimizada para mobile, pronta para receber tráfego pago.

Antes e depois: o impacto das correções em números

Problema	Impacto antes da correção	Impacto esperado após correção
Ausência de meta viewport	Site exibido em escala de desktop no celular; impossível navegar	Layout adapta à tela; navegação funcional em qualquer dispositivo
Imagens sem compressão (hero 5 MB)	Carregamento de 10 a 15 segundos no 4G; taxa de abandono elevada	Carregamento abaixo de 3 segundos; redução de 40 a 60% no abandono (estimativa de mercado)
Menu inacessível no celular	Usuário preso na home; zero navegação para outras páginas	Acesso completo ao site; aumento direto de páginas visitadas por sessão
Pop-up sem botão de fechar em mobile	Abandono imediato; possível penalização no Google	Visita continua; risco de penalização eliminado
Formulário inutilizável no celular	Zero conversões pelo celular, que representa 60 a 70% do tráfego	Formulários preenchidos normalmente; aumento imediato de leads
Botões pequenos demais	Cliques errados, frustração e saída rápida da página	Interação fluida; aumento de cliques no CTA principal

Próximos passos práticos

Você já sabe o que procurar e onde olhar. Agora é hora de agir. Siga esta ordem:

1. Hoje: Acesse search.google.com/test/mobile-friendly e teste a home e a página de contato do seu site. Anote o resultado.
2. Hoje: Abra o site no Chrome do computador em modo mobile (inspecionar elemento) e teste menu, botões e formulários. Anote os problemas que encontrar.
3. Esta semana: Se encontrou problemas, abra o Google PageSpeed Insights (pagespeed.web.dev) e cole a URL do seu site. Veja a aba "Mobile" e anote a nota e as sugestões principais.
4. Esta semana: Se você tem acesso ao WordPress, verifique se o tema está atualizado e se há plugins de pop-up que podem ser configurados para desativar no mobile.
5. Nas próximas 2 semanas: Se os problemas forem além do que você consegue resolver, leve a lista de sintomas anotados para um profissional e peça um orçamento detalhado com prazo de entrega e teste nos principais dispositivos incluído.

O trabalho de correção não é glamoroso, mas o resultado aparece rápido: mais visitantes ficam no site, mais formulários são preenchidos e o Google começa a tratar seu domínio com mais respeito. Tudo isso a partir de ajustes que, em muitos casos, levam menos de uma semana para implementar.