Bloq

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.

Mövzuya birbaşa keçməzdən əvvəl, ana səhifənizin yuxarı hissəsinin əslində necə adlandığını bilmək yaxşı olardı. Bunun üçün saytınızın-yuxarı-hissəsi adından daha yaxşı bir ad var.

“Above the Fold”

Bu, “Above the Fold” (qatlanma xəttindən yuxarı) adlanır. Niyə? Çünki vaxtilə insanların qəzet adlanan bu vasitələri olduğu dövrlərdə, onlar adətən yarıya qatlanırdı və yalnız yuxarı hissə dərhal görünürdü. Həmin yuxarı hissə və ya “above the fold” hissəsi günün ən vacib başlıqlarını ehtiva edirdi, sonra qəzeti açdıqda daha az əhəmiyyətli digər başlıqları görürdünüz. Veb-saytlarda da eynilə, saytınızın yuxarı hissəsi insanların gördüyü ilk şeydir, sonra aşağı sürüşdürdükdə, qəzeti açmağa bənzər şəkildə saytın qalan hissəsini görürsünüz.

Qəzet nümunəsindən davam etsək, tutaq ki, küçədə gedirsiniz və bir qəzet satıcısı görürsünüz. Qəzeti gördükdə başlıq maraqlıdırsa, qalan hissəsini oxumaq üçün həmin qəzeti ala bilərsiniz. Veb-saytlarda da mahiyyətcə eynidir: əgər ziyarətçilər saytınıza daxil olub qatlanma xəttindən yuxarıdakı məzmununuzu maraqlı tapsalar, onda maraq göstərib daha çoxunu görmək üçün aşağı sürüşdürə və ya saytınızın qalan hissəsinə baxa bilərlər.

Nielsen-in Tədqiqatı

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 çox məntiqlidir, çünki veb-saytın yuxarı hissəsi gördüyünüz ilk şeydir.

Beləliklə, ana səhifənizin qatlanma xəttindən yuxarıdakı məzmununun nə qədər vacib olduğunu bildikdən sonra, saytınızın yuxarı hissəsinə nə yerləşdirməlisiniz?

Birbaşa Mətləbə Keçin

Saytınızın əslində nə haqqında olduğunu dərhal göstərin. Ana səhifəniz və qatlanma xəttindən yuxarı olan sahə bütün saytınızın can damarıdır. Əgər ziyarətçiləriniz çaşqınlıq hiss etsələr, tez bir zamanda geri dönüb səhifəni bağlayacaqlar. Əgər yeni bir kitab müəllifisinizsə, bunu qeyd edin və ən son kitabınızı nümayiş etdirin. Əgər toy təşkilatçısısınızsa, ziyarətçinizə həyatlarının ən unudulmaz toyunu bəxş edəcək bir toy təşkilatçısı olduğunuzu yazın. Yaxud kiçik oteliniz üçün sayt hazırlayırsınızsa, şəhərdəki ən yaxşı gecələmə və səhər yeməyi («bed and breakfast») məkanı olduğunuzu bildirin. (Aşağıda bu nümunələrdən daha çox istifadə edəcəyəm.)

Ziyarətçiləriniz saytın nə haqqında olduğunu təxmin etmək məcburiyyətində qalmamalıdır. Onlar bunu dərhal başa düşməlidirlər, yalnız bundan sonra daha çox təfərrüatı görmək üçün aşağı sürüşdürəcəklər.

Ziyarətçilərinizi Məqsədli Şəkildə Cəlb Edin

Daha sonra veb-saytınızın əsl məqsədi barədə düşünməlisiniz. Ümumiyyətlə saytınızı yaratmağınızın əsas səbəbi nədir? Səbəb hər nə olursa olsun, onu da qatlanma xəttindən yuxarı yerləşdirməlisiniz.

