What Is Above the Fold?
Above the fold refers to the section of a web page that is immediately visible when a user lands on it, before they scroll down. The phrase comes from newspaper publishing, where the most important headlines and stories were placed on the top half of the front page, above the physical fold. In the digital context, the fold is the bottom edge of the browser viewport, which varies depending on the user's device, screen resolution, and browser settings.
There is no single pixel measurement that defines "the fold" for all visitors. On a desktop monitor at 1080p resolution, the fold may be around 600 to 700 pixels from the top of the page, accounting for the browser chrome. On a mobile device, the viewport is considerably smaller. This means that "above the fold" is a range, not a fixed line, and page designs must account for the most common viewport sizes of the target audience. Google Analytics and Hotjar heatmaps can show you exactly how far down your specific visitors scroll before leaving, giving you empirical data about where your own fold effectively sits.
The above-the-fold area is the first impression your business makes on a visitor who arrives from a paid ad, an organic search result, or a social media link. Research consistently shows that visitors form a judgment about a website's credibility within milliseconds of arriving. The above-the-fold content must immediately communicate what the page is about, why the visitor should stay, and what action they should take next. A compelling headline, a supporting subheadline, and at least one visible call-to-action button are the minimum requirements for any commercial web page.
Performance matters greatly for above-the-fold content. Google's Core Web Vitals metric, Largest Contentful Paint (LCP), specifically measures how quickly the largest element above the fold renders. A hero image that loads slowly fails the LCP benchmark and damages both user experience and organic search rankings. South African website visitors often access sites on mobile networks where bandwidth is limited, making fast above-the-fold rendering even more critical than in higher-bandwidth markets.
Above the Fold In Practice
The two scenarios below are illustrative examples, not Juicy Designs client results. The figures indicate the scale of effect that above-the-fold changes typically produce, so treat them as indicative rather than measured.
Picture a Pretoria-based solar energy installer that redesigns its homepage so that above the fold, on both desktop and mobile, visitors immediately see three things: a headline stating the monthly rand saving a typical Gauteng household could expect, a photo of a completed installation on a local home, and a "Get a Free Quote" button. If the previous above-the-fold area was dominated by a generic stock image of solar panels with no clear value proposition or CTA, a redesign of this kind could plausibly lift quote request submissions by around 30% in the first month, without any changes to the below-the-fold content or the advertising spend.
Or take a Johannesburg-based law firm whose large decorative banner image pushes the actual service information below the fold on mobile. Removing that banner could plausibly reduce the bounce rate from paid search traffic by something in the region of 15 to 20%, because mobile visitors who cannot immediately see what the firm offers leave before reading anything. Making the above-the-fold content answer "what do you do, who do you serve, and why should I trust you" directly addresses that exit behaviour. This is why the above-the-fold section of every landing page deserves more optimisation attention than any other section of the page.
Above the fold and conversion
Above the fold is the part of a web page visible without scrolling, a term borrowed from newspapers, where the most important news sat above the physical fold. It matters because it is what every visitor sees first, in the seconds when they decide whether to stay or leave, so it disproportionately shapes first impressions and conversion. On a landing page especially, the space above the fold should quickly communicate what the page offers and why it matters, and make the next step clear, since a visitor who does not grasp the value or find a reason to continue may leave before scrolling. This does not mean cramming everything above the fold, but ensuring the essential message and a clear path forward are immediately visible.
Designing the above-the-fold area
Designing the above-the-fold area well means leading with clarity: a headline that states the value, enough supporting context to make it credible, and an obvious primary call to action, arranged so the eye moves through them in order. It should load fast, since this is where Largest Contentful Paint is often measured and where impatient visitors are lost, and it must work across screen sizes, because the fold falls at different points on a phone, tablet and desktop, so the essentials should be visible on the smallest common screen. It is also worth giving visitors a reason and a cue to scroll, since valuable content lives below the fold too. The balance is to make the first impression clear and compelling without overcrowding it, so visitors both understand and want to continue.
FAQ
Does above the fold still matter for SEO?
Yes, Google's page experience signals include Core Web Vitals that measure how quickly above-the-fold content loads, specifically Largest Contentful Paint. Pages where a large image or element above the fold loads slowly are penalised in rankings. Optimising above-the-fold content for speed directly contributes to both user experience and search rankings.
What should always appear above the fold on a landing page?
Every landing page should have a clear headline communicating the primary benefit, a supporting subheadline or brief description, and at least one call-to-action button visible above the fold. Trust indicators such as a star rating, client logos, or a brief testimonial also help reduce hesitation before a visitor decides whether to scroll further.
What should appear above the fold on a landing page?
The essentials a visitor needs to grasp the offer and act: a clear headline stating the value, enough supporting context to make it credible, and an obvious primary call to action. It should communicate what the page offers and why it matters within the first screen, without overcrowding.