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 ຂອງທ່ານໜ້າສົນໃຈ, ພວກເຂົາກໍອາດຈະຕັດສິນໃຈເລື່ອນລົງ ຫຼື ເບິ່ງສ່ວນທີ່ເຫຼືອຂອງເວັບໄຊຂອງທ່ານເພື່ອອ່ານເພີ່ມເຕີມ.
ການຄົ້ນຄວ້າຂອງ Nielsen
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 ຂອງທ່ານແມ່ນຫົວໃຈຫຼັກຂອງເວັບໄຊທັງໝົດຂອງທ່ານ. ຖ້າຜູ້ເຂົ້າຊົມຂອງທ່ານຮູ້ສຶກສັບສົນ, ພວກເຂົາກໍຈະອອກໄປຢ່າງວ່ອງໄວ ແລະ ປິດແຖບນັ້ນ. ຖ້າທ່ານເປັນນັກຂຽນປຶ້ມຄົນໃໝ່, ຈົ່ງຂຽນວ່າທ່ານເປັນນັກຂຽນ ແລະ ສະແດງປຶ້ມຫຼ້າສຸດຂອງທ່ານ. ຖ້າທ່ານເປັນຜູ້ຈັດງານແຕ່ງດອງ, ຈົ່ງຂຽນວ່າທ່ານເປັນຜູ້ຈັດງານແຕ່ງດອງທີ່ຈະມອບງານແຕ່ງດອງທີ່ໜ້າຈົດຈຳທີ່ສຸດເທົ່າທີ່ພວກເຂົາເຄີຍມີ. ຫຼື ຖ້າທ່ານກຳລັງສ້າງເວັບໄຊສຳລັບໂຮງແຮມຂະໜາດນ້ອຍຂອງທ່ານ, ຈົ່ງຂຽນວ່າທ່ານເປັນບ່ອນພັກຜ່ອນ ແລະ ອາຫານເຊົ້າທີ່ດີທີ່ສຸດໃນເມືອງ. (ຂ້ອຍຈະໃຊ້ຕົວຢ່າງເຫຼົ່ານີ້ເພີ່ມເຕີມຢູ່ດ້ານລຸ່ມ.)
ຜູ້ເຂົ້າຊົມຂອງທ່ານບໍ່ຄວນຈະຕ້ອງມານັ່ງເດົາວ່າເວັບໄຊນີ້ກ່ຽວກັບຫຍັງ. ພວກເຂົາຄວນຈະເຂົ້າໃຈໄດ້ໃນທັນທີ, ຈາກນັ້ນເທົ່ານັ້ນພວກເຂົາຈຶ່ງຈະເລື່ອນລົງເພື່ອເບິ່ງລາຍລະອຽດເພີ່ມເຕີມ.
ສ້າງການມີສ່ວນຮ່ວມກັບຜູ້ເຂົ້າຊົມຂອງທ່ານຢ່າງຕັ້ງໃຈ
ຕໍ່ໄປທ່ານຕ້ອງຄິດກ່ຽວກັບຈຸດປະສົງຕົວຈິງຂອງເວັບໄຊຂອງທ່ານ. ເຫດຜົນໃນການສ້າງເວັບໄຊຂອງທ່ານຕັ້ງແຕ່ທຳອິດແມ່ນຫຍັງ? ບໍ່ວ່າເຫດຜົນນັ້ນຈະແມ່ນຫຍັງກໍຕາມ, ທ່ານກໍຕ້ອງໃສ່ສິ່ງນັ້ນໄວ້ above the fold ເຊັ່ນກັນ.
ລອງມາເບິ່ງຕົວຢ່າງສອງສາມຕົວຢ່າງທີ່ຂ້ອຍໄດ້ກ່າວມາຂ້າງເທິງ. ສຳລັບນັກຂຽນປຶ້ມຄົນໃໝ່, ທ່ານອາດຈະຕ້ອງການໃຫ້ມີຄົນຮູ້ຈັກຫຼາຍຂຶ້ນ. ຖ້າທ່ານມີ ebook ຟຣີ, ທ່ານກໍສາມາດວາງປຸ່ມເພື່ອໃຫ້ຜູ້ເຂົ້າຊົມຂອງທ່ານດາວໂຫຼດມັນໄດ້. ສຳລັບຜູ້ຈັດງານແຕ່ງດອງ, ທ່ານຈະຕ້ອງການໃຫ້ຄົນຕິດຕໍ່ຫາທ່ານກ່ຽວກັບການບໍລິການຂອງທ່ານ, ໃຫ້ໃສ່ເບີໂທລະສັບ ຫຼື ແບບຟອມຕິດຕໍ່ຂອງທ່ານໄວ້. ຫຼື ສຳລັບໂຮງແຮມຂະໜາດນ້ອຍ, ໃຫ້ໃສ່ແບບຟອມຈອງພ້ອມກັບເບີໂທລະສັບຂອງທ່ານ.
ສຳລັບ Page Builder Sandwich, ຂ້ອຍຕ້ອງການໃຫ້ຄົນຮູ້ຈັກປລັກອິນຫຼາຍຂຶ້ນ, ແລະ ກາຍເປັນລູກຄ້າໃນທີ່ສຸດ. ດັ່ງນັ້ນ ຂ້ອຍຈຶ່ງມີປຸ່ມຢູ່ບ່ອນນັ້ນທີ່ຊ່ວຍໃຫ້ຜູ້ເຂົ້າຊົມສາມາດທົດລອງໃຊ້ເດໂມໄດ້ທັນທີ, ແລະ ອີກປຸ່ມໜຶ່ງເພື່ອສັ່ງຊື້ປລັກອິນ.
ການອອກແບບ above the fold
ຕອນນີ້ເມື່ອພວກເຮົາຮູ້ແລ້ວວ່າຈະໃສ່ຫຍັງແດ່, ມັນກໍເຖິງເວລາທີ່ຈະຕັດສິນໃຈກ່ຽວກັບການອອກແບບ. ໂດຍສ່ວນຕົວແລ້ວ, ຂ້ອຍມັກເນື້ອຫາທີ່ແບ່ງເປັນສ່ວນໆຢ່າງສະອາດຕາ, ດັ່ງນັ້ນຈຶ່ງໃຊ້ພື້ນຫຼັງສີລຽບໆຢູ່ໜ້າທຳອິດຂອງພວກເຮົາ. ແຕ່ມັນກໍເປັນຄວາມຄິດທີ່ດີເຊັ່ນກັນທີ່ຈະມີຮູບພາບ ຫຼື ວິດີໂອປະກອບໃສ່ເນື້ອຫາ 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 ສຳລັບໜ້າທຳອິດຂອງທ່ານບໍ່ແມ່ນເລື່ອງຍາກ, ແຕ່ມັນຕ້ອງໃຊ້ຄວາມຄິດ ແລະ ການທົດສອບບາງຢ່າງເພື່ອເຮັດໃຫ້ຖືກຕ້ອງ. ຖ້າທ່ານມີເວັບໄຊຢູ່ແລ້ວ ແລະ ທ່ານໄດ້ກຳນົດສິ່ງຕ່າງໆໄວ້ໝົດແລ້ວ, ແຕ່ທ່ານມີອັດຕາການອອກຈາກເວັບໄຊ (bounce rate) ສູງໃນ Google Analytics ຂອງທ່ານ, ຂ້ອຍຂໍແນະນຳໃຫ້ທ່ານລອງຄິດຄືນໃໝ່ກ່ຽວກັບເນື້ອຫາ 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.