بلاگ

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.

یہ بات سمجھ میں آتی ہے کیونکہ ویب سائٹ کا اوپری حصہ وہ پہلی چیز ہے جو آپ دیکھتے ہیں۔

تو یہ جانتے ہوئے کہ آپ کے صفحہ اول کا فولڈ سے اوپر کا مواد کتنا اہم ہے، آپ کو اپنی سائٹ کے سب سے اوپر کیا رکھنا چاہیے؟

براہ راست مدعے پر آئیں

فوری طور پر واضح کریں کہ آپ کی سائٹ کس بارے میں ہے۔ آپ کا صفحہ اول اور فولڈ سے اوپر کا حصہ آپ کی پوری سائٹ کی جان ہیں۔ اگر آپ کے زائرین الجھن کا شکار ہو جائیں، تو وہ فوراً وہاں سے ہٹ جائیں گے اور ٹیب بند کر دیں گے۔ اگر آپ کتاب کے نئے مصنف ہیں، تو لکھیں کہ آپ مصنف ہیں اور اپنی تازہ ترین کتاب پیش کریں۔ اگر آپ شادی کے منتظم ہیں، تو لکھیں کہ آپ شادی کے ایسے منتظم ہیں جو آپ کے گاہکوں کو ان کی زندگی کی سب سے یادگار شادی کا انتظام کر کے دیں گے۔ یا اگر آپ اپنے چھوٹے ہوٹل کے لیے سائٹ بنا رہے ہیں، تو لکھیں کہ آپ شہر میں رہائش اور ناشتے کے لیے بہترین جگہ ہیں۔ (میں نیچے ان مثالوں کا مزید استعمال کروں گا۔)

آپ کے آنے والوں کو یہ اندازہ لگانے کی ضرورت نہیں پڑنی چاہیے کہ سائٹ کس بارے میں ہے۔ انہیں فوراً سمجھ آ جانا چاہیے، تب ہی وہ مزید تفصیلات دیکھنے کے لیے نیچے سکرول کریں گے۔

سوچ سمجھ کر اپنے زائرین کو متوجہ کریں

اس کے بعد آپ کو اپنی ویب سائٹ کے اصل مقصد کے بارے میں سوچنا ہوگا۔ آخر کار آپ کی ویب سائٹ بنانے کی بنیادی وجہ کیا ہے؟ وجہ جو بھی ہو، آپ کو اسے بھی فولڈ سے اوپر ہی رکھنا ہوگا۔

آئیے ان چند مثالوں کا جائزہ لیتے ہیں جن کا میں نے اوپر ذکر کیا۔ کتاب کے ایک نئے مصنف کے طور پر، آپ غالباً زیادہ شہرت چاہیں گے۔ اگر آپ کے پاس کوئی مفت ای بُک ہے، تو آپ اپنے زائرین کے لیے اسے ڈاؤن لوڈ کرنے کا ایک بٹن لگا سکتے ہیں۔ شادی کے منتظم کے طور پر، آپ چاہیں گے کہ لوگ آپ کی خدمات کے بارے میں آپ سے رابطہ کریں، اس لیے اپنا فون نمبر یا رابطہ فارم شامل کریں۔ یا چھوٹے ہوٹل کے لیے، اپنے فون نمبر کے ساتھ بکنگ کا ایک فارم شامل کریں۔

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.

پیج بلڈر سینڈوچ کے بارے میں مزید جانیں

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​

آپ مواد کو ایمبیڈ کرنے کے لیے مواد کے ایڈیٹر میں یہ URLs پیسٹ کر سکتے ہیں۔ اگر یہ ایمبیڈ کے قابل ہو، تو آپ دیکھیں گے کہ 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

مواد شامل کرنے کا ایک اور طریقہ – آئی فریم ایمبیڈ کوڈز

اگر صرف 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 کا استعمال کریں

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 کے ساتھ، بس پیرمالنک یا آئی فریم ایمبیڈ کوڈ کو اپنی سائٹ کے سامنے کہیں بھی پیسٹ کریں اور یہ فوراً ایمبیڈ شدہ مواد میں تبدیل ہو جائے گا، اب یہ جاننے کی ضرورت نہیں کہ آپ کو کس ٹیب میں مواد پیسٹ کرنا ہے۔

پیج بلڈر سینڈوچ ابھی حاصل کریں۔