Բլոգ

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) բովանդակությունը, ապա նրանք կարող են հետաքրքրվել և իջնել ներքև կամ դիտել ձեր կայքի մնացած մասը՝ ավելին տեսնելու համար:

Նիլսենի հետազոտությունը

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.

Սա տրամաբանական է, քանի որ վեբկայքի վերին հատվածն առաջին բանն է, որ տեսնում եք:

Այսպիսով, իմանալով, թե որքան կարևոր է ձեր գլխավոր էջի առաջին էկրանի բովանդակությունը, ի՞նչ պետք է տեղադրեք ձեր կայքի վերևում:

Անմիջապես անցեք բուն էությանը

Անմիջապես նշեք, թե ինչի մասին է ձեր կայքը: Ձեր գլխավոր էջը և առաջին էկրանի հատվածը ձեր ողջ կայքի հիմնասյունն են: Եթե այցելուներն իրենց մոլորված զգան, ապա նրանք արագ կհեռանան և կփակեն ներդիրը: Եթե սկսնակ գրքի հեղինակ եք, գրեք այդ մասին և ներկայացրեք ձեր վերջին գիրքը: Եթե հարսանեկան միջոցառումների կազմակերպիչ եք, գրեք, որ կազմակերպիչ եք, որը ձեր այցելուին կնվիրի նրանց կյանքի ամենահիշարժան հարսանիքը: Կամ եթե կայք եք ստեղծում ձեր փոքրիկ հյուրանոցի համար, ապա գրեք, որ քաղաքի լավագույն bed and breakfast (ննջարան և նախաճաշ) վայրն եք: (Ստորև ես ավելի մանրամասն կօգտագործեմ այս օրինակները):

Ձեր այցելուները չպետք է գուշակեն, թե ինչի մասին է կայքը: Նրանք պետք է անմիջապես հասկանան դա, և միայն այդ դեպքում կիջնեն ներքև՝ ավելի շատ մանրամասներ տեսնելու համար:

Նպատակաուղղված կերպով ներգրավեք ձեր այցելուներին

Հաջորդիվ դուք պետք է մտածեք ձեր վեբկայքի բուն նպատակի մասին: Ի՞նչ պատճառով եք ի սկզբանե ստեղծել ձեր կայքը: Ինչպիսին էլ որ լինի պատճառը, դուք պետք է նաև դա տեղադրեք առաջին էկրանին:

Վերցնենք վերը նշված մի քանի օրինակները: Նոր գրքի հեղինակի դեպքում դուք հավանաբար կցանկանաք ավելի մեծ ճանաչելիություն ունենալ: Եթե ունեք անվճար էլեկտրոնային գիրք, ապա կարող եք կոճակ տեղադրել, որպեսզի այցելուները ներբեռնեն այն: Հարսանեկան միջոցառումների կազմակերպչի դեպքում դուք կցանկանաք, որ մարդիկ կապ հաստատեն ձեզ հետ ձեր ծառայությունների վերաբերյալ, ուստի տեղադրեք ձեր հեռախոսահամարը կամ հետադարձ կապի ձևաթուղթը: Կամ փոքրիկ հյուրանոցի դեպքում տեղադրեք ամրագրման ձևաթուղթ՝ ձեր հեռախոսահամարի հետ միասին:

Page Builder Sandwich-ի դեպքում ես ցանկանում եմ, որ մարդիկ ավելի լավ ծանոթանան փլագինին և ի վերջո դառնան հաճախորդ: Այդ իսկ պատճառով ես այնտեղ ունեմ կոճակ, որը թույլ է տալիս այցելուներին անմիջապես փորձարկել դեմոն, և մեկ այլ կոճակ՝ փլագինը գնելու համար:

Առաջին էկրանի (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.

Եզրակացություն

Գլխավոր էջի համար առաջին էկրանի բովանդակություն ստեղծելը դժվար չէ, բայց այն ճիշտ անելու համար անհրաժեշտ է որոշակիորեն մտածել և փորձարկել: Եթե արդեն ունեք կայք և այն պատրաստ է, սակայն 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.

Իմացեք ավելին Page Builder Sandwich-ի մասին

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.

Մշտական հղումները (permalinks) ունեն տարբեր ձևեր և տեսքեր, բայց սովորաբար դրանք պարզապես նման են ստորև բերվածին: Այս մեկը YouTube-ից է.

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

Դուք կարող եք տեղադրել այս հղումները բովանդակության խմբագրիչում՝ բովանդակությունը ներկառուցելու (embed) համար: Եթե այն ներկառուցելի է, կտեսնեք, որ հղումը կվերածվի բուն տեսանյութի կամ բովանդակության: Եթե ոչ, ապա դա նշանակում է, որ դուք չեք կարող բովանդակություն տեղադրել այդ կայքից:

Ի՞նչ կայքեր կարող եմ ներկառուցել իմ կայքում:

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

Փլագինների տեղադրումը կարող է ավելացնել ավելի շատ ներկառուցվող կայքեր

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

Բովանդակություն ավելացնելու մեկ այլ եղանակ՝ Iframe-ի ներկառուցման կոդեր

Եթե միայն URL-ը տեղադրելը չի աշխատում, բովանդակությունը ներկառուցելու ևս մեկ եղանակ կա: Փորձեք ստուգել այն կայքի կիսվելու (sharing) տարբերակները, որը ցանկանում եք ներառել. բացի մշտական հղումից, ձեզ կարող է տրամադրվել նաև փոքր «ներկառուցման կոդ» (embed code): Ներկառուցման կոդերն ունենում են հետևյալ տեսքը.

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

Օգտագործեք Page Builder Sandwich-ը՝ Frontend-ից այլ կայքերից բովանդակություն ավելացնելու համար

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-ը հեշտացնում է գործընթացը՝ թույլ տալով խմբագրել ձեր կայքն անմիջապես frontend-ից: Երբ օգտագործում եք Page Builder Sandwich-ը, դուք հեշտությամբ գրում և խմբագրում եք ձեր կայքի բովանդակությունը: Այլ կայքերից բովանդակություն ներկառուցելը նույնպես շատ ավելի հեշտ է դառնում:

Page Builder Sandwich-ի միջոցով պարզապես տեղադրեք մշտական հղումը կամ iframe-ի ներկառուցման կոդը ձեր կայքի տեսանելի հատվածի (front) ցանկացած տեղում, և այն անմիջապես կվերածվի ներկառուցված բովանդակության. այլևս կարիք չկա իմանալու, թե որ ներդիրում (tab) պետք է տեղադրեք նյութերը:

Ձեռք բերեք Page Builder Sandwich-ը հիմա: