Blog

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.

Prije nego što odmah uronite u temu, dobro je prvo znati kako se naziva gornji dio vaše naslovne stranice. Postoji bolji naziv za to od „gornji-dio-vaše-web-stranice”.

„Above the Fold”

Zove se „Above the Fold” (iznad prijeloma). Zašto? Zato što su u ranim danima, kada je čovječanstvo imalo one stvari zvane novine, one obično bile presavijene na pola tako da je odmah bio vidljiv samo gornji dio. Taj gornji dio ili dio „iznad prijeloma” sadržavao je najvažniji naslov ili naslove dana, a kada biste ih rastvorili, vidjeli biste ostatak manje važnih naslova. Slično je i na web-mjestima: gornji dio vaše stranice prvo je što ljudi vide, a kada se pomaknete prema dolje, vidite ostatak web-mjesta, slično rastvaranju novina.

Držeći se primjera s novinama, recimo da hodate ulicom i vidite prodavača novina. Ako vidite novine i naslov vam je zanimljiv, mogli biste ih kupiti kako biste vidjeli i ostatak. To je u biti isto i s web-stranicama: ako posjetitelji naiđu na vašu stranicu i sadržaj iznad prijeloma im bude zanimljiv, mogli bi se zainteresirati i pomaknuti prema dolje ili pregledati ostatak stranice kako bi saznali više.

Nielsenovo istraživanje

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 ima smisla jer je gornji dio web-stranice prvo što vidite.

Dakle, znajući koliko je važan sadržaj iznad prijeloma na vašoj naslovnoj stranici, što biste trebali staviti na sam vrh?

Prijeđite odmah na stvar

Odmah jasno dajte do znanja o čemu se radi na vašoj stranici. Vaša naslovna stranica i područje iznad prijeloma žila su kucavica cijelog vašeg web-mjesta. Ako se posjetitelji osjećaju izgubljeno, brzo će otići i zatvoriti karticu. Ako ste novi autor knjige, napišite to i istaknite svoju najnoviju knjigu. Ako ste organizator vjenčanja, napišite da ste organizator vjenčanja koji će posjetitelju pružiti najnezaboravnije vjenčanje u životu. Ili ako izrađujete stranicu za svoj mali hotel, napišite da ste najbolji smještaj s doručkom u gradu. (Ove ću primjere detaljnije koristiti u nastavku.)

Vaši posjetitelji ne bi trebali nagađati o čemu se radi na stranici. To bi trebali shvatiti odmah – tek tada će se pomaknuti prema dolje kako bi vidjeli više pojedinosti.

Ciljano angažirajte svoje posjetitelje

Zatim morate razmisliti o stvarnoj svrsi svoje web-stranice. Koji je uopće bio razlog za njezino pokretanje? Koji god razlog bio, i njega morate smjestiti iznad prijeloma.

Uzmimo nekoliko primjera koje sam ranije spomenuo. Kao novi autor knjige, vjerojatno ćete željeti veću vidljivost. Ako imate besplatnu e-knjigu, možete postaviti gumb putem kojeg je posjetitelji mogu preuzeti. Za organizatora vjenčanja, cilj vam je da vas ljudi kontaktiraju u vezi s uslugama – postavite svoj telefonski broj ili obrazac za kontakt. Za mali hotel, postavite obrazac za rezervaciju zajedno s telefonskim brojem.

Za Page Builder Sandwich želim da ljudi bolje upoznaju dodatak i na kraju postanu kupci. Zato imam gumb koji posjetiteljima omogućuje da odmah isprobaju demo verziju te drugi gumb za kupnju dodatka.

Dizajniranje sadržaja iznad prijeloma

Sada kada znamo što staviti, vrijeme je za odluku o dizajnu. Osobno preferiram čist, podijeljen sadržaj po sekcijama, otuda i jednobojna pozadina na našoj naslovnoj stranici. No također je dobra ideja sadržaj iznad prijeloma popratiti slikom ili videozapisom kako bi djelovao življe.

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.

