What to Place Above the Fold on Your Website

by jasmine on December 29, 2012

Above the Fold - Google Browser

What should you place above the fold on your website? This is a question that many people never consider, and not everyone even knows what it means. “Above the fold” was originally used to describe the top half of the front page of a newspaper.

This is the part of the newspaper that you are likely to notice first, and what is here may make you more or less inclined to buy the newspaper.

On a website, the content that is above the fold is what people see immediately upon landing on your site, without having to scroll. This is extremely important, because if visitors aren’t captivated by what they see here, they can simply click away from your site. That’s why you should give plenty of thought about what you place above the fold. If you want to have more conversions and thus making more money online, you have to read my tips below!

Above the Fold on Your Landing Page

Your landing page can be considered the most important page on your site, as it’s the first page people see. Similarly, the section above the fold on your landing page is the most important part of this page. So if you have any critical information or call to action you are trying to get across, make sure that it’s located above the fold.

Suppose, for example, that you have an opt-in form on your landing page that offers people a free gift in exchange for leaving their email addresses. If visitors have to scroll down to see this offer, you will likely lose a high percentage of your potential subscribers.

The fact is, the simple action of scrolling down a few inches on a web page is too much trouble for many people!

Above the Fold on Search Engines

Incidentally, the same principle applies when people are using search engines, and this is why the top few sites get the lion’s share of the traffic. Do a search for any term on Google (or any search engine) and notice how many results appear above the fold. These are the results that get the vast majority of the clicks.

While some people will do an exhaustive search and may even check out several pages of search results, most will only look at what appears at the top of the first page. That’s why the goal of SEO is not simply to get on Google’s first page, but to make it to the top of the page!

This is more evidence that what is above the fold has more significance than what is below the fold, whether on a search engine or your own website.

Test Your Site on Multiple Browsers and Devices

You should be aware that not every website looks the same to all viewers. Some sites may load differently depending on the browser or device that the visitor is using. So “above the fold” may be different for someone using Google Chrome, Firefox or perhaps a smart phone.

Ideally, your site will look basically the same on every browser and device. You should regularly test this to make sure that this is the case. Sometimes a certain browser may have an update that causes things to change.

You should also consider making a mobile friendly version of your website. A normal website will often look very different on a mobile device. Since more and more people are surfing the internet from their smart phones, you want to make sure your site can be properly accessed by these users.

Don’t Put Everything Above the Fold

You shouldn’t take this principle to the extreme where you attempt to place everything above the fold on your website. You want the entire site to have a balanced look, and there is nothing wrong with having good content below the fold.

If you place too much above the fold, it will appear too cluttered. Meanwhile, the lower half of the page may seem bare.

You also don’t want to place too many offers, ads, banners and other high impact items above the fold. You do want to have your main offer or call to action there. However, if you have too many distractions, people will be less likely to notice your main offer.

Suggestions on What to Place Above the Fold

What, then, should you place above the fold on your blog or website? This will depend on the type of site you have, of course, but here are some suggestions.

  • Your opt-in form and call to action
  • A compelling headline
  • A video or image
  • A picture or description of your main product

There are many choices. If you do it right, you can use the area above the fold as a teaser to get people to scroll down to the rest of the page. This can be done with a good headline and opening article, or with a striking image. If you have an e-commerce site, you should feature one or more of your primary products above the fold.

Consider Carefully What You Place Above the Fold

The main point to keep in mind is that you should always be aware of the fold on your website. When you are very familiar with your own site and see it every day, it’s easy to forget how it appears to new visitors.

The area above the fold should contain some of the most important information on your site, or at least an enticement that will make people want to look at the rest of your site.

Image Credit: Google Browser Size

adea67409b44411b310ce41e6a3a868ddelicious

Article by Jasmine

Jasmine blogs on Top 10 Web Hosting, a popular web hosting resources website. She highly recommends Bluehost as the best web hosting company. Check out her website for best web hosting deals. Connect with her on Google Plus.

Jasmine has written 13 awesome articles for this blog.

If you like This post, you can follow WebTrafficROI on Twitter.

Subscribe to WebTrafficROI feed via RSS or EMAIL to receive instant updates.

MaxBlogPress Ninja Affiliate

WebTrafficROI runs on the Thesis Theme for WordPress

Thesis WordPress theme

Thesis is the search engine optimized WordPress theme of choice for serious online publishers. If you’re a blogger like me who does not understand any code or technical elements, Thesis will give you a ton of functionality without having to alter any code. For the advanced, Thesis has incredible customization possibilities via Thesis hooks.


With so many design options, you can use the template over and over and never have it look like the same site. The theme is robust and very flexible, the Thesis Theme helps WebTrafficROI to run far more efficiently than ever before.

{ 8 comments }

ZK December 30, 2012 at 2:11 am

Great Post Jasmine …we need to ensure that our best content and what we want to focus to our readers is above the fold. The “Above The Fold” Google penalty ensures that only quality content is placed above the fold.

Jasmine December 30, 2012 at 12:06 pm

ZK, thanks. I can really learn a lot from your website as I can see that you carefully place those that are necessary above the fold, and the less important below.

Android Developer January 3, 2013 at 1:27 am

This very nice, we need to make sure that the reader would like to focus more energy penalty Google “above times the upper limit. I want to ensure that the quality of the content is larger than the period of time.

Alberta Bradley January 3, 2013 at 2:25 am

I put my call to action, and a big red buttom avoe the fold for my landing pages. I get tons of conversions because it grabs the users attention, and the red button makes them click, and sign up to my offer.

Gail Cynthia January 3, 2013 at 3:11 am

I like putting my adsense adds above the fold, and on the bottom of my page, because most people are looking at these spots. I’m getting a great CTR of 24%, but I’m still looking for ways to improve it. Any suggestions?

Manchester Web Design January 17, 2013 at 9:30 am

Excellent post Jasmine, great info. I wish more people in this industry would follow this advice, I see too many websites these days that don’t utilise this important space.

Android App Developer January 17, 2013 at 10:05 pm

xcellent post Jasmine, great info. I can really learn a lot from your website as I can see that you carefully place those that are necessary above the fold, and the less important below.

How To Get Published January 19, 2013 at 1:56 am

Content of the website should be unique and eye-catching as the viewer initiate reading that first. Thanks for posting this points which are really very important for the Website.

Comments on this entry are closed.

Previous post:

Next post:

Webtrafficroi on Twitter Webtrafficroi on Facebook Webtrafficroi RSS Feed