DON’T MISS OUT

Get updates on new articles, webinars and other opportunities:

Glossary: What Is the Fold?

by Sean Work

The fold is a term used by web designers and Internet marketers to describe a web browser window’s bottom border. “Above the fold” refers to web content that is visible above the border when a page first loads. “Below the fold” refers to the portion of the page that requires scrolling to see.

It’s a slightly dated term since the web has evolved to accommodate mobile devices. However, the term and its implications are still important for those engaged in conversion rate optimization and user experience improvement activities.

the fold of a webpage

The illustration above shows how the “the fold” is defined on a laptop computer.

Why Is the Fold Important?

Generally speaking, the first things visitors see when they arrive at one of your webpages will be “above the fold.” This could be:

  • Compelling headlines
  • Important calls-to-action
  • Hero shots
  • An explainer video

The rule of thumb here is: If you want visitors to take any action as soon as they arrive on one of your webpages, make sure you get their attention “above the fold.” Again, this is just a best practice. It doesn’t guarantee the most optimal conversion rate for that page. But it’s a good place to start.

The Myth Surrounding the Fold

There are instances where the job of your webpage is to earn trust with the visitor, which requires them to read and absorb more information about your product or service.

This trust can be earned with testimonials, videos, or compelling long-form copy. It may mean they will have to scroll below the fold to be won over. In these cases, the best practice of keeping important calls-to-action above the fold breaks down.

That’s exactly the reason you should develop hypotheses and begin A/B testing important landing pages.

Is the Fold Important When It Comes to Designing for Mobile?

Certainly. Anything above the fold on a mobile device will still be the first thing a visitor sees when they arrive at a webpage. However, the general consensus is that mobile visitors are used to scrolling through webpage content, so important calls-to-action don’t necessarily need to be above the fold. That’s why I highly suggest you assume the opposite and test “above the fold” calls-to-action on your mobile webpages ;).

No Comments

DON’T MISS OUT

Get updates on new articles, webinars and other opportunities:

Sean Work

Sean Work is the VP of Inbound Marketing here at Crazy Egg. You can follow him on Twitter @seanvwork. You can listen to his podcast "Worketing" on YouTube or SoundCloud.

NO COMMENTS

Comment Policy

Please join the conversation! We like long and thoughtful communication.
Abrupt comments and gibberish will not be approved. Please, only use your real name, not your business name or keywords. We rarely allow links in your comment.
Finally, please use your favorite personal social media profile for the website field.

SPEAK YOUR MIND

Your email address will not be published.

Show Me My Heatmap

Having trouble seeing your website performance? @CrazyEgg can solve that. It's amazing what you can learn from a heatmap #tech

Sean Higgins

@higg1921