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.
Mielőtt fejest ugranánk a dolgokba, érdemes először tisztázni, hogyan is nevezik a kezdőlap legfelső részét. Van rá egy jobb kifejezés is annál, mint hogy „a weboldalad legfelső része”.
„Above the Fold”
Ezt „above the fold”-nak, azaz a hajtás feletti résznek nevezik. Hogy miért? Mert régen, amikor az emberiség még úgynevezett újságokat olvasott, azokat általában félbehajtották, így csak a legfelső részük látszott azonnal. Ez a felső rész, azaz a „hajtás feletti” terület tartalmazta a nap legfontosabb főcímeit, és amikor széthajtogattad, megláttad a többi, kevésbé fontos hírt. A weboldalak esetében ez nagyon hasonló: a weboldalad legfelső része az első dolog, amit az emberek meglátnak, majd amikor lejjebb görgetnek, a webhely többi részét is látják – akárcsak egy újság széthajtásakor.
Maradva az újságos példánál: tegyük fel, hogy sétálsz az utcán, és meglátsz egy újságárust. Rápillantasz az újságra, és ha érdekes a főcím, talán megveszed a lapot, hogy elolvasd a többit is. Lényegében ugyanez történik a weboldalaknál is: ha a látogatók rátalálnak az oldaladra, és a hajtás feletti tartalmat érdekesnek találják, akkor meggyőzi őket, és lejjebb görgetnek, vagy megnézik az oldal többi részét is, hogy többet megtudjanak.
Nielsen kutatása
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.
Ennek van is értelme, hiszen a weboldal felső része az első dolog, amit meglátsz.
Tudva tehát, mennyire fontos a kezdőlapod hajtás feletti része, mit érdemes az oldalad tetejére tenned?
Térj rögtön a lényegre
Tedd azonnal egyértelművé, miről szól az oldalad. A kezdőlap és a hajtás feletti terület a teljes webhelyed éltető eleme. Ha a látogatók elveszettnek érzik magukat, gyorsan sarkon fordulnak és bezárják a lapot. Ha kezdő könyvszerző vagy, írd ki bátran, és mutasd be a legújabb könyvedet. Ha esküvőszervező vagy, írd le, hogy olyan esküvőszervező vagy, aki élete legemlékezetesebb esküvőjét biztosítja a látogatónak. Vagy ha a kis szállodádnak készítesz weboldalt, írd meg, hogy ti vagytok a város legjobb panziója. (A lentiekben még visszatérek ezekre a példákra.)
A látogatóknak nem kellene találgatniuk, miről szól az oldal. Azonnal meg kell érteniük, és csak ekkor fognak lejjebb görgetni, hogy megnézzék a részleteket.
Vond be tudatosan a látogatókat
Ezután végig kell gondolnod a weboldalad tényleges célját. Egyáltalán miért hoztad létre a weboldaladat? Bármi legyen is az oka, azt is a hajtás fölé kell helyezned.
Vegyük a fent említett néhány példát. Egy új könyvszerző esetében valószínűleg nagyobb ismertségre vágysz. Ha van ingyenes e-könyved, elhelyezhetsz egy gombot, amellyel a látogatók letölthetik. Az esküvőszervező esetében azt szeretnéd, hogy kapcsolatba lépjenek veled a szolgáltatásaid miatt – helyezd el a telefonszámodat vagy egy kapcsolatfelvételi űrlapot. Vagy a kis szálloda esetében helyezz el egy foglalási űrlapot a telefonszámoddal együtt.
A Page Builder Sandwich esetében azt szeretném, ha az emberek jobban megismernék a bővítményt, és végül vásárlóvá válnának. Ezért van ott egy gomb, amellyel a látogatók azonnal kipróbálhatják a demót, és egy másik gomb a bővítmény megvásárlásához.
A hajtás feletti rész megtervezése
Most, hogy már tudjuk, mit tegyünk ki, itt az ideje dönteni a dizájnról. Személy szerint én a letisztult, szekciókra tagolt tartalmat részesítem előnyben, innen ered az egyszínű háttér a kezdőlapunkon. De az is jó ötlet, ha a hajtás feletti tartalmat egy képpel vagy videóval egészíted ki, hogy élettel telibb legyen.
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.
Összegzés
Nem nehéz kialakítani a kezdőlap hajtás feletti tartalmát, de némi gondolkodást és tesztelést igényel, hogy valóban jól működjön. Ha már van működő weboldalad, viszont magas a visszafordulási arányod a Google Analyticsben, akkor javaslom, hogy a fenti tippek alapján próbáld meg újragondolni a hajtás feletti tartalmadat.
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.