What Does Above The Fold Mean?

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.
In the recent Baselworld Event there was a strong case of brands using SEO to re
In the recent Baselworld Event there was a strong case of brands using SEO to reach potential clients as well as the event itself. In March 2017 up to 110,000 searches for the event were performed across the world. #seo #baselworld #luxurywatches #horology #luxurymarketing

Posted 1 day ago.

In the recent Baselworld Event there was a strong case of brands using SEO to reach potential clients as well as the event itself. In March 2017 up to 110,000 searches for the event were performed across the world. #seo #baselworld #luxurywatches #horology #luxurymarketing

×
#googlepartners never stop #digitalclarity ✈️🌞🌴☀️
#googlepartners never stop #digitalclarity ✈️🌞🌴☀️

Posted 4 days ago.

#googlepartners never stop #digitalclarity ✈️🌞🌴☀️

×
Facebook has launched a new WhatsApp Business API designed to help businesses co
Facebook has launched a new WhatsApp Business API designed to help businesses communicate with consumers via the Facebook-owned WhatsApp messaging app. Along with the new WhatsApp Business API, Facebook advertisers will soon have access to ads on Facebook that click to WhatsApp, automatically opening a pre-filled WhatsApp chat between the user and business. Will this change the ad game for Facebook?

Posted 1 week ago.

Facebook has launched a new WhatsApp Business API designed to help businesses communicate with consumers via the Facebook-owned WhatsApp messaging app. Along with the new WhatsApp Business API, Facebook advertisers will soon have access to ads on Facebook that click to WhatsApp, automatically opening a pre-filled WhatsApp chat between the user and business. Will this change the ad game for Facebook?

×
Thank you to our partner @leadfeeder for the merch! #digitalclarity
Thank you to our partner @leadfeeder for the merch! #digitalclarity

Posted 1 week ago.

Thank you to our partner @leadfeeder for the merch! #digitalclarity

×
As #salonprive arrives at #blenheimpalace its always worth considering the role
As #salonprive arrives at #blenheimpalace its always worth considering the role digital plays on the buyer journey, especially high-end luxury brands. Luxury car buyers use digital to research brands when purchasing a car. Car buyers tend to spend 60% of their time online researching and shopping around before buying a car. Picture courtesy of @autoexpressmagazine #thinkwithgoogle #digitalclarity #salonprivé #luxurycars #luxurymarketing

Posted 1 week ago.

As #salonprive arrives at #blenheimpalace its always worth considering the role digital plays on the buyer journey, especially high-end luxury brands. Luxury car buyers use digital to research brands when purchasing a car. Car buyers tend to spend 60% of their time online researching and shopping around before buying a car. Picture courtesy of @autoexpressmagazine #thinkwithgoogle #digitalclarity #salonprivé #luxurycars #luxurymarketing

×
Oh beer, it’s #internationalbeerday #🍻
Oh beer, it’s #internationalbeerday #🍻

Posted 2 weeks ago.

Oh beer, it’s #internationalbeerday #🍻

×
View from the rooftop of Tintagel House in Vauxhall - a breakfast meeting with a
View from the rooftop of Tintagel House in Vauxhall - a breakfast meeting with a difference.

Posted 2 weeks ago.

View from the rooftop of Tintagel House in Vauxhall - a breakfast meeting with a difference.

×
Your customers will engage with you in different ways, long after they have left
Your customers will engage with you in different ways, long after they have left your site. Learn the art and science of intelligent content planning, delivery and measurement - contact us #digitalclarity

Posted 3 weeks ago.

Your customers will engage with you in different ways, long after they have left your site. Learn the art and science of intelligent content planning, delivery and measurement - contact us #digitalclarity

×