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.
කෙලින්ම විෂයට බසින්න පෙර, ඔබේ මුල් පිටුවේ ඉහළ කොටස හඳුන්වන්නේ කුමක්දැයි පළමුව දැනගැනීම හොඳය. ඔබේ වෙබ් අඩවියේ ඉහළ කොටස යැයි කියනවාට වඩා ඊට හොඳ නමක් තිබේ.
“Above the Fold”
එය Above the Fold ලෙස හැඳින්වේ. ඇයි ඒ? මන්දයත් මුල් කාලයේ මිනිසුන්ට පුවත්පත් නමින් දෙයක් තිබූ විට, ඒවා සාමාන්‍යයෙන් දෙකට නවා තිබූ බැවින් ක්ෂණිකව දැකගත හැකි වූයේ ඉහළ කොටස පමණි. එම ඉහළ කොටසේ හෝ “above the fold” කොටසේ දවසේ වැදගත්ම සිරස්තල අඩංගු වූ අතර, එය දිගහැරිය විට ඔබට අඩු වැදගත්කමක් ඇති අනෙක් සිරස්තල දැකගත හැකි විය. ඒ හා සමානව වෙබ් අඩවි වලද, ඔබේ අඩවියේ ඉහළ කොටස යනු මිනිසුන් මුලින්ම දකින දෙයයි. ඉන්පසු ඔබ පහළට scroll කරන විට පුවත්පතක් දිගහරින්නාක් මෙන් වෙබ් අඩවියේ ඉතිරි කොටස දැකගත හැකිය.
පුවත්පත් උදාහරණයටම අනුකූලව බලතොත්, ඔබ පාරේ ගමන් කරන විට පුවත්පත් වෙළෙන්දෙකු දකිනවා යැයි සිතන්න. ඔබ පුවත්පත දකින විට එහි සිරස්තලය සිත් ඇදගන්නා සුළු නම්, එහි ඉතිරි කොටස බැලීමට ඔබ එම පුවත්පත මිලදී ගැනීමට ඉඩ ඇත. වෙබ් අඩවි වලද මූලික වශයෙන් සිදුවන්නේ මෙයයි; අමුත්තන් ඔබේ වෙබ් අඩවියට පැමිණ එහි ඇති above the fold අන්තර්ගතය සිත් ඇදගන්නා සුළු බව දුටුවහොත්, ඔවුන් තවදුරටත් බැලීමට කැමති වී පහළට scroll කරනු ඇත හෝ වෙබ් අඩවියේ ඉතිරි කොටස නරඹනු ඇත.
නීල්සන්ගේ පර්යේෂණය
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.
වෙබ් අඩවියක ඉහළ ප්‍රදේශය ඔබ දකින පළමු දෙය වන බැවින් මෙය තේරුම් ගත හැකිය.
එබැවින් ඔබේ මුල් පිටුවේ above the fold අන්තර්ගතය කෙතරම් වැදගත්දැයි දැනගත් පසු, ඔබේ වෙබ් අඩවියේ ඉහළින් ඔබ ඇතුළත් කළ යුත්තේ මොනවාද?
කෙලින්ම කාරණයට බසින්න
ඔබේ වෙබ් අඩවිය කුමක් පිළිබඳවද යන්න කෙලින්ම ඉදිරිපත් කරන්න. ඔබේ මුල් පිටුව සහ above the fold ප්‍රදේශය මුළු වෙබ් අඩවියේම ජීව රුධිරයයි. ඔබේ අමුත්තන්ට අතරමං වූ බවක් හැඟුණහොත්, ඔවුන් වහාම ඉවත් වී ටැබය (tab) වසා දමනු ඇත. ඔබ නව පොත් කතුවරයෙක් නම්, ඔබ කතුවරයෙක් බව සඳහන් කර ඔබේ නවතම පොත ප්‍රදර්ශනය කරන්න. ඔබ මංගල උත්සව සංවිධායකයෙක් නම්, ඔබේ අමුත්තාට ඔවුන්ට ලැබෙන වඩාත්ම මතකයේ රැඳෙන මංගල උත්සවය ලබා දෙන මංගල සංවිධායකයෙක් බව ලියන්න. නැතහොත් ඔබ ඔබේ කුඩා හෝටලය සඳහා වෙබ් අඩවියක් සාදන්නේ නම්, ඔබ නගරයේ හොඳම bed and breakfast ස්ථානය බව ලියන්න. (මම පහතින් මෙම උදාහරණ තවදුරටත් භාවිත කරමි.)
වෙබ් අඩවිය කුමක් පිළිබඳවද යන්න අනුමාන කිරීමට ඔබේ අමුත්තන්ට සිදු නොවිය යුතුය. ඔවුන්ට එය වහාම අවබෝධ විය යුතුය, වැඩි විස්තර බැලීමට ඔවුන් පහළට scroll කරන්නේ එවිට පමණි.
අරමුණක් සහිතව ඔබේ අමුත්තන් සම්බන්ධ කරගන්න
මීළඟට ඔබේ වෙබ් අඩවියේ සැබෑ අරමුණ ගැන සිතා බැලිය යුතුය. මුලින්ම ඔබේ වෙබ් අඩවිය නිර්මාණය කිරීමට හේතුව කුමක්ද? හේතුව කුමක් වුවත්, ඔබ එයද above the fold කොටසේ තැබිය යුතුය.
මම ඉහත සඳහන් කළ උදාහරණ කිහිපය ගනිමු. නව පොත් කතුවරයෙකුට නම්, ඔබට බොහෝ විට වැඩි ප්‍රසිද්ධියක් අවශ්‍ය වනු ඇත. ඔබට නොමිලේ ලබා දෙන විද්‍යුත් පොතක් (ebook) තිබේ නම්, ඔබේ අමුත්තන්ට එය බාගත කර ගැනීමට බොත්තමක් (button) තැබිය හැකිය. මංගල උත්සව සංවිධායකවරයෙකුට නම්, ඔබේ සේවාවන් පිළිබඳව මිනිසුන් ඔබ හා සම්බන්ධ වීමට ඔබට අවශ්‍ය වනු ඇත, ඒ සඳහා ඔබේ දුරකථන අංකය හෝ සම්බන්ධතා පෝරමයක් ඇතුළත් කරන්න. නැතහොත් කුඩා හෝටලය සඳහා, ඔබේ දුරකථන අංකය සමඟ වෙන්කරවා ගැනීමේ පෝරමයක් (booking form) ඇතුළත් කරන්න.
Page Builder Sandwich සඳහා, මිනිසුන් මෙම ප්ලගිනය ගැන වැඩිදුර දැනගැනීමටත්, අවසානයේ පාරිභෝගිකයෙකු බවට පත්වීමටත් මට අවශ්‍යය. එබැවින් අමුත්තන්ට වහාම demo එක අත්හදා බැලීමට බොත්තමක් සහ ප්ලගිනය මිලදී ගැනීමට තවත් බොත්තමක් මම එහි ඇතුළත් කර ඇත්තෙමි.
Above the fold සැලසුම් කිරීම
දැන් අප ඇතුළත් කළ යුත්තේ මොනවාදැයි දන්නා නිසා, නිර්මාණය (design) පිළිබඳව තීරණය කිරීමට කාලයයි. පෞද්ගලිකව, මම පිරිසිදු, කොටස් වලට වෙන් කළ අන්තර්ගතයකට කැමැත්තක් දක්වමි, අපගේ මුල් පිටුවේ ඒකාකාර පසුබිමක් (solid backdrop) ඇත්තේ එබැවිනි. නමුත් ඔබේ above the fold අන්තර්ගතය වඩාත් ජීවමාන කිරීමට ඊට රූපයක් හෝ වීඩියෝවක් එක් කිරීමද හොඳ අදහසකි.
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.
නිගමනය
ඔබේ මුල් පිටුව සඳහා above the fold අන්තර්ගතයක් නිර්මාණය කිරීම අපහසු නොවේ, නමුත් එය නිවැරදිව කිරීමට යම් සිතා බැලීමක් සහ පරීක්ෂා කිරීමක් අවශ්‍ය වේ. ඔබට දැනටමත් වෙබ් අඩවියක් තිබේ නම් සහ ඔබ එය සකස් කරගෙන තිබියදීත්, ඔබේ Google Analytics හි bounce rate එක ඉහළ අගයක් ගනී නම්, ඉහත උපදෙස් සමඟින් ඔබේ above the fold අන්තර්ගතය ගැන නැවත සිතා බැලීමට මම ඔබව දිරිමත් කරමි.
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.
Now you can download the Lite version of Page Builder Sandwich from the 
පසුගිය සතියේ අපි දෝෂ රාශියක් නිරාකරණය කරමින් සහ Page Builder Sandwich වෙත WordPress සබැඳි සංස්කාරක සංවාද කොටුව එක් කරමින් 2.1 අනුවාදය නිකුත් කළෙමු.
2.4 වන අනුවාදයේ සිට, ඔබට Markdown භාවිතයෙන් ඔබගේ frontend එක තුළ ඔබගේ අන්තර්ගතය සංස්කරණය කළ හැකි බව සතුටින් දන්වා සිටිමි!
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 
සැමට සුබ නව වසරක් වේවා!