What Does Above The Fold Mean?

Estimated Reading Time 12 minutes

1 definition but multiple reasons to be aware of it.

The history of ‘the fold’:

The terminology for ‘above the fold’ came from printing newspapers and refers to the upper half of the front cover. As newspapers were traditionally displayed folded to the customer, it was vital you had a strong news title above the fold to capture the buyer. This then transfers to advertising as the space above the fold is known to show more prominently and viable when on the stands.  

above the fold definition google

The fold as above, is now also referred to as the visible space before scrolling on a web-page. The fold of websites varies depending on screen size and device, the terminology is still the same, however the decision of where to place is subjective to what you are trying to achieve.  

Why is the fold important?

The content layout and placement of a website is important as it’s what the user sees when they first load the page. Being above the fold sets the scene for future content and gives a preview of what the site is about. So, really you want to ensure any content you want seen is above the fold, that’s assuming the user will not scroll, some will some won’t. Unless you are an instant hit of content appealing enough people won’t scroll.

Depending on who you are talking to will determine the importance of the fold and whether you should be above or below it. Typically, the majority of people you do speak to will say best practise is to be above the fold. For example in web design: ‘ensure your CTA is above the fold’ or in Search Marketing ‘we want to get your advert above the fold for maximum exposure’. But is there a time when actually below the fold is better strategically? When is it right or wrong to be above or below the fold? Like I said, it’s subjective. It’s down to your strategy and what you are trying to achieve.

What does best practice say?

The best practice states that your call to action must be above the fold because visitors do not typically scroll beyond the fold.

Should we listen to best practice? What is best practice? Who are creating these best practices? Who actually listens to them?

One of my favourite definitions of the term is from Wikipedia (sorry, not sorry), where god knows who, has discussed ‘A best practice is a method or technique that have been generally accepted as superior to any alternatives’. Meaning the term best practice has been created from people doing the same thing, achieving good results and now this is the way we should do things. Ok….if it’s not broke don’t fix it, but I think like the digital age has progressed, so should the term. Best practice really should be just a fancy way of saying common sense.   

So ‘Best Practice’ has spoken, but does that mean we need to follow it? What if the visitor has never heard of your brand, or never visited your site before, what if there is no explanation above the fold, what if it’s a piece of content? Although placing a CTA above the fold is common practice, it may be a little much for a user who has just landed on your site.

Let’s take a step back.

Let’s go into a more detailed approach and look at things from a scenario point of view:

‘Users don’t scroll’

Users will scroll, if you give them a reason too. Make an impact with the visible content and the user will scroll. This means the content that you put above the fold needs to be relevant and to the point to show you have more to offer.

Looking at the example below, firstly we have The National Trust, full of beautiful imagery to inspire you as soon as you land. What they then have is a panel showing the user that they can scroll and there is more content without having to compromise their stunning images.

forest house of fraser landing page

Now look at House of Fraser, this is what I see when visiting their website:

house of fraser landing home page

I can see the navigation clearly, there are three call to actions central on the page taking me to Womens, Mens or Kids. Would you have scrolled at this point or gone on your shopping spree? To me there is no need to scroll, I have what I need, is there even anything to scroll for? Click and I’m off shopping!

the sale house of fraser

Wrong, House of Fraser wanted me to scroll. They have a ‘The Blackout’ which promises offers and deals in less than 24hrs, shame I missed the memo as it was hidden below the fold with no indication that it’s there.

‘Your CTA should always be above the fold’

Why are people arriving at your website? Are you selling a product? A service? Or read a piece of content? Are you being too pushing by putting the call to action above the fold? Potentially yes. You need to think about the circumstance.

Let’s take a look at Skype. A well known brand and people are familiar with the concept of the product. As soon as you land there are 3 call to actions, to download, chat or buy. But, what if you didn’t know Skype and you wanted to learn more?

microsoft home page

Now, Search Engine Land, a content based hub with blog articles being posted daily. Say I’ve clicked through via a tweet, before the article starts I’m being asked to subscribe and share via social platforms. Hang on…I haven’t even read the article yet.

seo

When I’ve finished reading, I’m at the bottom of the post and there is no subscribe field…would this not be the perfect place for one?

search enging land

It’s actually quite overwhelming how many CTA’s there are, especially once I keep scrolling…

seach enginge land call to actions

What do you think?

 

Moving on to search, below the fold vs above the fold:

ctr

 

Data from Ignite Visibility, graph by Digital Clarity.

 

Ok, this one is a little bit of a no brainer and the data speaks for itself. Being below the fold on Google sucks. You get a few clicks but no where near the volume you would if you were above the fold. Although, what’s even harder in terms of Google as a search engine, is depending on what device you’r using can dramatically change your position to the fold. Like we can see above, on a mobile you have very few above the fold options compared to desktop.