Zaključak

Kreiranje sadržaja iznad prijeloma za vašu naslovnu stranicu nije teško, ali zahtijeva promišljanje i testiranje kako bi se izvelo kako treba. Ako već imate web-stranicu i zadovoljni ste njezinim izgledom, ali bilježite visoku stopu napuštanja (bounce rate) u Google Analyticsu, potičem vas da ponovno razmislite o sadržaju iznad prijeloma primjenjujući gore navedene savjete.

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.

Saznajte više o Page Builder Sandwichu

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 embed these content easily in your WordPress site.

To do this, all you need to do is find the permalink for the content. In some sites like YouTube, the permalink is simply the current URL. For other sites like Reddit or Vimeo, you’ll have to find the “permalink”, “share” or “embed” button to get the URL. In some sites like Facebook, you’ll have to click the date of the status or post in order to get the permalink.

Trajne veze dolaze u mnogo oblika i formata, ali obično izgledaju ovako u nastavku. Ova dolazi s YouTubea:

https://www.youtube.com/watch?v=dQw4w9WgXcQ​

Ove URL-ove možete zalijepiti u uređivač sadržaja kako biste ugradili sadržaj. Ako se može ugraditi, vidjet ćete da će se URL pretvoriti u stvarni videozapis ili sadržaj. Ako se to ne dogodi, to znači da ne možete umetnuti sadržaj s te stranice.

Koje web-stranice mogu ugraditi na svoju stranicu?

Not all sites can be embedded into your WordPress site. The WordPress Codex has a list of sites which you can embed: https://codex.wordpress.org/Embeds

Instaliranje dodataka može dodati više web-stranica koje se mogu ugraditi

If the content you want to embed isn’t in the list in the WordPress Codex, there is another way. Installing plugins can add more embeddable sites. For example, installing Jetpack allows you to embed wall posts from Facebook.

There are plenty more out there that add more sites, do a search for “oEmbed provider” in the WordPress.org plugin repository to find more. Here’s a link to the plugin repo for your convenience: https://wordpress.org/plugins/search.php?type=term&q=oembed+provider

Drugi način dodavanja sadržaja – Iframe kodovi za ugradnju

Ako lijepljenje samo URL-a ne uspije, postoji još jedan način za ugradnju sadržaja. Pokušajte provjeriti opcije dijeljenja na stranici koju želite uključiti – osim trajne veze, možda ćete dobiti i kratki „kod za ugradnju”. Kodovi za ugradnju izgledaju ovako:

<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>​

Copy that then in your WordPress content editor, click on the text tab on the top of the editor and paste that in. After you’ve pasted that in, head back to the visual tab, you’ll see if it works when the embed code now looks like the actual content that will get embedded. You can’t do this in the visual tab, pasting it from there would just show the pasted code in your site, it won’t get converted into the content.

Upotrijebite Page Builder Sandwich za dodavanje sadržaja s drugih stranica s frontenda

While adding content from other sites seem easy, doing things in the administration side of WordPress is a bit of a hassle. You have to know whether to add it in the visual tab or text tab, and you’ll have to preview your page or post in order to see how it would look like when viewed by your site’s visitors.

Page Builder Sandwich olakšava stvari omogućujući vam uređivanje vaše stvarne stranice u potpunosti s frontenda. Kada koristite Page Builder Sandwich, jednostavno pišete i uređujete sadržaj svoje stranice. Ugradnja sadržaja s drugih stranica također je mnogo jednostavnija.

Uz Page Builder Sandwich, samo zalijepite trajnu vezu ili iframe kod za ugradnju bilo gdje na prednjem dijelu svoje stranice i on će se odmah pretvoriti u ugrađeni sadržaj, bez potrebe da znate u koju karticu trebate što zalijepiti.

Nabavite Page Builder Sandwich sada.