Above the Fold: What the First Screenful of Your Landing Page Has to Do
Research from Carleton University found that visitors form a visual judgment of a page in 50 milliseconds. By the time they have read your headline, a majority have already decided whether to stay. This guide covers what the above-the-fold section has to accomplish on a paid traffic landing page and the most common ways it fails.
- Visitors form a visual judgment in approximately 50 milliseconds, before they read a word.
- The hero section has four jobs: confirm relevance, state value, show the outcome, give the action.
- On paid traffic landing pages, the CTA should be visible above the fold on mobile.
- Navigation menus on dedicated landing pages give visitors routes away from conversion.
Why this matters
A study by Lindgaard and colleagues found that visitors form a visual opinion of a webpage in approximately 50 milliseconds, fast enough that the reaction precedes any conscious evaluation of the content. By the time someone has finished reading your headline, their gut judgment of the page is already formed. The above-the-fold section is where that judgment happens, and on paid traffic it carries extra weight because the visitor arrived with a specific expectation set by the ad.
Fixing what appears before the scroll is almost always faster and higher-yield than redesigning everything below it. Most landing page sessions on paid traffic show the majority of exits happen before the first scroll, which means optimising below the fold is work done for the minority who stayed.
What visitors decide above the fold
Three questions get answered in the first screenful, usually in order:
- Am I in the right place? Does this page continue the promise the ad made? A mismatch here, anything from a changed headline to a completely different topic, triggers an immediate exit. This is the message match problem covered in the LPO framework.
- Is this relevant to me? Does the page speak to the specific situation or role the visitor arrived with? An ad targeting HVAC businesses that lands on a generic B2B services page fails this test even if the headline matches.
- What should I do? If the first two questions are answered satisfactorily, the visitor looks for an action. If no action is immediately visible, many will leave rather than scroll to find one.
The four jobs
- 01
Confirm relevance in the headline
The headline should make it immediately clear that this page is about what the ad promised. Use the same terms, the same specificity. “Same-day HVAC repair in Birmingham” as a headline is better than “Professional Heating and Cooling Services” for a visitor who clicked that specific ad.
- 02
State the value in the subhead
The subhead answers “why this one.” It names the outcome or the differentiating factor: speed, guarantee, price certainty, qualification, expertise. One sentence is the right length. Two is usually padding.
- 03
Show the outcome or product
The visual should illustrate the result the visitor wants, not the company that delivers it. A before-and-after, a product in use, a result, a screenshot of the outcome. A team photo or an office building is the visual equivalent of a company-focused headline: true but unhelpful.
- 04
Give the action immediately
The CTA should be visible above the fold. Its label should state what the visitor gets, not what they do: “Get my free audit” rather than “Submit,” “Book your call” rather than “Click here.” The button need not dominate the page, but it should be findable in one glance.
What the hero section is not for
Two things commonly appear above the fold that do not belong there: extended company history and the full feature list. Visitors who clicked a specific ad do not need to know when the company was founded before they decide whether to stay. The feature list belongs lower on the page where visitors who want detail will look for it; placing it in the hero fills space that should be doing the four jobs above.
Navigation menus also deserve scrutiny. On a dedicated landing page for paid traffic, a full site navigation gives visitors routes away from the conversion. Most testing on landing pages shows that removing navigation increases completions, sometimes significantly. The dental implant case is an example of a page stripped to the specific offer with no competing paths.
Common failures
| Failure | Effect |
|---|---|
| Generic headline that could belong to any competitor | No confidence the visitor is in the right place; low dwell time |
| Hero image that is decorative rather than illustrative | Visual attention wasted; visitor scans past it looking for substance |
| CTA below the fold on mobile | High-intent visitors from mobile ads leave before finding the action |
| Three or more competing calls to action | Visitors who are uncertain choose none; friction before they have even started |
| Subhead restating the headline in different words | Wasted space that could have handled an objection or named a differentiator |
Session recordings on the pages we audit most commonly show visitors clicking the back button within five seconds of the page loading, which in most cases traces to a headline or visual that failed the relevance test. This is faster to diagnose than any analytics tool because you watch it happen. The full diagnostic sequence is in the LPO framework, and what to test once the above-fold section is working is in the A/B testing guide.
Frequently Asked Questions
Above the fold is the visible portion of a page before the visitor scrolls, a term borrowed from newspaper printing where the most important content appeared above the physical fold. On a landing page, it is the first screenful: what is visible on the device without scrolling. Its contents vary by device width, so mobile-first design is not optional.
The hero headline should state the specific value of the offer in plain terms, matching the language of the ad that sent the click. Vague brand statements and generic benefit lists are the two most common headline failures. A useful test: could this headline appear on a competitor’s page without changing? If yes, it is probably too generic.
Enough to answer three questions: What is this? Why does it matter to me? What should I do next? Usually a headline, a one-sentence subhead, and a CTA. Long blocks of body copy above the fold push the action down the page and signal to the visitor that reading is required before acting.
On high-intent paid traffic landing pages, yes. Visitors who arrive from a specific ad already know what they want; making them scroll to find the action costs completions. The button need not be large, but it should be visible and clearly labelled with the outcome, not the mechanic.
Ready to fix what’s costing you conversions?
We’ll review your acquisition funnel, show you exactly what’s underperforming, and hand you a clear, prioritised plan, whether or not you choose to work with us.
Get a clear diagnosis of your acquisition performance.
- 30-minute review
- Free, with no obligation
- Clear findings and priorities
- You keep the findings
30 minutes · Free · No obligation · You keep the findings