بلاگ

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)

به آن «بالای نیم‌تا» گفته می‌شود. چرا؟ زیرا در روزهای اولیه که بشر چیزهایی به نام روزنامه داشت، آن‌ها معمولاً از وسط تا می‌شدند تا فقط بخش بالایی بلافاصله قابل مشاهده باشد. آن بخش بالایی یا بخش «بالای نیم‌تا» شامل مهم‌ترین تیتر(های) روز بود و وقتی آن را باز می‌کردید، بقیه تیترهای کم‌اهمیت‌تر را می‌دیدید. به طور مشابه در وب‌سایت‌ها، بخش بالایی سایت شما اولین چیزی است که افراد می‌بینند و هنگامی که به پایین اسکرول می‌کنید، بقیه سایت را می‌بینید که شبیه به باز کردن یک روزنامه است.

با پایبندی به مثال روزنامه، فرض کنید در حال قدم زدن در خیابان هستید و یک روزنامه‌فروش را می‌بینید. وقتی روزنامه را می‌بینید، اگر تیتر آن جالب باشد، ممکن است روزنامه را بخرید تا بقیه آن را هم ببینید. این موضوع در مورد وب‌سایت‌ها نیز اساساً به همین صورت است؛ اگر بازدیدکنندگان به سایت شما سر بزنند و محتوای بالای نیم‌تای شما را جذاب ببینند، ممکن است ترغیب شوند و به پایین اسکرول کنند یا بقیه سایت شما را مشاهده کنند تا مطالب بیشتری ببینند.

پژوهش نیلسن

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.

نتیجه‌گیری

ایجاد محتوای بالای نیم‌تا برای صفحه اصلی دشوار نیست، اما برای درست انجام دادن آن به کمی فکر و آزمایش نیاز است. اگر از قبل سایتی دارید و روی آن کار می‌کنید، اما نرخ پرش بالایی در گوگل آنالیتیکس خود دارید، شما را تشویق می‌کنم که با استفاده از نکات بالا، در محتوای بالای نیم‌تای خود تجدید نظر کنید.

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.

پیوندهای یکتا اشکال و قالب‌های متعددی دارند، اما معمولاً دقیقاً مانند نمونه زیر هستند. این یکی از یوتیوب است:

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

می‌توانید این نشانی‌های اینترنتی را در ویرایشگر محتوا جای‌گذاری کنید تا محتوا جاسازی شود. اگر قابل جاسازی باشد، خواهید دید که نشانی به ویدیو یا محتوای واقعی تبدیل می‌شود. اگر نشد، به این معنی است که نمی‌توانید از آن سایت محتوا درج کنید.

چه سایت‌هایی را می‌توانم در سایتم جاسازی کنم؟

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)

اگر تنها با چسباندن نشانی نتیجه نگرفتید، روش دیگری نیز برای جاسازی محتوا وجود دارد. گزینه‌های اشتراک‌گذاری سایتی را که می‌خواهید اضافه کنید بررسی کنید؛ به غیر از پیوند یکتا، ممکن است یک قطعه کوچک از «کد جاسازی» نیز در اختیارتان قرار گیرد. کدهای جاسازی به این صورت هستند:

<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 برای افزودن محتوا از سایت‌های دیگر از فرانت‌اند استفاده کنید

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 کارها را آسان‌تر می‌کند، چرا که به شما امکان می‌دهد تمام سایت واقعی خود را از بخش فرانت‌اند ویرایش کنید. هنگامی که از Page Builder Sandwich استفاده می‌کنید، محتوای سایت خود را به راحتی می‌نویسید و ویرایش می‌کنید. جاسازی محتوا از سایت‌های دیگر نیز بسیار آسان‌تر است.

با Page Builder Sandwich، کافی است پیوند یکتا یا کد جاسازی آی‌فریم را در هر جایی از بخش کاربری (فرانت) سایت خود جای‌گذاری کنید و بلافاصله به محتوای جاسازی‌شده تبدیل می‌شود؛ دیگر نیازی نیست بدانید که باید محتوا را در کدام زبانه جای‌گذاری کنید.

هم‌اکنون Page Builder Sandwich را دریافت کنید.