The fold is the bottom edge of the screen when a page first loads; anything visible without scrolling is above the fold. The term comes from newspapers, where the top half of the front page sold the paper. On the web the fold moves with every device, but the principle holds: the first screen should confirm the visitor is in the right place and show them the main content.
What belongs there
For a blog post or guide, the title and the start of the answer. For a product page, a plain statement of what the product does and for whom, plus the main call to action. For search visitors in particular, the first screen should match the promise of the result they clicked.
Search engines and the first screen
Google introduced a page layout algorithm in 2012 to demote pages with too many ads above the fold, and its page experience guidance discourages intrusive interstitials that cover content. Largest Contentful Paint, a Core Web Vital, often measures an element in the first viewport, so what you put there affects performance metrics too.
Common blockers
Check the first screen on a real mid-range phone, not just a large monitor.
- Oversized hero images with no text
- Cookie banners, chat widgets and pop-ups stacked on load
- Long intros before the actual content starts
- Ad units or newsletter forms pushing content down
Example
A hero that hid the answer
Hypothetical tool Cobblequill's template pages opened with a full-screen illustration. On mobile, visitors saw an image and a button and nothing about the template. Moving the template title, a one-line description and a preview thumbnail into the first screen made the page match the search result people had clicked.
Common mistakes
Designing only for desktop
Most search traffic for many topics is mobile, where the fold is much higher. Check both.
Questions
No. People scroll when the first screen tells them they are in the right place. The goal is a clear start, not cramming.