Gəlin yuxarıda qeyd etdiyim bir neçə nümunəyə baxaq. Yeni bir kitab müəllifisinizsə, yəqin ki, daha çox tanınmaq istərdiniz. Əgər pulsuz elektron kitabınız varsa, ziyarətçilərinizin onu yükləməsi üçün bir düymə yerləşdirə bilərsiniz. Toy təşkilatçısısınızsa, insanların xidmətlərinizlə bağlı sizinlə əlaqə saxlamasını istəyərsiniz; telefon nömrənizi və ya əlaqə formasını qeyd edin. Yaxud kiçik otel üçün telefon nömrənizlə yanaşı rezervasiya formasını əlavə edin.

Page Builder Sandwich üçün mən insanların qoşmanı daha yaxından tanımasını və nəticədə müştəriyə çevrilməsini istəyirəm. Buna görə də orada ziyarətçilərə demonu dərhal sınaqdan keçirməyə imkan verən bir düymə və qoşmanı satın almaq üçün başqa bir düymə yerləşdirmişəm.

Qatlanma xəttindən yuxarı hissənin dizaynı

Nə yerləşdirəcəyimizi bildikdən sonra, artıq dizayn barədə qərar vermək vaxtıdır. Şəxsən mən səliqəli şəkildə bölmələrə ayrılmış məzmuna üstünlük verirəm, ana səhifəmizdəki bütöv arxa plan da məhz buna görədir. Lakin qatlanma xəttindən yuxarıdakı məzmununuzu daha canlı etmək üçün onu bir şəkil və ya video ilə tamamlamaq da əla 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.

Nəticə

Ana səhifəniz üçün qatlanma xəttindən yuxarı məzmun yaratmaq çətin deyil, lakin bunu düzgün etmək bir qədər düşünmə və sınaq tələb edir. Əgər artıq bir saytınız varsa və hər şey qurulubsa, lakin Google Analytics-də yüksək dərhal çıxma nisbətiniz (bounce rate) varsa, yuxarıdakı məsləhətlərdən istifadə edərək qatlanma xəttindən yuxarıdakı məzmununuzu yenidən nəzərdən keçirməyinizi tövsiyə edirəm.

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 Haqqında Ətraflı Məlumat Əldə Edin

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.

Daimi bağlantıların (permalink) müxtəlif formaları var, lakin adətən onlar aşağıdakı kimi görünürlər. Bu, YouTube-dan götürülüb:

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

Məzmunu yerləşdirmək üçün bu URL-ləri məzmun redaktoruna yapışdıra bilərsiniz. Əgər daxil edilə biləndirsə, URL-in birbaşa həmin videoya və ya məzmuna çevrildiyini görəcəksiniz. Çevrilmirsə, bu o deməkdir ki, həmin saytdan məzmun daxil edə bilməzsiniz.

Saytıma hansı saytları yerləşdirə bilərəm?

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

Plaqinlər quraşdırmaqla daha çox yerləşdirilə bilən sayt əlavə etmək olar

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

Məzmun əlavə etməyin başqa bir yolu – Iframe yerləşdirmə kodları

Yalnız URL-i yapışdırmaq kömək etmirsə, məzmunu yerləşdirməyin başqa bir yolu da var. Əlavə etmək istədiyiniz saytın paylaşma seçimlərini yoxlayın, daimi bağlantıdan əlavə sizə kiçik bir “yerləşdirmə kodu” (embed code) da verilə bilər. Yerləşdirmə kodları belə görünür:

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

Digər saytlardan məzmunu birbaşa ön paneldən (frontend) əlavə etmək üçün Page Builder Sandwich-dən istifadə edin

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 saytınızı tamamilə ön paneldən redaktə etməyə imkan verərək işləri asanlaşdırır. Page Builder Sandwich-dən istifadə etdikdə saytınızın məzmununu rahatlıqla yazıb redaktə edirsiniz. Digər saytlardan məzmun yerləşdirmək də xeyli asanlaşır.

Page Builder Sandwich ilə saytınızın ön tərəfindəki istənilən yerə sadəcə daimi bağlantını və ya iframe yerləşdirmə kodunu yapışdırın və o, dərhal yerləşdirilmiş məzmuna çevriləcək, materialı hansı nişana yapışdırmalı olduğunuzu bilməyə artıq ehtiyac qalmayacaq.

Page Builder Sandwich-i indi əldə edin.