ბლოგი

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“-ს უწოდებენ. რატომ? იმიტომ, რომ ადრე, როდესაც კაცობრიობას ჰქონდა ისეთი რამ, რასაც გაზეთები ჰქვია, ისინი, როგორც წესი, შუაზე იყო დაკეცილი, ასე რომ მაშინვე მხოლოდ ზედა ნაწილი ჩანდა. ეს ზედა, ანუ „გადაკეცვამდე“ ნაწილი შეიცავდა დღის ყველაზე მნიშვნელოვან სათაურ(ებ)ს, ხოლო გაშლისას ხედავდით ნაკლებად მნიშვნელოვან სათაურებს. ანალოგიურად ვებსაიტებზეც, თქვენი საიტის ზედა ნაწილი არის პირველი რამ, რასაც ხალხი ხედავს, ხოლო როდესაც ქვემოთ ჩამოscrollავთ, ხედავთ საიტის დანარჩენ ნაწილს, გაზეთის გაშლის მსგავსად.

გაზეთის მაგალითს რომ მივყვეთ: ვთქვათ, ქუჩაში მიდიხართ და გაზეთების გამყიდველს ხედავთ. თუ დაინახავთ გაზეთს და სათაური საინტერესოა, შესაძლოა იყიდოთ კიდეც ის, რათა დანარჩენი ნაწილიც ნახოთ. ვებსაიტების შემთხვევაშიც არსებითად იგივე ხდება: თუ მნახველები თქვენს საიტს ეწვევიან და პირველ ხილვად ეკრანზე (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.

დასკვნა

მთავარი გვერდის პირველი ეკრანის (above the fold) კონტენტის შექმნა რთული არ არის, მაგრამ მის სწორად გასაკეთებლად საჭიროა გარკვეული დაფიქრება და ტესტირება. თუ უკვე გაქვთ საიტი და მასზე მუშაობა დასრულებული გაქვთ, მაგრამ თქვენს 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.

მუდმივი ბმულები მრავალგვარი ფორმისაა, თუმცა, როგორც წესი, ისინი ქვემოთ მოცემულის მსგავსად გამოიყურება. ეს ბმული YouTube-იდან არის:

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

შეგიძლიათ ჩასვათ ეს URL-ები შინაარსის რედაქტორში კონტენტის ჩასაშენებლად. თუ მისი ჩაშენება შესაძლებელია, დაინახავთ, რომ URL გადაიქცევა რეალურ ვიდეოდ ან კონტენტად. თუ არა, ეს ნიშნავს, რომ ამ საიტიდან კონტენტის ჩასმა შეუძლებელია.

რა საიტების ჩაშენება შემიძლია ჩემს საიტზე?

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-ის ჩასმა არ მუშაობს, კონტენტის ჩასაშენებლად კიდევ ერთი გზა არსებობს. სცადეთ და შეამოწმეთ იმ საიტის გაზიარების პარამეტრები, რომლის ჩართვაც გსურთ; მუდმივი ბმულის გარდა, შესაძლოა მოგეცეთ „ჩაშენების კოდის“ მცირე ნაწილიც. ჩაშენების კოდები ასე გამოიყურება:

<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 ჩაშენების კოდი თქვენი საიტის წინა მხარეს ნებისმიერ ადგილას და ის მაშინვე გადაიქცევა ჩაშენებულ კონტენტად; აღარ არის საჭირო იმის ცოდნა, თუ რომელ ჩანართში უნდა ჩასვათ ეს მასალა.

მიიღეთ Page Builder Sandwich ახლავე.