Below the Fold é o termo que designa a área de uma página web posicionada abaixo do limite visível inicial da tela, exigindo que o usuário role a página para acessar esse conteúdo. Em português, é conhecido como conteúdo abaixo da dobra e é um dos conceitos mais debatidos em UX, conversão web e otimização de landing pages.
Como funciona o Below the Fold?
Below the Fold é todo o conteúdo posicionado abaixo da altura visível da viewport no primeiro carregamento da página. A dobra varia conforme o dispositivo: em desktops de 1920×1080, fica próxima aos 900 pixels; em tablets, cerca de 700 pixels; em smartphones, em torno de 600 pixels. O conceito nasceu no jornalismo impresso do século XX, quando jornais eram vendidos em bancas dobrados ao meio, e a metade superior era a única visível — as manchetes principais ficavam posicionadas ali para capturar atenção do transeunte. Segundo Nielsen Norman Group (2024), 74% do tempo total de leitura em páginas web acontece nas duas primeiras telas visíveis.
Para que serve o Below the Fold?
Below the Fold serve para aprofundar informações, distribuir prova social, escalonar CTAs e sustentar o storytelling da página. Enquanto Above the Fold captura atenção em 3 segundos, Below the Fold entrega valor completo: detalhes técnicos, depoimentos, FAQs, comparativos, cases e chamadas para ação secundárias. Segundo Chartbeat (2024), 91% dos usuários rolam páginas quando o topo sinaliza relevância, e a média de scroll depth em páginas de conteúdo B2B é de 60%.
Exemplos de Below the Fold na prática
- Landing pages B2B: hero e formulário no topo; depoimentos, features detalhados, comparativos e FAQ abaixo.
- E-commerce: imagem principal e botão comprar no topo; avaliações, especificações, perguntas e produtos relacionados abaixo.
- Blog posts: título e primeiro parágrafo no topo; corpo do artigo, imagens, exemplos e CTAs distribuídos abaixo.
- Páginas institucionais: proposta de valor no topo; histórico, equipe, cases e canais de contato abaixo.
Below the Fold vs Above the Fold
Above the Fold é a área imediatamente visível ao carregar a página; Below the Fold é o restante, acessado por scroll. Ambos são estratégicos: o topo prende atenção em segundos e reduz bounce rate, enquanto o abaixo sustenta engajamento e leva à conversão. Uma página bem otimizada equilibra os dois lados — nunca subestima o poder do conteúdo que exige rolagem, especialmente em jornadas B2B com alto ticket, ciclo de decisão longo e múltiplos decisores envolvidos.
Erros comuns em Below the Fold
- Repetir a headline principal sem agregar informação nova a cada seção rolada.
- Concentrar todos os CTAs no topo, forçando o usuário a rolar de volta para converter.
- Ignorar mobile — layouts que funcionam em desktop viram muros de texto em telas pequenas.
- Blocos densos sem H2, H3, listas ou elementos visuais que quebrem o ritmo de leitura.
- Não medir scroll depth com Hotjar, Microsoft Clarity ou eventos de GA4.
Below the Fold e a Shiftmind
A Shiftmind projeta páginas com hierarquia estratégica em Marketing Digital B2B 4.0, otimizando cada seção do funil para conversão. Em projetos de Criação de Sites WordPress, aplicamos princípios de UX e testes A/B que aumentam scroll depth e engajamento. Nossas campanhas de RD Station Marketing integram landing pages com automação para nutrir leads capturados abaixo da dobra, e nossos projetos de Marketing Digital Industrial aplicam frameworks de scroll depth em páginas técnicas complexas.
Quer aprofundar? Leia o artigo completo: Below the Fold: como otimizar conteúdo abaixo da dobra em conversão.
