Skip to main content

What Does Above the Fold Mean?

Above the fold refers to the area of a web page that is immediately visible without scrolling. The fold is the bottom edge of the browser window: Everything above it is what visitors see when the page loads; everything below it they only reach by scrolling. Where the fold sits depends on screen size and device; on a smartphone the area is much smaller than on a desktop. Above the fold decides within seconds whether a visitor stays, and it shapes key metrics such as the Largest Contentful Paint.

Above the fold explained: the visible area of a web page above the fold line in the browser window

Term profile

Attribute Details
Part of speech Adverbial phrase, adopted as a fixed term in web design
Opposite term Below the fold: the area beneath the scroll edge
Field Web design, SEO, conversion optimization
Related terms Largest Contentful Paint, Cumulative Layout Shift, Core Web Vitals

Where does the term above the fold come from?

The term comes from the newspaper business: Large-format newspapers lie folded at the kiosk, and only the upper half of the front page is visible, the area above the fold. That is where editors placed the strongest headline, because it decided the purchase. The web adopted the principle and replaced the paper fold with the bottom edge of the viewport. Unlike a newspaper, however, the web has no fixed fold: Every combination of device, resolution, and browser window creates its own cutoff line.

Why does above the fold matter for SEO?

Above the fold affects search engine optimization on 3 levels:

  1. Load time measurement: The Largest Contentful Paint measures when the largest element in the visible area has finished rendering. The LCP element almost always sits above the fold, usually as a hero image or main heading. A heavy, slow-loading above-the-fold area directly worsens this metric.
  2. Layout stability: Late-loading banners, images without fixed dimensions, or injected cookie notices shift the visible content and drive up the Cumulative Layout Shift. Both metrics belong to the Core Web Vitals, which Google uses as user experience signals.
  3. User behavior: Visitors decide in the visible area whether the page answers their question. If they only find decoration or advertising there, they bounce. Google already demoted excessively ad-heavy above-the-fold areas back in 2012 with the page layout update.
Above the fold and below the fold in the viewportA browser window with the visible area above the fold line, containing the heading and the LCP element; below the dashed fold line, below the fold begins.LCP element (hero)FoldAbove the foldBelow the foldFig. 1 · taismo
Fig. 1: The fold splits the page: Above the fold holds the immediately visible area with the LCP element; below the fold begins underneath.

How do you design the area above the fold?

Ideally, the visible area answers 3 questions at a glance: Where am I, what do I get here, and what is the next step. In concrete terms: A meaningful H1 with the core topic, a first paragraph that answers the core question immediately, and a recognizable path to act. Heavy image sliders, autoplay videos, and large-scale advertising slow down loading and crowd out the answer.

The interplay with the technology matters: The hero image needs fixed width and height attributes and a high loading priority, while content further down may wait via lazy loading. How fast the visible area really loads is shown by a PageSpeed measurement; where the brakes sit is uncovered systematically by an SEO audit. There is no rule, however, that everything important must be squeezed above the fold: Users scroll naturally when the visible area gives them a reason to.

Frequently asked questions about above the fold

Where exactly is the fold?

There is no fixed pixel boundary. The fold sits at the bottom edge of the respective browser window and shifts with every device and resolution. Common reference values are around 600 to 900 pixels of height on desktop and the first screen on a smartphone.

Does the most important content have to sit entirely above the fold?

No. The core message and the opening belong in the visible area; details may follow below. Users scroll as soon as the beginning convinces them.

Is above the fold a ranking factor?

Not as a signal of its own. The area works indirectly through the Core Web Vitals, user behavior, and the demotion of ad-heavy layouts. If you make the visible area fast and content-rich, you improve several signals at once.

0%
Get insider knowledge first!
taismo Logo

© taismo GmbH

Address


Weißenfelder Str. 6
85551 Kirchheim near Munich, Germany