Definition
Above the fold is the part of a web page visible without scrolling, where visitors decide within moments whether the page is worth their time.
Above the fold explained
The term comes from newspapers, where the most important stories went on the top half of the front page. On the web, the fold depends on the device: a phone shows far less than a desktop monitor, and most traffic to many sites is now mobile.
The first screen should answer three questions at a glance:
- What is this? A clear headline that matches why the visitor came.
- Is it for me? Who it is for, and the main benefit.
- What do I do next? A visible call to action.
Speed matters here too. The largest element above the fold is usually the Largest Contentful Paint element, so heavy sliders, autoplay videos and oversized hero images slow down the metric Google uses to judge loading. Content above the fold shouldn't jump around as ads, banners or fonts load, or layout shift will suffer.
Example
On mobile, your landing page's first screen shows only a large stock photo and your logo. Replacing it with a headline that repeats the ad's promise, one line of proof and a “Get a quote” button gives visitors what they need before they scroll.
Why it matters
Visitors judge a page in seconds, and that judgment is based on what they see before scrolling.
Related service
Landing Page Development
Fast, focused landing pages for ads and campaigns, built to be tested and improved.
Landing page development servicesPublished by Vidern, founded and led by Malhar Shah. Updated .
Need a hand with your site?
Tell us about your site and we'll reply within 1 business day.
Related terms
- Landing pageA landing page is a page built to turn visitors from a specific campaign or search into leads or customers, with one clear goal and call to action.
- CTA (Call to Action)A CTA (call to action) is the prompt, usually a button or link, that tells visitors what to do next, such as “Book a demo” or “Get a quote”.
- LCP (Largest Contentful Paint)LCP (Largest Contentful Paint) measures how long the largest image, video or text block in view takes to render; 2.5 seconds or less is good.
- CLS (Cumulative Layout Shift)CLS (Cumulative Layout Shift) measures how much visible content unexpectedly moves on a page; a score of 0.1 or less is good.