Seu site recebe visitantes, mas eles somem em menos de 10 segundos — antes de clicar no WhatsApp, antes de ler, antes de confiar. Eu sou o Matheus Santos, desenvolvedor web, e em auditorias de UX identifico os mesmos erros em sites que matam conversão instantaneamente. Neste artigo detalho os 10 erros mais fatais, por que cada um afasta clientes e como corrigi-los — seja você dono de negócio avaliando seu site ou empreendedor prestes a contratar criação profissional.
Por que 10 segundos decidem se o cliente fica ou abandona
Pesquisas de UX indicam que visitantes formam primeira impressão em 50 milissegundos — meio segundo. Mas a decisão de ficar ou sair se consolida nos primeiros 3 a 10 segundos. Nesse intervalo, o cérebro responde: "isso parece confiável?", "encontro o que preciso?", "consigo usar no celular?", "vale continuar?"
Google confirma: taxa de rejeição (bounce rate) alta e tempo na página baixo são sinais negativos de qualidade. Site que afasta visitantes perde posição nos resultados de busca — ciclo vicioso. Corrigir erros de UX impacta conversão e SEO simultaneamente.
Se seu site não aparece no Google, parte do problema pode ser experiência ruim — leia SEO para empresas: por que seu site não aparece no Google. Se aparece mas não converte, este artigo é para você.
Erro 1: Layout desatualizado e aparência amadora
Visitante compara seu site — consciente ou inconscientemente — com referências de empresas grandes. Layout de 2015 com slider genérico, sombras excessivas, gradientes dated e stock photos óbvias gritam "não investiram no negócio". Cliente raciocina: se site é amador, serviço provavelmente também é.
Sinais de layout desatualizado
- Carrossel/slider na homepage (ninguém clica no slide 3)
- Fontes serifadas genéricas ou Comic Sans em contexto corporativo
- Blocos de texto centralizados em coluna estreita com fundo texturizado
- Botões com efeito "gel" ou bordas arredondadas exageradas de era Web 2.0
- Proporções quebradas — elementos sobrepostos, espaçamento inconsistente
Como corrigir
Design limpo com whitespace generoso, tipografia moderna (Inter, Poppins, system fonts), grid consistente, fotos reais do negócio, paleta de 2-3 cores + neutros. Site profissional não precisa ser extravagante — precisa parecer atual e intencional. Compare em site barato ou site profissional.
Erro 2: Site lento — cada segundo custa clientes
Velocidade é UX e SEO. Site que demora 5 segundos para carregar perde mais da metade dos visitantes mobile antes de ver qualquer conteúdo. Hospedagem barata, imagens não otimizadas, 25 plugins WordPress e scripts de rastreamento empilhados são culpados habituais.
Impacto mensurável
| Tempo de carregamento | Taxa de abandono estimada | Impacto em conversão |
|---|---|---|
| 1-2 segundos | Baixa (~10%) | Referência baseline |
| 3 segundos | ~32% | -15% conversão |
| 5 segundos | ~90% | -35% conversão |
| 8+ segundos | ~95%+ | Conversão residual |
Como corrigir
Comprima imagens (WebP, max 200KB por imagem de conteúdo), ative cache, use CDN, remova plugins desnecessários, escolha hospedagem adequada. Teste no PageSpeed Insights e busque LCP abaixo de 2,5s. Detalhes técnicos em checklist completo de site profissional.
Erro 3: Botão de contato escondido ou difícil de encontrar
Cliente decidiu entrar em contato — mas onde está o telefone? WhatsApp só no rodapé? Formulário em página separada a três cliques de distância? Cada segundo procurando contato é segundo de dúvida. Dúvida mata conversão.
Erros específicos
- WhatsApp apenas no rodapé, sem botão flutuante
- Telefone em imagem (não clicável, não copiável)
- Formulário com 12 campos obrigatórios
- Link "Contato" no menu que leva a página genérica sem formulário visível
- Botão de CTA com cor que se confunde com o fundo
Como corrigir
Botão flutuante de WhatsApp visível em todas as páginas com mensagem pré-preenchida contextual. Telefone clicável no header mobile. Formulário enxuto (nome, telefone, mensagem) acima da dobra em páginas de serviço. CTA repetido a cada 1-2 scrolls de conteúdo.
Erro 4: Excesso de texto sem escaneabilidade
Ninguém lê blocos de 500 palavras sem parágrafo na web. Visitante escaneia: títulos, subtítulos, bullet points, negritos. Página de serviço com seis parágrafos densos e zero hierarquia visual é convite para voltar ao Google e clicar no concorrente.
Erros de conteúdo
- Parágrafos com mais de 4 linhas sem quebra
- Ausência de subtítulos (h2, h3) em textos longos
- Jargão técnico sem explicação para leigo
- Texto genérico copiado de concorrente ou fabricante
- Informação importante enterrada no meio de texto irrelevante
Como corrigir
Estruture com títulos descritivos a cada 150-200 palavras. Use listas para benefícios e processos. Destaque informações-chave em negrito. Primeiro parágrafo responde "o que é" e "por que importa". Adicione FAQ para dúvidas comuns. Conteúdo denso e escaneável convive — veja este artigo como exemplo.
Erro 5: Falta de CTA claro e orientado à ação
CTA (Call to Action) diz ao visitante o que fazer agora. "Saiba mais" é CTA fraco. "Agende sua avaliação gratuita pelo WhatsApp" é CTA forte. Site sem CTA claro deixa visitante interessado sem direção — ele sai.
CTAs fracos vs fortes
| CTA fraco | CTA forte |
|---|---|
| Clique aqui | Solicite orçamento gratuito |
| Saiba mais | Veja como funciona o tratamento |
| Contato | Fale com especialista agora |
| Enviar | Quero receber proposta personalizada |
Como corrigir
Um CTA primário por seção. Verbo de ação + benefício. Cor contrastante com o restante da página. Repita CTA após blocos de prova social e descrição de serviço. Em landing pages, CTA acima da dobra é obrigatório — leia landing page de conversão para negócios.
Erro 6: Site que não funciona no celular
Mais de 70% do tráfego de sites de negócios locais vem de smartphone. Site que exige zoom, menu que não abre, botões minúsculos e textos ilegíveis no mobile perde a maioria dos visitantes — e posições no Google, que indexa mobile-first.
Sintomas de site não responsivo
- Texto com fonte menor que 16px no mobile
- Menu hambúrguer que não funciona ou não existe
- Imagens que estouram largura da tela
- Formulários impossíveis de preencher (campos cortados)
- Pop-ups que cobrem tela inteira e não fecham
Como corrigir
Design mobile-first — projete para celular antes de desktop. Teste em dispositivos reais (iPhone, Android intermediário). Botões com área de toque mínima de 44x44px. Google Mobile-Friendly Test como verificação básica.
Erro 7: Imagens pesadas, genéricas ou irrelevantes
Imagem de banco de imagens — executivos sorrindo em reunião falsa — destrói credibilidade instantaneamente. Cliente percebe, mesmo sem articular. Somado a isso, imagens de 3MB em PNG empurram site para lentidão.
Erros comuns
- Stock photos genéricas em vez de fotos reais da equipe e instalações
- Imagens em resolução 4K para exibição de 400px
- Formato PNG para fotos (deveria ser WebP/JPEG otimizado)
- Sliders com 5 imagens pesadas carregando simultaneamente
- Vídeos autoplay com som em homepage
Como corrigir
Fotos reais do negócio — equipe, consultório, obras, produtos. Compressão com TinyPNG, Squoosh ou plugin de otimização. Lazy loading para imagens abaixo da dobra. Formato WebP com fallback. Vídeos: clique para play, nunca autoplay com áudio.
Erro 8: Menu confuso e navegação caótica
Visitante tem 10 segundos — não 10 minutos — para encontrar o serviço que busca. Menu com 15 itens, dropdowns dentro de dropdowns, nomenclatura interna ("Soluções" em vez de "Serviços") e links quebrados são barreiras desnecessárias.
Erros de navegação
- Mais de 7 itens no menu principal
- Termos vagos: "Soluções", "Produtos" sem especificar
- Página de serviço enterrada três níveis abaixo
- Links externos que abrem na mesma aba (visitante sai do site)
- Menu diferente em cada página (inconsistência)
Como corrigir
Máximo 5-7 itens no menu. Nomes descritivos: "Implante Dentário" em vez de "Tratamentos". Breadcrumbs em páginas internas. Link ativo destacado. Teste com pessoa externa: peça para encontrar serviço X em 10 segundos.
Erro 9: Cores e tipografia que impedem leitura
Texto cinza claro em fundo branco. Fonte decorativa em parágrafos longos. Contraste insuficiente entre botão e fundo. Site pode ser "bonito" no olhar rápido e completamente ilegível na prática.
Problemas frequentes
- Contraste abaixo de 4.5:1 (WCAG AA) entre texto e fundo
- Mais de 3 fontes diferentes no mesmo site
- Texto sobre imagem sem overlay escuro
- Links indistinguíveis do texto normal
- Cor do CTA igual a elementos decorativos
Como corrigir
Verifique contraste com WebAIM Contrast Checker. Máximo 2 fontes (uma para títulos, uma para corpo). Overlay semi-transparente em textos sobre imagens. CTA em cor de destaque exclusiva — usada só para ação.
Erro 10: Zero prova social e sinais de confiança
Visitante desconhecido precisa de evidência para confiar. Site sem depoimentos, sem avaliações, sem logos de clientes, sem CNPJ, sem endereço físico, sem certificações — é site anônimo. Anônimo não converte serviço de ticket médio ou alto.
Elementos de confiança ausentes
- Depoimentos reais (nome, foto, contexto)
- Avaliações Google embarcadas ou linkadas
- Logos de clientes ou parceiros
- Certificações profissionais (CRM, OAB, CREA)
- Endereço físico verificável com mapa
- CNPJ e razão social no rodapé
- Política de privacidade e termos (LGPD)
- HTTPS ativo (cadeado de segurança)
Como corrigir
Seção de depoimentos em homepage e páginas de serviço. Widget de avaliações Google. "Empresas que confiam" com logos reais. Dados cadastrais visíveis. Selo SSL. Cada sinal reduz atrito na decisão de contato. Impacto em vendas explicado em como site profissional aumenta vendas.
Erros bônus: 5 problemas extras que afastam clientes
Pop-ups agressivos no primeiro segundo
Modal de desconto antes do visitante ler uma linha é equivalente a vendedor gritando na porta. Exit-intent após engajamento ou pop-up após 30 segundos é menos invasivo. Pop-up cobrindo tela inteira no mobile é especialmente punido — visitante nem sabe onde clicou.
Música ou som automático
Ninguém quer ser surpreendido com áudio em ambiente de trabalho, transporte ou reunião. Autoplay com som é receita para fechar aba imediatamente. Se usar vídeo background, mudo sempre.
Informações desatualizadas
Promoção de 2023 ainda no banner. Telefone antigo no rodapé. Equipe com profissional que saiu há dois anos. Data "© 2020" no copyright. Cada inconsistência grita desleixo — cliente assume que atendimento será igual.
Formulário que não funciona
Visitante preenche, clica enviar, nada acontece — ou pior, erro genérico. Teste formulários mensalmente. Configure e-mail de confirmação para o remetente. Formulário quebrado é conversão zero com tráfego positivo.
Site inacessível ou fora do ar
Erro 500, certificado SSL expirado, domínio vencido. Monitoramento de uptime (UptimeRobot gratuito) alerta antes que clientes vejam. Cada hora offline em horário comercial são leads perdidos para concorrente.
Quanto cada erro custa em receita perdida
Traduzir abandono em dinheiro motiva correção. Exemplo para clínica com 1.000 visitantes/mês e ticket médio R$ 800:
| Erro | Abandono estimado | Leads perdidos/mês | Receita perdida/mês* |
|---|---|---|---|
| Site lento (5s+) | 50% | 50 | R$ 4.000 |
| Mobile quebrado | 40% do tráfego mobile | 28 | R$ 2.240 |
| CTA escondido | 30% dos que ficaram | 21 | R$ 1.680 |
| Layout amador | 25% | 25 | R$ 2.000 |
| Sem prova social | 20% | 20 | R$ 1.600 |
*Assumindo taxa de conversão base 10% e taxa de fechamento 10% sobre leads. Números variam por segmento, mas ordem de magnitude é real. Site com 3 erros críticos pode perder R$ 5.000-10.000/mês em receita potencial.
Antes e depois: o que muda ao corrigir erros
Cliente meu (clínica odontológica) tinha site com 4 dos 10 erros: lento (LCP 5,2s), sem WhatsApp flutuante, mobile com menu quebrado e zero depoimentos. Taxa de conversão era 0,8% (8 leads em 1.000 visitas).
Após correções: LCP 1,9s, WhatsApp flutuante, mobile refeito, seção com 6 depoimentos reais. Taxa subiu para 3,2% (32 leads) em 60 dias — mesmo tráfego, mesma origem. Quatro vezes mais contatos sem gastar um real a mais em ads.
Correções de UX têm ROI imediato porque aproveitam tráfego que você já tem. Antes de investir em mais mídia, conserte vazamentos.
Como auditar seu site agora: checklist rápido
Percorra seu site como cliente em potencial e marque cada item:
- Homepage carrega em menos de 3 segundos no 4G?
- Design parece atual (comparado com concorrentes)?
- WhatsApp ou telefone visível sem scroll no mobile?
- Texto escaneável com títulos e listas?
- CTA claro e repetido ao longo da página?
- Site funciona perfeitamente no celular?
- Imagens reais, leves e relevantes?
- Menu com máximo 7 itens claros?
- Texto legível com bom contraste?
- Depoimentos, endereço e sinais de confiança presentes?
Cada "não" é um vazamento de clientes. Priorize correção dos erros 2 (velocidade), 3 (CTA escondido) e 6 (mobile) — impacto imediato maior.
Se acumulou muitos "não", refazer pode ser mais eficiente que remendar. Avalie com quanto custa criar um site profissional e processo de criação do início ao fim. Para campanhas de ads, combine site corrigido com landing page ou site completo estratégico.
Evite cair em armadilhas na contratação: como escolher empresa de criação de sites. Opções acessíveis em promoção de site profissional.
Teste heurístico de Nielsen aplicado a sites de negócios
Heurísticas de usabilidade de Jakob Nielsen, adaptadas para sites comerciais:
- Visibilidade do status: visitante sabe onde está? Breadcrumb, menu ativo, título da página claro.
- Correspondência com mundo real: linguagem do cliente, não jargão interno. "Limpeza de estofados" em vez de "Higienização têxtil de mobiliário".
- Controle e liberdade: botão voltar funciona, pop-ups fecham facilmente, sem dead-ends.
- Consistência: mesmos padrões de botão, cor e layout em todas as páginas.
- Prevenção de erro: formulário valida antes de enviar, campos com máscara (telefone, CEP).
- Reconhecimento vs memorização: menu visível, CTAs claros — visitante não precisa memorizar onde clicou.
- Flexibilidade: múltiplos caminhos para contato (WhatsApp, telefone, formulário).
- Design minimalista: cada elemento tem propósito. Remova o que não serve conversão ou informação.
- Recuperação de erro: mensagens de erro claras em formulários ("E-mail inválido" em vez de "Erro 422").
- Ajuda: FAQ acessível, chat ou WhatsApp para dúvidas.
Erros específicos por segmento de negócio
Clínicas e consultórios
Fotos assustadoras de procedimentos, ausência de informação sobre convênios, telefone que ninguém atende. Cliente quer acolhimento visual e clareza sobre valores.
Advocacia e contabilidade
Texto jurídico/contábil incompreensível, foto de banco genérica em vez de equipe real, ausência de áreas de atuação específicas. Cliente quer saber se você resolve o problema dele.
Comércio local
Endereço impossível de encontrar, horário desatualizado, catálogo de produtos sem preço. Cliente quer saber se vale a visita presencial.
Prestadores de serviço (reformas, limpeza)
Portfólio inexistente ou com fotos baixa resolução, ausência de área de cobertura, orçamento sem transparência mínima. Cliente quer ver trabalho anterior e saber se atende sua região.
Ferramentas gratuitas para auditar seu site
- Google PageSpeed Insights: velocidade e Core Web Vitals
- Google Mobile-Friendly Test: compatibilidade mobile
- WebAIM Contrast Checker: legibilidade de cores
- Microsoft Clarity: gravações de sessão e heatmaps gratuitos
- Google Analytics 4: taxa de rejeição e tempo na página por URL
- Hotjar (plano free): mapas de calor básicos
Configure Clarity ou Hotjar e observe gravações reais de sessão — ver onde visitantes clicam, onde rolam e onde abandonam é mais revelador que qualquer teoria de UX.
Priorização de correções por impacto e esforço
| Correção | Impacto | Esforço | Prioridade |
|---|---|---|---|
| Adicionar WhatsApp flutuante | Alto | Baixo | 1 — Faça hoje |
| Comprimir imagens | Alto | Baixo | 2 — Faça hoje |
| Corrigir mobile quebrado | Alto | Médio | 3 — Esta semana |
| Adicionar depoimentos | Alto | Baixo | 4 — Esta semana |
| Reescrever CTAs | Médio | Baixo | 5 — Esta semana |
| Redesign completo | Alto | Alto | 6 — Planeje com profissional |
| Trocar hospedagem | Alto | Médio | 7 — Se TTFB alto |
Psicologia do abandono: o que o visitante pensa em 10 segundos
Entender o monólogo interno do visitante ajuda a corrigir erros. Segundo a segundo:
0-1s: "Carregou?" — tela branca ou spinner = abandono imediato. 1-3s: "Parece confiável?" — design datado ou amador = desconfiança. 3-5s: "É o que eu preciso?" — título genérico ou slider confuso = confusão. 5-8s: "Consigo usar no celular?" — zoom necessário ou menu quebrado = frustração. 8-10s: "Como entro em contato?" — CTA invisível = saída para concorrente.
Cada erro deste artigo intercepta uma dessas perguntas. Corrigir os cinco primeiros segundos é mais impactante que otimizar parágrafo no rodapé.
Mobile first detalhado: o que testar no smartphone
Abra seu site no celular e verifique item por item:
- Logo e título visíveis sem scroll?
- Menu hambúrguer abre e fecha corretamente?
- Texto legível sem pinça/zoom? (mínimo 16px)
- Botões grandes o suficiente para dedo? (44px mínimo)
- WhatsApp flutuante não cobre conteúdo importante?
- Formulário preenchível sem teclado cobrindo campos?
- Imagens não estouram largura da tela?
- Pop-ups fecham facilmente no touch?
- Telefone é clicável (tel: link)?
- Mapa carrega e é interativo?
Se falhou em 3 ou mais, seu site está perdendo a maioria dos visitantes mobile. Priorize correção antes de qualquer outra melhoria. Mobile first é requisito crítico do checklist de site profissional.
O que exigir do desenvolvedor para evitar esses erros
Ao contratar criação de site, inclua no escopo explicitamente:
- PageSpeed score mínimo 80 mobile
- Design responsivo testado em dispositivos reais
- WhatsApp flutuante com mensagem contextual
- CTA acima da dobra em todas as páginas de serviço
- Formulário com máximo 4 campos
- Depoimentos em homepage e páginas de serviço
- Imagens otimizadas em WebP
- Seção FAQ em páginas principais
Desenvolvedor profissional inclui estes itens por padrão. Se não estão no orçamento, questione qualidade. Referência: como escolher empresa de criação de sites.
Teste A/B de elementos críticos
Após corrigir erros graves, teste variações: cor do botão CTA, texto do headline, posição do WhatsApp, com/sem vídeo no hero. Ferramentas como Google Optimize (descontinuado) ou testes manuais alternados por semana revelam o que funciona para seu público específico. Dados vencem opinião — inclusive a minha.
Checklist rápido para imprimir e auditar
Use esta lista simplificada para auditoria de 15 minutos:
- Site carrega em menos de 3 segundos no celular 4G?
- Design parece atual comparado aos 3 principais concorrentes?
- WhatsApp visível sem scroll no mobile?
- Pelo menos 3 depoimentos reais com nome?
- Formulário funciona (teste real de envio)?
- Menu com no máximo 7 itens claros?
- Texto legível sem zoom no celular?
- HTTPS ativo com cadeado verde?
- Endereço e telefone corretos no rodapé?
- CTA claro repetido ao longo das páginas principais?
Cada item falho representa clientes perdidos hoje — não amanhã. Corrija na ordem de prioridade da tabela de impacto vs esforço deste artigo. Se precisar de site novo em vez de remendo, avalie landing page ou site completo conforme seu canal de tráfego principal. Site profissional bem executado evita estes erros desde o lançamento — veja checklist completo de site profissional.
Velocidade percebida vs velocidade real
Visitante julga velocidade nos primeiros 1-2 segundos — antes mesmo do site carregar completamente. Skeleton screens, placeholder de conteúdo e priorização de above-the-fold criam sensação de rapidez mesmo enquanto recursos pesados carregam abaixo. Perceived performance complementa otimização técnica real medida pelo PageSpeed Insights.
Perguntas frequentes sobre erros em sites
Qual erro mais faz clientes abandonarem sites?
Velocidade e mobile quebrado são os dois campeões de abandono. Juntos, podem eliminar 80%+ dos visitantes mobile antes de qualquer interação.
Como saber minha taxa de rejeição?
Google Analytics 4 → Relatórios → Páginas e telas → Taxa de rejeição por página. Acima de 70% indica problema grave de UX ou tráfego desalinhado.
Site bonito mas sem conversão — o que falta?
Provavelmente CTA fraco, falta de prova social ou velocidade ruim. Design atraente sem estratégia de conversão é vitrine sem caixa.
Pop-up de desconto ajuda ou atrapalha?
Pop-up no primeiro segundo atrapalha — aumenta rejeição. Pop-up após 30 segundos ou exit-intent pode converter visitante que já ia sair. Teste A/B.
Quantos CTAs devo ter por página?
Um CTA primário (WhatsApp/orçamento) repetido 3-5 vezes ao longo da página. CTAs secundários (ler artigo, ver portfólio) podem coexistir sem competir visualmente.
Autoplay de vídeo na homepage é bom?
Vídeo mudo autoplay pode funcionar como background. Vídeo com som autoplay irrita e aumenta abandono. Nunca autoplay com áudio.
Menu com dropdown no mobile funciona?
Dropdowns aninhados no mobile são difíceis de usar. Prefira menu flat com subpáginas ou accordion de um nível.
Site feito em construtor (Wix, Elementor) tem esses erros?
Construtores facilitam design amador se usados sem critério. Elementos empilhados, scripts pesados e templates genéricos geram os mesmos erros. Ferramenta não substitui estratégia.
Preciso refazer site ou dá para corrigir?
Correções pontuais (velocidade, CTA, depoimentos) valem a pena em site com base sólida. Layout muito datado, não responsivo e lento = refazer é mais econômico.
Erros de UX afetam SEO?
Sim. Core Web Vitals, taxa de rejeição e tempo na página influenciam ranqueamento. Google prioriza sites que usuários aparentemente valorizam.
Como testar meu site com usuários reais?
Peça a 3-5 pessoas (não da equipe) para completar tarefa: "encontre preço do serviço X e entre em contato". Observe onde travam. Testes moderados de 5 usuários revelam 85% dos problemas críticos.
Fale comigo no WhatsApp e receba análise dos erros que estão afastando clientes do seu site — com prioridades de correção claras.
