What you put in the top of your front page has a huge impact on the success or failure of your website. Put the wrong thing in, and you’ll probably see your visitors quickly navigating away from your site. Put the right content there and you may see your sales go up.
This article isn’t an all-in-one guide for creating above the fold content, nor is about an all-encompassing rule on what you should put in. Rather, I will give you a few tips, recommendations and a little bit of helpful research about this topic.
Antes de mergulhar direto no assunto, é bom saber primeiro como se chama a parte superior da sua página inicial. Há um nome melhor para ela do que a parte-superior-do-seu-site.
“Acima da dobra”
É chamada de “acima da dobra”. Por quê? Porque, antigamente, quando a humanidade tinha essas coisas chamadas jornais, eles geralmente eram dobrados ao meio para que apenas a parte superior ficasse visível imediatamente. Essa parte superior ou porção “acima da dobra” continha a(s) manchete(s) mais importante(s) do dia; então, ao desdobrá-lo, você via o restante das manchetes menos importantes. De maneira semelhante nos sites, a parte superior do seu site é a primeira coisa que as pessoas veem; depois, quando você rola a página para baixo, vê o restante do site, algo semelhante a desdobrar um jornal.
Continuando com o exemplo do jornal, digamos que você esteja andando pela rua e veja um jornaleiro. Ao ver o jornal, se a manchete for interessante, você pode acabar comprando o jornal para ler o restante. Isso é essencialmente o mesmo com sites: se os visitantes passarem pelo seu site e acharem o conteúdo acima da dobra interessante, eles podem se interessar e rolar a página ou ver o restante do seu site para saber mais.
A pesquisa da Nielsen
Earlier I said that your above the fold content may make or break your site. Nielsen Normal Group has written a few research articles about this across the years. I’ll quote the summary of their article The Fold Manifesto: Why the Page Fold Still Matters
The average difference in how users treat info above vs. below the fold is 84%.
If you just got confused about the wording of the quote, I did too at the start. Let me clarify: That study doesn’t mean that 84% of people do not scroll down, on the other hand I’ve seen other research say that most people do scroll down to the bottom of the page. It also doesn’t mean that the lower part isn’t important. Instead it means that the behavior of your visitors in your site is largely impacted by your content above the fold.
Isso faz sentido, já que a área superior de um site é a primeira coisa que você vê.
Então, sabendo como o conteúdo acima da dobra da sua página inicial é importante, o que você deveria colocar no topo do seu site?
Vá direto ao ponto
Mostre logo de início do que se trata o seu site. A sua página inicial e a área acima da dobra são o coração de todo o seu site. Se os seus visitantes se sentirem perdidos, eles rapidamente irão embora e fecharão a aba. Se você é um autor de livro estreante, escreva que é um e destaque seu livro mais recente. Se você for um organizador de casamentos, escreva que é um organizador de casamentos que proporcionará ao seu visitante o casamento mais memorável que ele já teve. Ou, se estiver criando um site para a sua pequena pousada, escreva que você é a melhor pousada da cidade. (Usarei mais esses exemplos abaixo.)
Os seus visitantes não deveriam ter que adivinhar do que se trata o site. Eles devem entender isso de imediato; só então rolarão a página para ver mais detalhes.
Engaje seus visitantes de forma intencional
Em seguida, você precisa pensar sobre o verdadeiro propósito do seu site. Qual é o motivo para criar o seu site, antes de mais nada? Seja qual for o motivo, você também precisa colocar isso acima da dobra.
Vamos pegar os alguns exemplos que mencionei acima. Para um autor de livro estreante, você provavelmente desejará mais visibilidade. Se você tiver um e-book gratuito, poderá colocar um botão para os visitantes baixarem. Para o organizador de casamentos, você vai querer que as pessoas entrem em contato sobre seus serviços; coloque seu número de telefone ou um formulário de contato. Ou, para a pequena pousada, coloque um formulário de reserva junto com seu número de telefone.
No caso do Page Builder Sandwich, quero que as pessoas conheçam melhor o plugin e, eventualmente, se tornem clientes. Por isso, tenho um botão que permite aos visitantes testar a demonstração na hora e outro botão para comprar o plugin.
Criando o design acima da dobra
Agora que sabemos o que colocar, é hora de decidir sobre o design. Pessoalmente, prefiro conteúdo limpo e dividido em seções, daí o fundo sólido na nossa página inicial. Mas também é uma boa ideia acompanhar seu conteúdo acima da dobra com uma imagem ou vídeo para deixá-lo mais dinâmico.
Here’re a few examples of what you can do about your front page.
Add a background image. A large background image behind your large statement is a great eye-catcher and can further encourage visitor engagement. For new book author, maybe adding a background image illustrating the setting of his free ebook would entice people more.
Add an introduction video. Admit it, people can be lazy, especially when it comes to reading. So if your site is a bit complicated, it might be a good idea to add a short video that introduces your site/product quickly. For the wedding organizer, then this can be a video of their latest wedding. Or for our site for example, we can add in a quick intro about the features of our plugin.
Add a video background. This is a bit of a trend nowadays, but I find it appealing at times. If this suits your taste, then this might be a good idea.. I know PayPal had a video background before in their site. For the small hotel, you can put in a stationary video of a scenic area of your hotel as the backdrop.
Conclusão
Criar o conteúdo acima da dobra para a sua página inicial não é difícil, mas exige reflexão e testes para acertar. Se você já tem um site e está estabelecido nele, mas tem uma alta taxa de rejeição no seu Google Analytics, incentivo você a tentar repensar seu conteúdo acima da dobra com as dicas acima.
If you have tips on creating above the fold content, kindly share them in the comments!
Page Builder Sandwich can Help You Design Your Front Page & Above The Fold Content
Page Builder Sandwich is a WordPress plugin that allows you to create any design you want without writing any piece of code.