Closing thought:

The fold is a complicated topic, especially in recent years, with the fold being unique depending on screen size. Don’t make assumptions on your users behaviours, people will scroll as long as they know there is something to scroll for. Whether to be under or above the fold is dependent on where your proposition fits and how strong it is.

Here are some closing tips for the next time you need to consider ‘the fold’:

  • Avoid a false bottom
  • The above the fold content sets the stage for future content
  • People can and do scroll
  • Use Google Analytics to discover what screens people are using
  • Put a clear USP above the fold
Jenny Farnfield
Jenny Farnfield graduated from Southampton Solent University with a 2:1 Degree in Advertising, and brings extensive commercial, digital and marketing acumen to the team at Digital Clarity. Jenny has been recognised by both UK Search Awards and the Ecommerce Awards. Jenny is also IDM certified, and utilises a rigorous, granular approach to digital marketing. With over 6 years’ experience, Jenny digs deep to find solutions and uses an immersive approach in her accounts, turning numbers and data into actionable solutions for her clients.
Digital Clarity are delighted to be shortlisted in the 2018 UK Search Awards - f
Digital Clarity are delighted to be shortlisted in the 2018 UK Search Awards - for the category ‘Best Use of Data’ 
The UK Search Awards have been celebrating the expertise, talent and achievements of the search industry for over half a decade and are regarded as the premiere celebration of SEO, PPC and content marketing in the UK.

Posted 1 day ago.

Digital Clarity are delighted to be shortlisted in the 2018 UK Search Awards - for the category ‘Best Use of Data’ The UK Search Awards have been celebrating the expertise, talent and achievements of the search industry for over half a decade and are regarded as the premiere celebration of SEO, PPC and content marketing in the UK.

×
ASOS has become one of the first UK fashion retailers to launch on Google Assist
ASOS has become one of the first UK fashion retailers to launch on Google Assistant.
This means that customers can discover the latest ASOS products across categories using their voice. Learn more @digitalclarity #asos #voicesearch #google #search #retail #ecommerce

Posted 5 days ago.

ASOS has become one of the first UK fashion retailers to launch on Google Assistant. This means that customers can discover the latest ASOS products across categories using their voice. Learn more @digitalclarity #asos #voicesearch #google #search #retail #ecommerce

×
UK Digital Adspend grows by 15% year-on-year - Search has grown 15% to £3.3bn,
UK Digital Adspend grows by 15% year-on-year - Search has grown 15% to £3.3bn, commanding 52% of total digital adspend. Source: @pwc_uk

Posted 6 days ago.

UK Digital Adspend grows by 15% year-on-year - Search has grown 15% to £3.3bn, commanding 52% of total digital adspend. Source: @pwc_uk

×
At any one time, a sixth of the population in England aged 16 to 64 have a menta
At any one time, a sixth of the population in England aged 16 to 64 have a mental health problem, according to statistics body NHS Digital #worldmentalhealthday #mentalhealth

Posted 6 days ago.

At any one time, a sixth of the population in England aged 16 to 64 have a mental health problem, according to statistics body NHS Digital #worldmentalhealthday #mentalhealth

×
Big day in the Google hardware  ecosystem @madebygoogle event will be launching
Big day in the Google hardware  ecosystem @madebygoogle event will be launching a slew of new products at 3pm from #nyc #pixel3 #homehub #android #androidwear

Posted 1 week ago.

Big day in the Google hardware ecosystem @madebygoogle event will be launching a slew of new products at 3pm from #nyc #pixel3 #homehub #android #androidwear

×
Hello Monday. Lets go. #throwback to #adweek few years back in NYC. #mondaymotiv
Hello Monday. Lets go. #throwback to #adweek few years back in NYC. #mondaymotivation #doit

Posted 1 week ago.

Hello Monday. Lets go. #throwback to #adweek few years back in NYC. #mondaymotivation #doit

×
Social Media is a large part of the due diligence process when people evaluate w
Social Media is a large part of the due diligence process when people evaluate who to do business with. Learn more @digitalclarity #socialmediamarketing #content #business #social

Posted 1 week ago.

Social Media is a large part of the due diligence process when people evaluate who to do business with. Learn more @digitalclarity #socialmediamarketing #content #business #social

×
Are you obsessed? #fridaymotivation #motivation #conormcgregor
Are you obsessed? #fridaymotivation #motivation #conormcgregor

Posted 1 week ago.

Are you obsessed? #fridaymotivation #motivation #conormcgregor

×