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.
Înainte de a trece direct la subiect, este bine să știi mai întâi cum se numește partea de sus a primei tale pagini. Există o denumire mai bună pentru ea decât partea-de-sus-a-site-ului-tău.
„Above the Fold”
Se numește Above the Fold. De ce? Pentru că pe vremuri, când omenirea avea aceste lucruri numite ziare, ele erau de obicei împăturite în jumătate, astfel încât doar partea superioară era vizibilă imediat. Acea parte superioară sau porțiune „above the fold” conținea cele mai importante titluri ale zilei, iar când îl deschideai, vedeai restul titlurilor mai puțin importante. În mod similar și în cazul site-urilor web, partea de sus a site-ului tău este primul lucru pe care îl văd oamenii, apoi, pe măsură ce derulezi în jos, vezi restul site-ului, asemănător cu deschiderea unui ziar.
Rămânând la exemplul ziarului, să presupunem că mergi pe stradă și vezi un vânzător de ziare. Când vezi ziarul, dacă titlul este interesant, s-ar putea să cumperi ziarul pentru a citi și restul. Lucrurile stau la fel și în cazul site-urilor web: dacă vizitatorii ajung pe site-ul tău și găsesc interesant conținutul din zona „above the fold”, atunci s-ar putea să fie convinși și să deruleze în jos sau să vizualizeze restul site-ului pentru a afla mai multe.
Cercetarea lui 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.
Acest lucru este logic, din moment ce zona superioară a unui site web este primul lucru pe care îl vezi.
Așadar, știind cât de important este conținutul „above the fold” de pe prima ta pagină, ce ar trebui să pui în partea de sus a site-ului tău?
Treci direct la subiect
Prezintă imediat despre ce este vorba pe site-ul tău. Prima pagină și zona „above the fold” sunt elementele vitale ale întregului tău site. Dacă vizitatorii se simt dezorientați, vor pleca rapid și vor închide fila. Dacă ești un autor debutant de cărți, menționează acest lucru și prezintă-ți cea mai recentă carte. Dacă ești organizator de nunți, scrie că ești un organizator de nunți care le va oferi vizitatorilor cea mai memorabilă nuntă din viața lor. Sau dacă creezi un site pentru micul tău hotel, scrie că ești cea mai bună pensiune din oraș. (Voi folosi aceste exemple mai detaliat mai jos.)
Vizitatorii tăi nu ar trebui să fie nevoiți să ghicească despre ce este site-ul. Ar trebui să înțeleagă imediat, și abia apoi vor derula în jos pentru a vedea mai multe detalii.
Captează în mod deliberat atenția vizitatorilor
În continuare, trebuie să te gândești la scopul real al site-ului tău web. Care este motivul pentru care ai creat site-ul în primul rând? Oricare ar fi acel motiv, trebuie să îl plasezi și pe el în zona „above the fold”.
Să luăm câteva dintre exemplele menționate mai sus. Pentru un autor debutant de carte, probabil vei dori mai multă expunere. Dacă ai un ebook gratuit, poți plasa un buton pentru ca vizitatorii să îl descarce. Pentru un organizator de nunți, vei dori ca oamenii să te contacteze pentru serviciile tale, așa că adaugă numărul tău de telefon sau un formular de contact. Iar pentru micul hotel, adaugă un formular de rezervare împreună cu numărul tău de telefon.
Pentru Page Builder Sandwich, vreau ca oamenii să cunoască mai bine pluginul și, în cele din urmă, să devină clienți. Așadar, am acolo un buton care le permite vizitatorilor să încerce demo-ul imediat și un alt buton pentru a cumpăra pluginul.
Designul zonei above the fold
Acum că știm ce să includem, este timpul să decidem în privința designului. Personal, prefer un conținut curat și bine structurat pe secțiuni, de unde și fundalul uniform de pe prima noastră pagină. Dar este, de asemenea, o idee bună să însoțești conținutul din zona „above the fold” cu o imagine sau un videoclip pentru a-l face mai dinamic.
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.
Concluzie
Crearea conținutului „above the fold” pentru prima ta pagină nu este dificilă, dar necesită puțină reflecție și testare pentru a fi făcută corect. Dacă ai deja un site și ești stabilit pe această formulă, dar ai o rată de respingere ridicată în Google Analytics, te încurajez să încerci să regândești conținutul „above the fold” folosind sfaturile de mai sus.
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.
Now you can download the Lite version of Page Builder Sandwich from the 
Sunt încântat să vă anunț că, începând cu versiunea 2.4, vă puteți edita conținutul direct din interfața vizuală (frontend) folosind Markdown!
Săptămâna trecută am lansat versiunea 2.1, care a rezolvat multe erori și a adăugat caseta de dialog pentru editarea legăturilor WordPress la Page Builder Sandwich.
Un An Nou fericit tuturor!
There may be times where you want to add supporting videos from YouTube or Vimeo into your site. Or maybe you want to add Tweets from Twitter, or content from other websites like Flickr and Instagram. You can