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” хэсэг нь тухайн өдрийн хамгийн чухал онцлох гарчгуудыг агуулдаг байсан бөгөөд дэлгэх үед үлдсэн бага ач холбогдолтой гарчгууд харагддаг байжээ. Үүнтэй адилаар вэбсайтад сайтын тань дээд хэсэг нь хүмүүсийн хамгийн түрүүнд хардаг зүйл бөгөөд доош гүйлгэх үед сонин дэлгэж буй мэт сайтын үлдсэн хэсэг харагддаг.
Сонины жишээг үргэлжлүүлбэл, та гудамжаар алхаж байгаад сонин зардаг мухлаг харлаа гэж бодъё. Хэрэв та сонинг хараад гарчиг нь сонирхолтой санагдвал цаашхийг нь үзэхийн тулд сонинг худалдаж авч магадгүй юм. Энэ нь үндсэндээ вэбсайттай яг адил бөгөөд хэрэв зочид таны сайтаар зочилж, дэлгэцийн эхний харагдацын (above the fold) агуулгыг сонирхолтой гэж үзвэл тэд итгэл үнэмшил авч, илүү ихийг үзэхийн тулд доош гүйлгэх эсвэл сайтын бусад хэсгийг үзэх болно.
Нилсений судалгаа
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) хэсэг нь бүхэл бүтэн сайтын тань амин сүнс юм. Хэрэв зочид төөрөлдвөл тэд шууд буцаж, цонхыг хаах болно. Хэрэв та шинэ номын зохиолч бол тийм гэдгээ бичиж, хамгийн сүүлийн үеийн номоо танилцуул. Хэрэв та хуримын зохион байгуулагч бол зочдодоо амьдралынх нь хамгийн мартагдашгүй хуримыг бэлэглэх зохион байгуулагч гэдгээ бич. Эсвэл жижиг зочид буудалдаа зориулж сайт хийж байгаа бол хотын хамгийн шилдэг өглөөний цайтай зочид буудал (bed and breakfast) гэдгээ бичээрэй. (Би эдгээр жишээг доор дэлгэрэнгүй ашиглах болно.)
Зочид тань энэ сайт юуны тухай болохыг таах гэж зовох ёсгүй. Тэд үүнийг шууд ойлгох ёстой бөгөөд зөвхөн тэгж байж л илүү дэлгэрэнгүйг үзэхийн тулд доош гүйлгэх болно.
Зочдоо зорилготойгоор татан оролцуул
Дараа нь та вэбсайтынхаа бодит зорилгын талаар бодох хэрэгтэй. Анхнаасаа вэбсайт нээх болсон шалтгаан тань юу вэ? Шалтгаан нь юу ч байсан, та үүнийгээ мөн дэлгэцийн эхний харагдац дээрээ байрлуулах ёстой.
Дээр дурдсан цөөн хэдэн жишээг авч үзье. Шинэ номын зохиолчийн хувьд та илүү олон хүнд танигдахыг хүсэж байж болох юм. Хэрэв танд үнэгүй цахим ном байгаа бол зочдодоо татаж авах товчийг байрлуулж болно. Хуримын зохион байгуулагчийн хувьд үйлчилгээний тань талаар тантай холбогдохыг хүсэх тул утасны дугаар эсвэл холбоо барих маягт байрлуул. Эсвэл жижиг зочид буудлын хувьд утасны дугаарын хамт захиалгын маягт оруулна уу.
Page Builder Sandwich-ийн хувьд би хүмүүст энэхүү залгаасыг илүү сайн таниулж, улмаар үйлчлүүлэгч болгохыг хүсдэг. Тиймээс би тэнд зочдод демо хувилбарыг шууд туршиж үзэх боломжийг олгодог товч, мөн залгаасыг худалдан авах өөр нэг товч байрлуулсан.
Дэлгэцийн эхний харагдацын дизайн
Одоо юу оруулахаа мэдсэн тул дизайны талаар шийдэх цаг боллоо. Хувьдаа би цэвэрхэн, хэсэгчилсэн агуулгыг илүүд үздэг бөгөөд тиймээс манай нүүр хуудас цул дэвсгэртэй байдаг. Гэхдээ дэлгэцийн эхний харагдацын агуулгаа илүү амьд болгохын тулд зураг эсвэл видео хавсаргах нь бас сайн санаа юм.
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.
Дүгнэлт
Нүүр хуудасныхаа дэлгэцийн эхний харагдацын агуулгыг бүтээх нь тийм ч хэцүү биш боловч зөв хийхийн тулд бага зэрэг бодож, туршиж үзэх шаардлагатай. Хэрэв та аль хэдийн сайттай бөгөөд түүндээ дассан ч Google Analytics дээр тань татгалзалтын хувь (bounce rate) өндөр байгаа бол дээрх зөвлөмжүүдийг ашиглан дэлгэцийн эхний агуулгаа эргэн харж, дахин бодож үзэхийг уриалж байна.
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.