Автор: Neil Lock

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“ (над сгъвката). Защо? Защото в миналото, когато човечеството имаше онези неща, наречени вестници, те обикновено се сгъваха наполовина, така че само горната част да се вижда веднага. Тази горна част или част „над сгъвката“ съдържаше най-важното заглавие/заглавия за деня, а след това, когато я разгънете, виждате останалите по-малко важни заглавия. По подобен начин и при уебсайтовете най-горната част на вашия сайт е първото нещо, което хората виждат, а след това, когато превъртите надолу, виждате останалата част от сайта, подобно на разгъването на вестник.

Придържайки се към примера с вестника, нека кажем, че вървите по улицата и виждате продавач на вестници. Когато видите вестника и ако заглавието е интересно, може просто да купите вестника, за да видите останалата част. По същество същото е и при уебсайтовете – ако посетителите преминат през вашия сайт и намерят съдържанието над сгъвката за интересно, те може просто да се заинтригуват и да превъртят надолу или да разгледат останалата част от сайта ви, за да видят повече.

Проучването на 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.

Това има смисъл, тъй като най-горната част на един уебсайт е първото нещо, което виждате.

И така, знаейки колко важно е съдържанието над сгъвката на началната ви страница, какво трябва да поставите в горната част на сайта си?

Преминете направо към същината

Посочете веднага за какво е вашият сайт. Вашата начална страница и зоната над сгъвката са жизненоважната сила на целия ви сайт. Ако посетителите ви се почувстват объркани, бързо ще се откажат и ще затворят раздела. Ако сте автор на нова книга, напишете, че сте такъв, и покажете най-новата си книга. Ако сте сватбен организатор, напишете, че сте сватбен организатор, който ще осигури на посетителя най-запомнящата се сватба, която някога е имал. Или ако правите сайт за вашия малък семеен хотел, напишете, че сте най-доброто място за нощувка със закуска в града. (Ще използвам тези примери по-долу.)

Посетителите ви не трябва да гадаят за какво е сайтът. Те трябва да разберат веднага и едва тогава ще превъртят надолу, за да видят повече подробности.

Ангажирайте посетителите си целенасочено

След това трябва да помислите за действителната цел на вашия уебсайт. Каква е причината изобщо да създадете уебсайта си? Каквато и да е причината, трябва да поставите и нея над сгъвката.

Нека вземем няколкото примера, които споменах по-горе. За автор на нова книга вероятно ще искате повече популярност. Ако имате безплатна електронна книга, тогава можете да поставите бутон, от който посетителите да я изтеглят. За сватбения организатор – ще искате хората да се свържат с вас относно услугите ви, затова сложете телефонния си номер или форма за контакт. А за малкия хотел – поставете форма за резервация заедно с телефонния си номер.

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

Заключение

Създаването на съдържание над сгъвката за вашата начална страница не е трудно, но изисква известно обмисляне и тестване, за да се направи правилно. Ако вече имате готов сайт, но имате висок процент на отпадане (bounce rate) в 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.

Научете повече за 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​

Можете да поставите тези 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 сега.