--- title: Above the Fold — definition for service websites | Siite description: "Above the fold explained: what belongs on the first screen of a service website, and why the phone number and the proof have to be there." url: "https://siite.co/dictionary/above-the-fold" type: static generatedAt: "2026-10-22T08:21:10.736Z" --- Design & UX # Above the Fold The part of a web page a visitor sees before scrolling — on a phone, roughly the first screen, which is where a service business either earns the call or loses it. Also goes by First screen [![Siite](/images/layout/logo.svg)Written by Siite](/about/)Updated September 8, 2026 ## Entry contents [All Terms A to Z←Browse the full dictionary](/dictionary/) The phrase comes from newspapers: the half of the front page visible while the paper sat folded on a stand. On the web it means whatever a visitor sees before scrolling. There is no fixed size, because the fold moves with every screen — a laptop shows far more than a phone held in one hand outside somebody’s house. > **Briefly explained** > > - What a visitor sees before scrolling. > - It varies by device, so design for the phone. > - It does not have to hold everything. It has to earn the scroll. > - Three questions have to be answered there. ## Which three questions? The ones a visitor is holding when they arrive. - **What do you do?** Named plainly, in the words they used. - **Do you cover my area?** One line is enough. - **How do I reach you?** A tappable number, not an icon that opens a form. A hero image with a slogan across it answers none of the three, which is why it is the most expensive decoration on most sites. ## What earns the call on that screen? - A headline naming the service and the area, not a brand promise - A visible, tappable phone number - One piece of proof: a rating, years in business, a license number - A single primary action. See [call to action](/dictionary/call-to-action/). ## What does it not mean? It is not an instruction to cram everything upward. Long pages convert well when the top of them earns the scroll. The failure is not length, it is spending the first screen on decoration: a slow video background, a carousel nobody waits through, a consent banner sitting over the phone number. ## Why does it matter more on a phone? Because the screen is smaller and the visitor is usually in a hurry. Most urgent searches happen on a phone, often on a poor connection, frequently with a decision already half made. If the page is still loading its hero image when they lose patience, nothing below it was ever read. See [Core Web Vitals](/dictionary/core-web-vitals/). ## What do the terms mean? - **The fold:** The bottom edge of what is visible before scrolling. - **Viewport:** The visible area of the browser window on that device. - **Hero:** The first block of the page, usually a headline and an image. - **Click-to-call:** A number that dials when tapped. - **Scroll depth:** How far down the page people actually get. Owner questions ## What owners ask us about Above the Fold ### Does it still matter if people scroll? +Yes. People do scroll, but they decide whether to bother in the first seconds. The first screen is what buys the scroll. ### What should be on the first screen? +What you do, where you do it, a reason to trust you, and a way to call. On a phone that means a headline, a service area line, one proof element and a tappable number. ### How tall is the fold? +There is no fixed height. Design for a common phone viewport and check on a real device rather than in a desktop browser window. ### Can a cookie banner cover it? +It frequently does, and it is worth checking on a real phone. A consent banner sitting over the phone number is a surprisingly common and entirely self-inflicted problem. ### Should the first screen be short? +It should be useful. Long pages convert perfectly well when the top of them earns the scroll, which is a different thing from cramming everything upward.Put this to work ## Guides that use this Step-by-step playbooks from the team, written for owners doing the work themselves. No sign-up and no email required. [### Why your Austin HVAC site ranks #4 (and the H1 isn't the fix) Most Austin HVAC sites stuck at #4 in the map pack get diagnosed wrong. It isn't your H1, meta tags, or blog. Here's what actually moves the needle. Read the guide→](/articles/austin-hvac-rank-4-h1-not-the-fix/)4.9191 reviewsWhere this turns into work ## A first screen that earns the call The service, the area, one piece of proof and a number a thumb can reach — checked on a real phone, with nothing covering it. [See the service→](/services/web-design/)[Ask us about it](/contact/) ![Mads Buhl, Web Developer at Siite](/images/team/panel/mads-buhl.webp) *Our web developer* ## Related entries - [### Landing Page The page a visitor arrives on from an ad, listing or link — built to answer one search and produce one action, rather than to introduce the whole company.](/dictionary/landing-page/) - [### Call to Action The specific next step a page asks the visitor to take — the button, phone link or form that turns a reader into a lead.](/dictionary/call-to-action/) - [### Core Web Vitals Google's three field metrics for page experience — Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift — measured from real visitors.](/dictionary/core-web-vitals/) [All terms A to Z Browse every term A to Z Open the dictionary→](/dictionary/)