Para quem vende serviço por orçamento, a primeira dobra é onde o cliente decide se fica: ela precisa dizer o serviço, a região atendida e como pedir orçamento sem rolagem. O dono confere isso no celular, com o teste dos cinco segundos, e mede a velocidade da primeira tela no PageSpeed Insights, onde o LCP bom fica em 2,5 segundos ou menos.
Resumo com IA
- A primeira dobra concentra a maior parte da atenção da página: no estudo de rastreamento do olhar do Nielsen Norman Group de 2018, 57% do tempo de leitura ficou acima da dobra e 74% nas duas primeiras telas;
- Na primeira dobra de um site de serviço entram quatro elementos: o título com o serviço e a região, uma prova que o cliente confere, o botão de contato e uma imagem do serviço, todos visíveis no celular sem rolar;
- A primeira dobra pesa no SEO pelo layout e pela velocidade: o Google pode rebaixar páginas com a primeira tela tomada por anúncios ou pop-ups, e o LCP da primeira tela deve ficar em 2,5 segundos ou menos;
- Uma primeira dobra feita só de imagem deixa a abertura da página sem texto legível para o Google e para os robôs de IA, por isso título e subtítulo precisam estar em texto real;
- Para testar a primeira dobra, o dono abre o site no celular sem rolar, faz o teste dos cinco segundos com alguém de fora e confere o LCP no PageSpeed Insights.
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.
Para quem vende serviço por orçamento, a primeira dobra decide se o cliente entende o que a empresa faz, se ela atende a região dele e como pedir orçamento sem rolar a página. No site, o termo não tem relação com a primeira dobra da ortodontia nem com a dobra da massa na panificação, sentidos que aparecem na mesma busca.
Índice
Por que a primeira dobra recebe mais atenção?
A primeira dobra recebe mais atenção porque é a única parte da página que todo visitante vê. No estudo de rastreamento do olhar que o Nielsen Norman Group publicou em 2018, 57% do tempo de leitura ficou acima da dobra e 74% ficou nas duas primeiras telas da página.
O número caiu em relação aos 80% que o Nielsen Norman Group mediu em 2010, porque páginas longas viraram padrão, mas a queda brusca de atenção logo abaixo da dobra continuou igual. A segunda tela recebeu 17% do tempo, cerca de um terço da primeira, e o resto da página dividiu os 26% restantes em pequenas parcelas.
Para o prestador de serviço, a conta é direta: o nome do serviço, a cidade atendida e o botão de contato precisam estar na primeira tela, porque o visitante que decide em segundos raramente chega ao terceiro bloco da página. Depoimentos, portfólio e detalhes do processo podem ficar mais abaixo, onde quem já se interessou vai procurar.
Uma primeira dobra bem resolvida não garante posição no Google nem pedido de orçamento, porque o resultado depende também do serviço, do preço e da prova que a página oferece. O que ela evita é o cliente sair antes de ler o resto.
O que colocar na primeira dobra do site?
Para montar a primeira dobra de um site de serviço, quatro elementos bastam, nesta ordem de importância: o título com o serviço, uma prova, o botão de contato e uma imagem do serviço. Todos precisam caber na tela do celular sem rolagem, que é a menor tela em que o cliente vai abrir o site:
- Título que nomeia o serviço e para quem ele é, como “Manutenção de ar-condicionado em Contagem”, no lugar de um slogan;
- Subtítulo com uma prova que o cliente confere, como o prazo de atendimento ou o número de avaliações no Google;
- Botão de contato visível, de WhatsApp ou de pedido de orçamento, que é a chamada para ação do site;
- Imagem que mostra o serviço sendo feito, com o texto ao lado, em vez de uma imagem que ocupa o lugar do texto.
A altura da primeira dobra muda com a tela: no celular cabe bem menos que no computador, e o mesmo layout que mostra tudo no computador pode empurrar o botão de contato para fora da primeira tela do celular. Carrossel com várias imagens girando costuma piorar o problema, porque cada slide troca a mensagem antes de o cliente terminar de ler.
Nas auditorias que conduzo na Lucas Ferraz SEO, a primeira tela de prestador de serviço costuma errar do mesmo jeito: foto bonita, frase genérica do tipo “bem-vindos ao nosso site” e nenhum jeito direto de entender o que a empresa faz ou de entrar em contato.
Como a primeira dobra afeta o SEO no Google?
A primeira dobra afeta o SEO por dois caminhos que o próprio Google documenta: quanto da primeira tela mostra conteúdo e quanto tempo esse conteúdo leva para aparecer. Um site de serviço que acerta os dois não ganha posição só por isso, mas deixa de perder pontos no topo da página, que é onde o cliente forma a primeira impressão.
Anúncios e pop-ups no topo da página
Desde 2012, o algoritmo de layout de página do Google pode rebaixar sites em que a primeira tela é tomada por anúncios e o conteúdo fica empurrado para baixo. Segundo o anúncio, a mudança afetou menos de 1% das buscas e não atinge quem usa anúncios no topo em grau normal.
Desde 2017, a mesma lógica vale para os pop-ups no celular. A documentação atual do Google sobre intersticiais, as janelas que cobrem o conteúdo, diz que elas dificultam a compreensão da página pelo buscador e podem levar a baixo desempenho na pesquisa. Em site de serviço, o caso típico é o pop-up de cupom ou de newsletter que abre por cima da primeira tela; um banner pequeno no rodapé resolve sem esconder o conteúdo.
Velocidade de carregamento da primeira tela
A velocidade entra pelas Core Web Vitals, as métricas de experiência que o Google diz usar nos sistemas de classificação. Uma delas, a Largest Contentful Paint (LCP), mede quanto tempo o maior elemento visível da primeira tela leva para aparecer, e o guia do Google para desenvolvedores sobre o LCP considera bom 2,5 segundos ou menos, medido em 75% dos acessos.
Em site de serviço, o maior elemento da primeira dobra costuma ser a foto de capa ou o título. Uma foto pesada no topo, um carrossel ou uma fonte que demora a carregar atrasam justamente o trecho que o cliente vê primeiro, e o atraso pesa mais no celular com sinal instável. As métricas Core Web Vitals do Google explicam as outras duas medidas dessa nota.
A revisão do layout e da velocidade da primeira tela faz parte de uma consultoria de SEO técnica, junto com o restante do que leva cada página de serviço a disputar o topo do Google.
O que a primeira dobra muda para quem vende por orçamento?
Para quem vende por orçamento, a primeira dobra muda três coisas ao mesmo tempo: a experiência que o Google avalia, o texto que as buscas com IA encontram na abertura da página e a decisão do cliente de pedir contato. Uma mesma correção, título em texto real com o serviço e a região, atende as três.
Nas buscas com IA, o ponto prático é o texto existir no código da página. Uma primeira dobra feita só de imagem, ou com o título escrito dentro da foto, deixa a abertura sem frase legível para o Google e para os robôs das ferramentas de IA, que costumam ler o HTML. Título e subtítulo em texto real dão à página uma frase que descreve o serviço logo no início, base da otimização para respostas de IA que ajuda a empresa a ser citada nessas respostas.
Na conversão, o cliente precisa de três respostas antes de rolar: o que é o serviço, se a empresa atende a região dele e como pedir o orçamento. Quando falta uma delas, o tráfego chega e o pedido de orçamento não sai. A primeira dobra é o começo do caminho que o método Rota do Orçamento organiza, da pergunta real de compra até o pedido feito no site.
Como testar a primeira dobra do site?
Para testar a primeira dobra, junte o olhar do cliente e a medição do Google: dois passos conferem se a mensagem funciona e três conferem velocidade e cliques. Comece pelo celular, que tem a menor tela e costuma esconder o botão de contato, e siga esta ordem:
- Abra o site no celular, sem rolar, e anote se a tela diz qual é o serviço, qual região a empresa atende e como pedir orçamento;
- Mostre a mesma tela por cinco segundos a alguém de fora da empresa e peça que diga o que a empresa faz;
- Rode a página no PageSpeed Insights, a ferramenta gratuita de velocidade do Google, e confira se o LCP fica em 2,5 segundos ou menos no celular;
- Abra o relatório Core Web Vitals do Search Console, o painel gratuito do Google que mostra como o site aparece na busca, e veja quais páginas ele marca como lentas;
- Instale uma ferramenta gratuita de mapa de calor e confira até onde os visitantes rolam e em que pontos da primeira tela eles clicam.
Os dois primeiros passos mostram se a mensagem funciona; os três últimos mostram se a tela carrega rápido e se o cliente age nela. Quando o teste dos cinco segundos falha, o problema é de texto, e trocar a foto não resolve; quando o LCP passa de 2,5 segundos, a correção começa pela imagem de capa.
Quando a primeira dobra não explica o serviço nem mostra o caminho do contato, o próximo passo é a criação de site otimizado para SEO com a primeira tela planejada para o pedido de orçamento. A agência tem 202 avaliações no Google, com nota 5,0, responde ao pedido no mesmo dia útil e envia a proposta em até 48 horas.
Perguntas frequentes sobre primeira dobra
Donos de site de serviço perguntam sobretudo se a dobra ainda importa e onde fica o botão de contato, e o topo da página segue concentrando a maior parte da atenção de quem visita.
Sim, a primeira dobra ainda importa, mesmo com o hábito de rolar a página. Em 2018, o Nielsen Norman Group mediu 57% do tempo de leitura acima da dobra, contra 80% em 2010. A atenção se espalhou um pouco mais pela página, mas o topo continua sendo a área mais lida, e é nela que o cliente decide se continua.
Sim, em site de serviço o botão de contato precisa aparecer na primeira tela, inclusive no celular. O cliente que chega pronto para pedir orçamento não deveria rolar para achar o WhatsApp ou o formulário. Repetir o botão mais abaixo, depois das provas e dos detalhes, atende também quem precisa ler antes de decidir.
Não, a primeira dobra do celular é bem menor que a do computador e muda de um aparelho para outro. Um layout que mostra título, prova e botão no computador pode cortar o botão no celular. Por isso o teste da primeira tela é feito nos dois aparelhos, com o celular como prioridade, já que ele tem menos espaço.