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.
Než se do toho pustíme po hlavě, je dobré nejprve vědět, jak se horní části vaší úvodní stránky vlastně říká. Existuje pro ni lepší název než horní-část-vašeho-webu.
„Above the Fold“
Říká se jí „Above the Fold“ (nad ohybem). Proč? Protože v dobách, kdy lidstvo četlo věci zvané noviny, bývaly tyto noviny obvykle přeložené napůl, takže byla hned vidět jen jejich horní část. Tato horní část, tedy část „nad ohybem“, obsahovala nejdůležitější titulky dne, a teprve když jste noviny rozložili, uviděli jste zbytek méně důležitých zpráv. Podobně je tomu i u webových stránek – horní část vašeho webu je to první, co lidé uvidí, a teprve když sjedou dolů, uvidí zbytek webu, podobně jako při rozložení novin.
Zůstaňme ještě u příkladu s novinami – představte si, že jdete po ulici a vidíte prodejce novin. Když noviny zahlédnete a titulek vás zaujme, dost možná si je koupíte, abyste si přečetli zbytek. U webových stránek je to v podstatě totéž: pokud návštěvníci narazí na váš web a obsah v části nad ohybem je zaujme, možná tomu dají šanci a sjedou dolů nebo si prohlédnou zbytek webu, aby zjistili víc.
Nielsenův výzkum
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.
To dává smysl, protože horní část webu je to první, co vidíte.
Když už tedy víte, jak důležitý je obsah nad ohybem na vaší úvodní stránce, co byste do horní části webu měli umístit?
Jděte přímo k věci
Rovnou uveďte, o čem váš web vlastně je. Úvodní stránka a oblast nad ohybem jsou životodárnou mízou celého vašeho webu. Pokud se návštěvníci budou cítit ztraceni, rychle odejdou a záložku zavřou. Jste-li začínající autor knih, napište to a představte svou nejnovější knihu. Pokud jste svatební koordinátor, napište, že jste svatební koordinátor, který návštěvníkovi připraví tu nejnezapomenutelnější svatbu v životě. Nebo pokud tvoříte web pro svůj malý hotel, napište, že jste ten nejlepší penzion ve městě. (Tyto příklady využiji níže.)
Vaši návštěvníci by neměli hádat, o čem web je. Měli by to pochopit okamžitě – jedině tak sjedou dolů, aby si prohlédli další podrobnosti.
Cíleně zaujměte své návštěvníky
Dále se musíte zamyslet nad skutečným účelem svého webu. Z jakého důvodu jste vůbec web zakládali? Ať už je důvod jakýkoli, musíte jej také umístit nad ohyb.
Vezměme si těch několik příkladů, které jsem zmínil výše. Jakožto začínající autor knih budete pravděpodobně chtít větší publicitu. Pokud máte e-knihu zdarma, můžete umístit tlačítko, kterým si ji návštěvníci stáhnou. U svatebního koordinátora budete chtít, aby vás lidé kontaktovali ohledně vašich služeb – uveďte své telefonní číslo nebo kontaktní formulář. A v případě malého hotelu vložte rezervační formulář společně s telefonním číslem.
V případě Page Builder Sandwich chci, aby se lidé s pluginem lépe seznámili a nakonec se stali zákazníky. Mám tam proto tlačítko, které návštěvníkům umožní si demo hned vyzkoušet, a další tlačítko pro nákup pluginu.
Návrh oblasti nad ohybem
Teď, když už víme, co tam umístit, přichází čas rozhodnout o designu. Osobně preferuji čistý, do sekcí členěný obsah, proto máme na úvodní stránce jednolité pozadí. Skvělý nápad je také doplnit obsah nad ohybem obrázkem nebo videem, aby působil živěji.
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.
Závěr
Vytvořit obsah nad ohybem pro vaši úvodní stránku není těžké, ale vyžaduje to trochu přemýšlení a testování, aby to fungovalo správně. Pokud již web máte a jste s ním spokojeni, ale v Google Analytics vidíte vysokou míru okamžitého opuštění, doporučuji vám zkusit přehodnotit obsah nad ohybem podle výše uvedených tipů.
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.