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.
Doğrudan konuya dalmadan önce, ön sayfanızın üst kısmına ne ad verildiğini bilmekte fayda var. Bunun için sitenizin-üst-kısmı ifadesinden daha iyi bir isim var.
“Above the Fold”
Buna “Above the Fold” (katlama çizgisinin üstü) denir. Neden mi? Çünkü eski günlerde, insanlığın gazete denen şeylere sahip olduğu zamanlarda, gazeteler genellikle ikiye katlanırdı; böylece hemen yalnızca üst kısım görünürdü. Bu üst kısım veya “katlama çizgisinin üstündeki” bölüm, günün en önemli manşetlerini içerirdi; gazeteyi açtığınızda ise daha az önemli diğer manşetleri görürdünüz. Benzer şekilde web sitelerinde de sitenizin üst kısmı insanların ilk gördüğü yerdir, ardından aşağı kaydırdığınızda gazetenin katını açmaya benzer şekilde sitenin geri kalanını görürsünüz.
Gazete örneğinden devam edersek, sokakta yürüdüğünüzü ve bir gazete bayisi gördüğünüzü varsayalım. Gazeteyi gördüğünüzde manşet ilginizi çekerse, devamını görmek için o gazeteyi satın alabilirsiniz. Bu durum web siteleri için de temelde aynıdır; ziyaretçiler sitenize uğradığında ekranın üst kısmındaki (above the fold) içeriği ilgi çekici bulurlarsa, bunu benimseyip daha fazlasını görmek için aşağı kaydırabilir veya sitenizin geri kalanına göz atabilirler.
Nielsen’in Araştırması
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.
Bu oldukça mantıklıdır, çünkü bir web sitesinin üst alanı ilk gördüğünüz şeydir.
Peki, ana sayfanızın ekran üstü (above the fold) içeriğinin ne kadar önemli olduğunu bildiğinize göre, sitenizin en üst kısmına ne koymalısınız?
Doğrudan Sadede Gelin
Sitenizin tam olarak neyle ilgili olduğunu hemen belirtin. Ana sayfanız ve ekran üstü alanınız, tüm sitenizin can damarıdır. Ziyaretçileriniz kaybolmuş hissederse, hızla uzaklaşır ve sekmeyi kapatırlar. Yeni bir kitap yazarıysanız, yazar olduğunuzu belirtin ve en son kitabınızı sergileyin. Bir düğün organizatörüyseniz, ziyaretçinize hayatının en unutulmaz düğününü yaşatacak bir düğün organizatörü olduğunuzu yazın. Ya da küçük oteliniz için bir site yapıyorsanız, şehirdeki en iyi oda-kahvaltı mekanı olduğunuzu yazın. (Bu örnekleri aşağıda daha fazla kullanacağım.)
Ziyaretçileriniz sitenin neyle ilgili olduğunu tahmin etmek zorunda kalmamalıdır. Bunu hemen anlamalılar, ancak o zaman daha fazla ayrıntı görmek için aşağı kaydıracaklardır.
Ziyaretçilerinizin İlgisini Bilinçli Olarak Çekin
Ardından, web sitenizin asıl amacını düşünmelisiniz. En başta web sitenizi kurma sebebiniz nedir? Bu sebep her ne olursa olsun, onu da katlama çizgisinin üstüne yerleştirmelisiniz.
Yukarıda bahsettiğim birkaç örneği ele alalım. Yeni bir kitap yazarı için muhtemelen daha fazla görünürlük istersiniz. Ücretsiz bir e-kitabınız varsa, ziyaretçilerinizin indirmesi için bir buton yerleştirebilirsiniz. Düğün organizatörü için, insanların hizmetleriniz hakkında sizinle iletişime geçmesini istersiniz; telefon numaranızı veya bir iletişim formu ekleyin. Ya da küçük otel için, telefon numaranızla birlikte bir rezervasyon formu koyun.
Page Builder Sandwich için, insanların eklentiyi daha yakından tanımasını ve nihayetinde birer müşteriye dönüşmesini istiyorum. Bu yüzden orada ziyaretçilerin demoyu hemen denemelerini sağlayan bir buton ve eklentiyi satın almak için başka bir buton bulunduruyorum.
Ekran Üstü Bölümü Tasarlamak
Artık ne koyacağımızı bildiğimize göre, tasarım hakkında karar verme zamanı geldi. Şahsen ben temiz, bölümlere ayrılmış içeriği tercih ediyorum; ana sayfamızdaki düz arka planın sebebi de budur. Ancak ekran üstü içeriğinizi daha canlı hale getirmek için bir görsel veya video ile desteklemek de iyi bir fikirdir.
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.
Sonuç
Ana sayfanız için ekran üstü içerik oluşturmak zor değildir, ancak doğru yapmak biraz düşünmeyi ve test etmeyi gerektirir. Halihazırda bir siteniz varsa ve bu konuda kararlıysanız ancak Google Analytics’te yüksek bir hemen çıkma oranınız varsa, yukarıdaki ipuçlarıyla ekran üstü içeriğinizi yeniden düşünmenizi öneririm.
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.