What does above the fold mean?
Above the fold is everything a visitor sees the instant your page loads, before they scroll down. The term comes from newspapers, where the most important story sat above the physical fold. On the web it is the first screen, and because it varies by device, you should think of it as the area visible on a typical phone as well as a laptop.
Why does it matter so much?
It is the first impression and it sets the tone for everything after. If a visitor cannot tell what you offer and whether it is for them, they will not stick around to find out. A focused top section keeps people engaged and guides them toward the action you want, which is the difference between a site that just looks nice and one that actually generates leads. (More on that in our guide to what turns visitors into customers.)
What should go above the fold?
A clear headline
Your headline should state what you do and the value you provide in plain language, not a clever slogan that leaves people guessing. A visitor should understand your business from the headline alone. Clarity beats cleverness every time.
A short supporting line
One or two sentences under the headline add the detail the headline cannot, such as who you serve or what makes you different. Keep it brief. This is a hook, not a paragraph.
An obvious call to action
Tell visitors exactly what to do next with a single, prominent button such as "Get a free quote" or "Book a consultation." Make it stand out and lead with one primary action rather than several competing ones.
One strong visual
A relevant, high-quality image or simple graphic helps people grasp what you offer at a glance. It should support the message, not distract from it, and it must load fast so it does not slow the page down.
What to leave out
The top of the page is not the place for everything. Avoid cramming in long paragraphs, a dozen menu items, multiple competing buttons, autoplaying video with sound, or pop-ups that block the content before anyone has read it. Each extra element dilutes the message and slows the decision. When in doubt, cut.
Does this matter on mobile?
Yes, more than ever. Most small business traffic is on phones, where the first screen is small and every pixel counts. Make sure your headline, supporting line, and call-to-action button are all visible and tappable on a phone without zooming or hunting. Design the mobile view first and the desktop version tends to follow naturally.
Key takeaway
Above the fold is your homepage's handshake. In a few seconds it should tell visitors what you do, who it is for, and what to do next, using a clear headline, a short supporting line, one obvious call to action, and a single strong visual. Keep it focused and make it work on a phone, and you will keep far more visitors than you lose.
Frequently asked questions
Is above the fold still relevant now that everyone scrolls?
Yes. People do scroll, but they decide whether to stay based on the first screen. A weak top section means many visitors never scroll at all.
Should I put my phone number above the fold?
For many local and service businesses, yes. If calls are a primary goal, a visible phone number or call button at the top makes it easy for ready-to-buy visitors to reach you.
How many buttons should be above the fold?
Lead with one primary call to action. A secondary option is fine if it is clearly less prominent, but several equal buttons split attention and lower the odds anyone clicks.
Can a slow-loading hero image hurt me?
Yes. If the top of your page loads slowly, visitors leave before they see it. Keep hero images optimized and lightweight so the first screen appears almost instantly.