Primeira dobra é a parte do site que aparece na tela assim que a página carrega, antes de qualquer rolagem. Também é chamada de above the fold, termo que veio do jornalismo impresso, onde a dobra separava a metade visível na banca da metade de baixo do jornal.
Um estudo de comportamento de leitura conduzido por Jakob Nielsen, referência em usabilidade, mostrou que 80,3% do tempo de atenção do visitante ficava concentrado acima da dobra, antes de qualquer rolagem.
Em auditorias de sites de prestadores de serviço, a primeira dobra costuma errar do mesmo jeito, foto bonita, frase genérica tipo “bem-vindos ao nosso site”, e nenhuma forma direta de entender o que a empresa faz ou como entrar em contato.
O que significa primeira dobra na prática comercial?
Na prática, a primeira dobra é a primeira impressão que um visitante tem da empresa, antes mesmo de rolar a tela pra ver qualquer outro conteúdo. Se ela não explica o serviço, muita gente sai sem nem descer a página.
Isso vale tanto pra quem chega pelo celular quanto pelo computador, mas o espaço acima da dobra é bem menor no celular, o que exige escolher com mais cuidado o que entra ali.
Por que empresas de serviços devem se preocupar com primeira dobra?
Uma clínica, um escritório ou uma consultoria que investe em anúncio ou aparece bem no Google pode perder boa parte desse esforço se a primeira dobra não explicar rápido o que a empresa faz e pra quem atende.
Esse mesmo trecho inicial também costuma ser o que sistemas de busca com inteligência artificial usam primeiro pra entender do que se trata a página, antes de decidir se citam aquele conteúdo numa resposta.
Como identificar problemas relacionados a primeira dobra sem suporte técnico?
- Abrir o site no celular e ver, sem rolar, se dá pra entender o que a empresa faz;
- Cronometrar quantos segundos alguém de fora levaria pra entender o serviço só olhando essa área;
- Verificar se existe um botão ou link de contato visível sem precisar rolar;
- Checar se a frase principal fala do serviço ou só é um slogan genérico;
- Testar em pelo menos dois tamanhos de tela diferentes, celular e computador.
Alguém que nunca viu o site antes entenderia o que a empresa faz só olhando a primeira tela, sem rolar? Existe algum jeito de entrar em contato visível nessa mesma área?
O erro mais comum nesse ponto é usar só uma frase de efeito genérica, sem mencionar o serviço real. Outro erro frequente é colocar o botão de contato só depois de vários blocos decorativos, obrigando o visitante a rolar bastante antes de agir.
Tabela comparativa de primeira dobra e cenário ideal
| Problema | Cenário ideal | Impacto comercial |
|---|---|---|
| Frase genérica, tipo “bem-vindos ao nosso site” | Frase que nomeia o serviço e pra quem ele é | Visitante entende a oferta sem precisar rolar |
| Nenhum botão de contato visível de cara | Botão ou link de contato logo na primeira tela | Reduz a distância entre interesse e pedido de orçamento |
| Primeira dobra igual no celular e no computador, sem ajuste | Conteúdo ajustado pro espaço menor do celular | Evita cortar informação importante em quem acessa pelo celular |
| Só imagem decorativa, sem texto que explique o serviço | Imagem de apoio com texto que explica a oferta | Passa a mensagem mesmo pra quem não lê tudo |
- Frase genérica não passa informação, enquanto frase que nomeia o serviço ajuda o visitante a entender a oferta;
- Nenhum botão de contato visível afasta quem já decidiu, enquanto botão logo na primeira tela reduz essa distância;
- Primeira dobra sem ajuste corta informação no celular, enquanto conteúdo ajustado evita essa perda;
- Só imagem decorativa não comunica nada, enquanto imagem com texto passa a mensagem mesmo pra quem não lê tudo.
Como melhorar ou corrigir a primeira dobra no site?
- Escrever uma frase que nomeie o serviço e pra quem ele é, sem enrolação;
- Colocar um botão ou link de contato visível sem precisar rolar a tela;
- Testar como essa área aparece no celular, não só no computador;
- Trocar frases de efeito genéricas por texto que explique a oferta real;
- Pedir pra alguém de fora olhar por 5 segundos e dizer o que entendeu.
Perguntas frequentes sobre primeira dobra
As dúvidas sobre primeira dobra, ou above the fold, aparecem geralmente na hora de reformar o site, quando o empresário quer saber quanta informação cabe ali ou se precisa ser só uma imagem bonita com pouco texto.
Não. O objetivo dela é despertar interesse suficiente pra a pessoa continuar, não explicar tudo de uma vez. Informação em excesso nessa área costuma confundir mais do que ajudar.
Geralmente não. O espaço disponível no celular é bem menor, então o que funciona no computador pode cortar informação importante ou empurrar o botão de contato pra fora da tela no celular.
Quando uma primeira dobra bonita ainda assim não gera pedido de orçamento?
Quando a primeira dobra é visualmente boa, mas não nomeia o serviço nem mostra um caminho direto de contato, o visitante até fica, mas não sabe qual é o próximo passo.
Revisar essa área junto com o restante do site costuma ser parte do trabalho de uma consultoria de SEO, que olha tanto o que atrai a visita quanto o que faz o visitante continuar até o contato.