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» деп аталады. Неге? Өйткені адамдарда газет деген дүниелер болған ертерек кезде, тек үстіңгі бөлігі бірден көрініп тұруы үшін олар көбінесе қақ ортасынан бүктелетін. Сол үстіңгі бөлікте немесе «бүктеуге дейінгі» бөлікте күннің ең маңызды тақырыптары жарияланатын, ал газетті ашқанда ғана маңызы аздау қалған тақырыптар көрінетін. Сол сияқты веб-сайттарда да сайтыңыздың ең жоғарғы бөлігі — адамдардың бірінші көретін нәрсесі, ал төмен айналдырғанда газетті ашқандай сайттың қалған бөлігін көресіз.
Газет мысалына тоқталсақ, көшеде келе жатып газет сатушысын көрдіңіз делік. Газетті көргенде тақырыбы қызықты болса, қалғанын көру үшін оны сатып алуыңыз мүмкін. Веб-сайттарда да дәл осылай: егер келушілер сіздің сайтыңызға кіріп, бүктеуге дейінгі мазмұнды қызықты деп тапса, олар қызығушылық танытып, көбірек көру үшін төмен қарай парақтап немесе сайттың қалған бөлігін қарауы мүмкін.
Нильсеннің зерттеуі
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.
Бұл қисынды, өйткені веб-сайттың жоғарғы бөлігі — сіздің бірінші көретін нәрсеңіз.
Сонымен, басты беттің бүктеуге дейінгі мазмұнының қаншалықты маңызды екенін біле отырып, сайтыңыздың жоғарғы жағына не қоюыңыз керек?
Бірден мән-жайға көшіңіз
Сайтыңыздың не туралы екенін бірден көрсетіңіз. Сіздің басты бетіңіз және бүктеуге дейінгі аймақ — бүкіл сайтыңыздың өзегі. Егер келушілер түсінбей абдырап қалса, олар тез арада бетті жауып кетеді. Егер сіз жаңадан шыққан кітап авторы болсаңыз, автор екеніңізді жазып, соңғы кітабыңызды көрсетіңіз. Егер сіз үйлену тойын ұйымдастырушы болсаңыз, келушіңізге өміріндегі ең есте қаларлық тойды ұйымдастырып беретін той ұйымдастырушысы екеніңізді жазыңыз. Немесе шағын қонақүйіңізге сайт жасап жатсаңыз, қаладағы ең жақсы қонақүй мен таңғы ас ұсынатын орын екеніңізді жазыңыз. (Бұл мысалдарды төменде тағы қолданамын.)
Келушілеріңіз сайттың не туралы екенін болжап отырмауы керек. Олар мұны бірден түсінуі тиіс, сонда ғана толығырақ білу үшін төмен айналдырады.
Келушілерді мақсатты түрде қызықтырыңыз
Әрі қарай, веб-сайтыңыздың нақты мақсаты туралы ойлануыңыз керек. Сайтыңызды құрудың басты себебі неде? Себебі қандай болса да, оны да бүктеуге дейінгі аймаққа орналастыруыңыз керек.
Жоғарыда айтып өткен бірнеше мысалды қарастырайық. Жаңа кітап авторы ретінде сізге көбірек танымалдылық керек шығар. Егер сізде тегін электронды кітап болса, келушілер оны жүктеп алуы үшін батырма қоюға болады. Той ұйымдастырушы болсаңыз, адамдардың қызметтеріңіз туралы хабарласқанын қалайсыз, сондықтан телефон нөміріңізді немесе кері байланыс формасын қойыңыз. Ал шағын қонақүй үшін телефон нөміріңізбен бірге брондау формасын орналастырыңыз.
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-тегі бас тарту көрсеткіші жоғары болса, онда жоғарыдағы кеңестерді пайдаланып, бүктеуге дейінгі мазмұнды қайта қарап шығуды ұсынамын.
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.