Аутор: Neil Lock

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.

Pre nego što zaronite direktno u temu, dobro je prvo saznati kako se naziva gornji deo vaše početne stranice. Postoji bolji naziv za to od „gornji-deo-vašeg-sajta“.

„Iznad preloma“ (Above the Fold)

Naziva se „iznad preloma“ (Above the Fold). Zašto? Zato što su se u ranim danima, kada je čovečanstvo imalo one stvari zvane novine, one obično presavijale napola, tako da je samo gornji deo bio odmah vidljiv. Taj gornji deo ili deo „iznad preloma“ sadržao je najvažniji naslov ili naslove dana, a zatim, kada ih razvijete, vidite ostatak manje važnih naslova. Slično je i na veb-sajtovima: gornji deo vašeg sajta je prva stvar koju ljudi vide, a zatim, kada se pomerate nadole, vidite ostatak sajta, slično razvijanju novina.

Držeći se primera sa novinama, recimo da šetate ulicom i vidite prodavca novina. Kada vidite novine, ako je naslov zanimljiv, možda ćete jednostavno kupiti novine da biste videli ostatak. Ovo je u suštini isto i sa veb-sajtovima: ako posetioci prođu pored vašeg sajta i smatraju da je sadržaj iznad preloma zanimljiv, možda će jednostavno prihvatiti ponuđeno i skrolovati nadole ili pogledati ostatak vašeg sajta kako bi videli više.

Nilsenovo 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.

Ovo ima smisla jer je gornji deo veb-sajta prva stvar koju vidite.

Dakle, znajući koliko je važan sadržaj iznad preloma na vašoj početnoj stranici, šta bi trebalo da stavite na vrh svog sajta?

Pređite pravo na suštinu

Odmah navedite o čemu se zapravo radi na vašem sajtu. Vaša početna stranica i područje iznad preloma su žila kucavica čitavog vašeg sajta. Ako se vaši posetioci osete izgubljeno, brzo će se okrenuti i zatvoriti karticu. Ako ste autor nove knjige, napišite to i predstavite svoju najnoviju knjigu. Ako ste organizator venčanja, napišite da ste organizator venčanja koji će posetiocu pružiti najnezaboravnije venčanje koje će ikada imati. Ili ako pravite sajt za svoj mali hotel, napišite da ste najbolje mesto sa noćenjem i doručkom u gradu. (Ove primere ću koristiti više u nastavku.)

Vaši posetioci ne bi trebalo da nagađaju o čemu se radi na sajtu. Trebalo bi da to shvate odmah, tek tada će se pomeriti nadole da vide više detalja.

Ciljano angažujte svoje posetioce

Zatim morate razmisliti o stvarnoj svrsi vašeg veb-sajta. Koji je razlog za postavljanje vašeg veb-sajta na prvom mestu? Koji god da je razlog, to takođe morate postaviti iznad preloma.

Uzmimo nekoliko primera koje sam gore naveo. Za autora nove knjige, verovatno ćete želeti veću izloženost. Ako imate besplatnu e-knjigu, možete postaviti dugme kako bi je vaši posetioci preuzeli. Za organizatora venčanja, želećete da vas ljudi kontaktiraju u vezi sa vašim uslugama, pa unesite svoj broj telefona ili kontakt formu. Ili za mali hotel, postavite formular za rezervaciju zajedno sa svojim brojem telefona.

Za Page Builder Sandwich, želim da ljudi bolje upoznaju dodatak i na kraju postanu kupci. Zato tamo imam dugme koje posetiocima omogućava da odmah isprobaju demo, i drugo dugme za kupovinu dodatka.

Dizajniranje prostora iznad preloma

Sada kada znamo šta treba da postavimo, vreme je da odlučimo o dizajnu. Lično, više volim čist sadržaj podeljen na sekcije, otuda i jednobojna pozadina na našoj početnoj stranici. Ali takođe je dobra ideja da svoj sadržaj iznad preloma propratite slikom ili video-zapisom kako biste ga učinili življim.

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 preloma za vašu početnu stranicu nije teško, ali zahteva malo razmišljanja i testiranja da bi se uradilo kako treba. Ako već imate sajt i zadovoljni ste njime, ali imate visoku stopu napuštanja (bounce rate) u Google analitici, ohrabrujem vas da pokušate ponovo da osmislite sadržaj iznad preloma pomoću gorenavedenih saveta.

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.

Сазнајте више о Page Builder Sandwich-у

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.

Трајне везе имају много облика и форми, али обично изгледају овако као испод. Ова долази са YouTube-а:

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

Ове URL адресе можете налепити у уређивач садржаја да бисте уградили садржај. Ако је садржај могуће уградити, видећете да се URL претвара у сам видео или садржај. Ако се то не деси, то значи да не можете уметнути садржај са тог сајта.

Које сајтове могу да уградим на свој сајт?

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

Инсталирање додатака може додати још сајтова за уградњу

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

Још један начин за додавање садржаја – Iframe кодови за уградњу

Ако само лепљење URL адресе не успе, постоји још један начин за уградњу садржаја. Покушајте и проверите опције дељења на сајту који желите да укључите; поред трајне везе, можда ћете добити и мали део „кода за уградњу“. Кодови за уградњу изгледају овако:

<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.

Користите Page Builder Sandwich за додавање садржаја са других сајтова са фронтенда

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 олакшава ствари тако што вам омогућава да уређујете свој сајт директно са фронтенда. Када користите Page Builder Sandwich, лако пишете и уређујете садржај свог сајта. Уградња садржаја са других сајтова је такође много лакша.

Уз Page Builder Sandwich, само налепите или трајну везу или iframe код за уградњу било где на фронтенду свог сајта и то ће одмах бити претворено у уграђени садржај, без потребе да знате у коју картицу треба да налепите ствари.

Набавите Page Builder Sandwich одмах.