Above the Fold
Above the fold is the part of a webpage a visitor sees before they scroll - the first screenful of content that has to make them want to keep going.
The phrase comes from newspapers. The big story sat above the literal fold of a broadsheet, because that was what you saw on the rack. Same idea, smaller real estate.
The mistake content marketers keep making
Every “above the fold” guide on the internet is written for landing pages. Tweak the hero. Add social proof. Test the button colour. Cool - except search traffic doesn’t land on your homepage. It lands on the blog post you wrote three coffees deep at 11pm.
So if the above-the-fold of that post looks like a 2012 Tumblr theme, every pixel you sweated over on the main site is wasted. Long-form content is the front door for content marketers, and most of us still design it like an afterthought.
I spent 22 hours redesigning a single blog header on Penfriend last year. Twelve hours of research, ten of design. Worth it.
What earns the reader’s next ten seconds
The first seven words decide the next seven seconds. Read your headline aloud - would a stranger care? If not, rewrite it before you touch anything else.
Then look at the visual. A screenshot of the thing actually working beats a stock photo of a diverse team high-fiving every single time. People trust pixels, not poses.
Then the promise. Two sentences, crisp, before any pop-up or modal can interrupt. If your reader hits a newsletter slide-in before they finish line one, you’ve taught them you don’t respect their attention.
The cumulative effect is whether the page passes the bounce rate test - does anyone make it past the first scroll, or does the page lose them in three seconds?
An example
A solo affiliate launches a camping-gear site. Their best-ranking post - “How to pitch a tent on a slope without sliding downhill at 3am” - pulls 8,000 monthly visitors but converts at 0.6% to the affiliate link.
They redesign the above-the-fold: a sharper headline (“The 3am slope test most tents fail”), a real photo of a sagging tent on a 15-degree slope they actually pitched, a one-line promise, and a sticky table of contents on the left so the page doesn’t bury the structure below the fold.
No new traffic. Same post. Conversion lifts to 1.4% over six weeks. On affiliate margins, that’s the difference between a hobby and rent.
What above-the-fold isn’t
It isn’t a fixed pixel height. Mobile is the fold for most blog readers now - a phone holds maybe 600 pixels of usable space. A 27-item table of contents that pushes the headline below screen on mobile is exactly the kind of mistake that looks fine on your 4K monitor and dies in the wild.
Test the page on the smallest screen anyone in your audience uses. That’s the fold that matters.
Related terms
- Title Tag - the headline that has to earn the next seven seconds
- Bounce Rate - the metric that punishes a weak above-the-fold
- Call to Action (CTA) - the next-step element competing for above-the-fold space
- Landing Page - the canonical above-the-fold battleground (but not the only one)
- Conversion Rate Optimization (CRO) - the broader discipline above-the-fold work lives inside