What Should Be Above the Fold on a Small Business Website?
The first screen of your website has an important job.
It does not need to explain your entire business.
It does need to help a visitor quickly understand:
What is this business?
What does it offer?
Is it relevant to me?
and:
What should I do next?
So, what should be above the fold on a website?
For most small-business websites, the first view should normally contain:
a clear business or service headline
a short supporting explanation
enough context to show who the business helps or where it operates
one obvious primary call to action
clear branding and usable navigation
enough reassurance to encourage the visitor to continue
That is usually enough.
You do not need every service, review, qualification, social link, contact method and company story squeezed into the first screen.
The job of the fold is not completeness.
It is orientation.
Quick Answer: What Should Be Above the Fold on a Website?
A strong small-business website should normally show these things before or very close to the first scroll:
1. What the business actually does
Use a clear headline rather than a vague slogan.
2. Who it helps or where it operates
Give enough context for the right customer to recognise that the website is relevant.
3. A useful next step
Show one clear primary action such as:
Request a Quote
Call Now
Book an Appointment
View Services
Check Availability
See Website Packages
4. Clear branding and navigation
Customers should know whose website they are on and be able to reach important pages.
5. Enough trust to keep going
That might be:
a review rating
an accreditation
years of experience
a simple guarantee
a genuine photograph
an important client or membership signal
But do not overload the first screen.
The wider homepage can then provide:
services → proof → process → FAQs → deeper trust → final CTA
For a full page-by-page breakdown, see BrightPath's Small Business Homepage Checklist.
What Does “Above the Fold” Actually Mean?
“Above the fold” is an old publishing term.
For a website, it simply means:
what somebody can see before they scroll.
But there is an important complication.
There is no single universal fold.
What appears without scrolling depends on things such as:
desktop or mobile
screen size
browser window size
browser controls
accessibility settings
cookie banners
announcement bars
navigation height
device orientation
So do not design around an imaginary fixed line at one exact number of pixels.
Instead ask:
What information is most likely to appear in the customer's initial view?
Then test the real website on several devices.
The First Screen Has One Main Job: Orientation
A new visitor needs context before persuasion.
Imagine landing on a website that says:
Building Better Futures
Beautiful photograph.
Animated background.
Company logo.
Button saying:
Discover More
What does the business actually do?
It could be:
a builder
an accountant
a financial adviser
a charity
a training company
a recruiter
a software business
The visitor has to investigate before they can even decide whether the site is relevant.
Now compare:
Commercial and Domestic Electricians Across Runcorn and Widnes
Supporting line:
Rewires, EICRs, electrical repairs and installations for homeowners, landlords and local businesses.
Button:
Request a Quote
The second version may be less poetic.
It is considerably easier to understand.
Your first screen should reduce uncertainty, not create it.
1. Start With a Headline That Explains the Business
Your main headline is usually the most important piece of wording above the fold.
Avoid making it depend entirely on:
slogans
values
vague benefits
wordplay
brand language
Examples such as:
Your Partner for Success
Solutions That Make a Difference
Excellence Without Compromise
sound polished but tell a new customer almost nothing.
A stronger headline contains useful information.
For example:
Small Business Accountants in Warrington
Garden Landscaping and Maintenance Across Cheshire
Website Design and Website Audits for Small Businesses
Wedding Photography Across Liverpool and Cheshire
The exact wording depends on what the page needs to achieve.
But ask:
If the logo disappeared, would a new visitor still understand what this business does?
If not, the headline probably needs improvement.
Our guide to clear messaging and trust signals for small-business websites goes deeper into how clearer wording can reduce uncertainty.
2. Add a Supporting Explanation
Your headline should not carry every detail.
A short supporting line can explain:
who the service is for
where you operate
the main problem you solve
what is included
the main customer outcome
For example:
Headline
Website Audits for Small Businesses
Supporting line
Practical, public-facing website reviews that identify problems with clarity, trust, mobile usability and the customer journey.
The customer now has more context.
Keep it short.
Do not open with six paragraphs explaining the history of the company.
The visitor needs to understand the offer before they need the backstory.
3. Make the Primary Call to Action Visible
Once somebody understands the offer, make the next step obvious.
Useful calls to action include:
Request a Quote
Call Now
Book an Appointment
Check Availability
View Services
See Packages
Request an Audit
Start Your Order
The wording should match how ready the customer is likely to be.
Someone with a burst pipe may be ready to:
Call Now
Someone considering a £5,000 website may be more comfortable with:
View Website Packages
or:
Book a Consultation
Someone who knows their website has problems but does not know what needs fixing may prefer:
Request a Website Audit
Avoid default buttons such as:
Learn More
when you can explain what actually happens.
Should the CTA Always Be “Contact Us”?
No.
“Contact Us” is clear enough in some situations.
But it may ask for a bigger commitment than the customer is ready to make.
Compare:
Contact Us
with:
View Prices
or:
See What's Included
or:
Check Available Dates
The right first action depends on where the customer is in the decision.
Above-the-fold conversion is not about making the button more aggressive.
It is about making the next sensible step easier.
4. Tell Customers Who You Help
This does not always need its own heading.
Sometimes it can sit naturally inside the supporting copy.
For example:
Website design for startups, sole traders, trades and local service businesses.
or:
Accountancy and payroll support for limited companies and self-employed professionals.
The visitor wants to know:
Is this meant for someone like me?
Answering that early can help the right people continue.
Trying to appeal equally to everyone often makes a business appear relevant to no particular customer.
5. Show Location When Location Matters
For a local service business, geographical relevance can be decision-critical.
A customer in Widnes finding a builder in Runcorn may immediately wonder:
Do they cover my area?
Do not make them search the footer to find out.
Where appropriate, the first screen might say:
Roof Repairs Across Runcorn, Widnes and Surrounding Cheshire Areas
or:
Mobile dog grooming throughout Wirral and nearby areas.
You do not need a huge list of towns.
You simply need enough information to remove the obvious doubt.
6. Use One Strong Trust Signal — Not Every Trust Signal
Some websites try to force every credibility element above the fold.
You see:
★★★★★
20 YEARS EXPERIENCE
FULLY INSURED
TRUSTED
AWARD WINNING
100% SATISFACTION
ACCREDITED
300+ CUSTOMERS
five logos
four badges
and:
three testimonials.
That is not automatically more reassuring.
It can become clutter.
Choose proof that matters to the decision.
For example:
Emergency trade
★ 4.9 Google rating from 180+ customer reviews
Accountant
ICAEW Chartered Accountants
Contractor
Fully insured • NICEIC approved
Consultant
20+ years relevant industry experience
Ecommerce business
Free delivery over £X • 30-day returns
The rest of the proof can appear further down the page.
If you use customer reviews, place the fuller testimonials where they support specific decisions rather than forcing them all into the hero area.
Does a Review Need to Be Above the Fold?
Usually not.
Sometimes a compact rating is useful.
For example:
★★★★★ 4.9 from 75 Google reviews
That can reassure somebody quickly without taking over the page.
But a full testimonial normally works better after the visitor understands what the business actually offers.
Think:
clarity first → proof second
A testimonial is less useful if the visitor still has no idea what you sell.
7. Keep the Logo and Navigation Clear
Your brand should be obvious.
The navigation should help people reach important pages.
A straightforward service-business navigation might contain:
Home
Services
About
Reviews or Client Stories
Contact
You do not need thirteen menu items simply because the pages exist.
The navigation should help people continue the customer journey.
It should not behave like a directory of your entire website.
What Should NOT Be Above the Fold?
This is where many websites go wrong.
Every service
Introduce the core offer.
You can explain individual services further down or on dedicated pages.
Your entire About story
Customers do not usually need the company history before understanding what you sell.
Five different calls to action
If the first screen says:
Call
Download
Book
Subscribe
Follow
Get Quote
you have not created choice.
You have created competition.
A huge block of text
The first screen should help orientation.
Not require a five-minute reading session.
Several full testimonials
One compact proof point may help.
Save detailed social proof for where customers are evaluating the decision.
Every qualification
Show the most relevant reassurance first.
Social-media feeds
They can distract from the primary journey and send people away before they have understood your offer.
A large image with almost no useful text
A photograph can support the message.
It should not replace it.
Hero Images: Helpful or Just Taking Up Space?
A hero image can be useful when it helps somebody understand:
the service
the product
the people
the result
the type of work
For example, a landscaper showing a genuine completed garden can provide context and proof.
A hotel showing the property helps the customer understand the experience.
A wedding venue showing the actual venue makes sense.
But a generic image of:
people shaking hands
a laptop on a desk
a smiling call-centre employee
abstract coloured shapes
may use half the first screen without helping the decision.
Ask:
If we removed this image, would the customer understand less?
If the answer is no, reconsider how much space it deserves.
Should the Phone Number Be Above the Fold?
For businesses where telephone calls are a major enquiry route, often yes.
Examples include:
emergency plumbers
electricians
garages
locksmiths
dental practices
emergency services
businesses where customers normally call first
On mobile, make the number clickable.
For slower-consideration services, a persistent phone number in the header may be enough.
Again:
match the interface to real customer behaviour.
What Changes on Mobile?
A lot.
A desktop screen may comfortably show:
logo
navigation
headline
supporting line
CTA
photograph
trust badge
A mobile screen has much less space.
Trying to show everything can push the actual message below the first scroll.
On mobile, prioritise:
clear business identity
clear headline
short explanation
primary CTA
Then let the rest follow naturally.
Check:
Is the headline readable?
Does it wrap into seven lines?
Is the CTA visible?
Does a giant image consume the whole screen?
Is a cookie banner covering the message?
Does the navigation dominate the page?
Can the phone number be tapped?
Is the text large enough to read?
Do animations delay the useful content?
Your live mobile experience matters more than how the Wix editor looks on a large monitor.
BrightPath's Website Health Check Audit reviews first impressions, homepage clarity, mobile experience, calls to action and other visible issues that may be holding a site back.
Should Everything Important Be Above the Fold?
No.
This is one of the worst interpretations of above-the-fold advice.
Customers scroll.
They expect more information further down.
The first screen does not need to contain:
all your services
every reason to choose you
every review
the complete pricing model
your process
your About section
every FAQ
every contact method
Instead:
give them enough reason to continue.
Think:
Above the fold = orientation
Rest of page = investigation and decision
A Better Homepage Journey
A strong service-business homepage could work like this:
Above the fold
Headline
What you actually do.
Supporting copy
Who you help / where you work.
Primary CTA
What should the visitor do next?
Compact proof
One relevant trust signal if useful.
↓
Main services
Help visitors recognise the route that matches their problem.
↓
Why choose this business?
Give specific reasons rather than generic claims.
↓
Proof
Reviews, case studies, real work or qualifications.
↓
Process
Explain what happens next.
↓
Important questions
Remove common uncertainty.
↓
Final CTA
Give the customer another clear opportunity to act.
That is much more useful than trying to compress all of those stages into the first 700 pixels.
Example: Local Plumber
Weak first screen
Welcome to Jones & Sons
Quality service you can rely on.
Learn More
Stock photograph of a bathroom.
The visitor still has unanswered questions.
What services?
Which area?
Emergency work?
Residential or commercial?
What next?
Stronger first screen
Plumbing & Heating Services Across Runcorn and Widnes
Boiler repairs, plumbing installations and maintenance for homeowners and landlords.
Request a Quote
★★★★★ 4.9 Google rating
The visitor now understands:
service + location + audience + next step + basic proof
That is enough to continue.
Example: Accountant
Stronger first screen
Accountants for Small Businesses Across Cheshire
Year-end accounts, bookkeeping, payroll and practical tax support for limited companies and sole traders.
Book an Initial Call
ICAEW Chartered Accountants
Then let the rest of the homepage explain:
services
process
pricing
testimonials
team
FAQs
Example: New Business Website
A new business may not yet have:
200 reviews
major clients
years of company history
case studies
Do not invent them.
A credible first screen can still show:
Domestic Cleaning Services Across Warrington
Regular and one-off home cleaning from a local, fully insured business.
Check Availability
Fully insured
That's enough to establish relevance and legitimacy.
Our guide to building a professional website for a new business explains why a new business should prioritise clarity and credibility before chasing unnecessary complexity.
What About Ecommerce?
The priorities change slightly.
An ecommerce homepage might need the first screen to communicate:
what the store sells
the strongest current category or proposition
a useful route into shopping
delivery or returns reassurance where important
For example:
Personalised Cartoon Video Gifts
Turn your photos, jokes and memories into a custom animated video gift.
Create Your Scene
Supporting reassurance:
Digital delivery • No postage • Made for your recipient
Again, the purpose is orientation.
Not forcing the entire catalogue into the first view.
Is “Above the Fold” an SEO Ranking Factor?
Do not redesign your homepage because somebody tells you Google rewards a particular number of words or buttons above the fold.
The real SEO value comes from having a page whose purpose and subject are clear, with useful content that properly serves the searcher.
Your H1, supporting text, page structure and internal links can all help explain the page.
But the fold should primarily be designed around customer understanding and usability, not an invented formula.
Do not:
put the keyword three times above the fold
because an SEO checklist told you to.
Write for clarity.
Above-the-Fold Messaging and Conversion
The first screen cannot guarantee an enquiry.
It can certainly lose one.
If a customer lands on your website and cannot quickly determine:
what you do
whether you serve them
whether the page is relevant
what the next step is
they may never reach your strongest reviews, case studies or service information.
That is why the first screen is a conversion gateway.
It does not need to complete the sale.
It needs to help the visitor continue.
If your website already gets visitors but too few become calls, messages, bookings or enquiries, BrightPath's Conversion & Customer Journey Audit specifically reviews above-the-fold messaging, calls to action, button placement, contact routes, page flow and other visible friction.
Common Above-the-Fold Mistakes
Vague headline
The visitor cannot tell what the business actually does.
Branding bigger than the message
A large logo uses most of the screen while the service explanation disappears underneath.
Oversized hero image
The visual looks impressive but pushes useful information down.
Too many buttons
The visitor has no obvious primary route.
Hidden location
A local customer cannot determine whether the business serves their area.
Generic trust claims
Trusted. Professional. Reliable.
without supporting evidence.
Overloaded trust badges
So many logos and ratings appear that the area becomes difficult to scan.
Desktop-first design
The desktop hero looks elegant while mobile visitors see only a logo and half a photograph.
Pop-ups immediately covering the content
The customer cannot even read the first message before being asked to subscribe.
Autoplay video
Especially when it delays, distracts or consumes most of the first mobile screen.
Too much explanation
The hero has become an About page.
A 10-Minute Above-the-Fold Check
Open your homepage on desktop.
Then open it on your phone.
Do not scroll.
Ask:
1. Can I tell what the business does?
If not, fix the headline.
2. Can I tell who the service is for?
If that matters to the decision, make it clearer.
3. Can I tell where the business operates?
Important for local services.
4. Is there one obvious next step?
The CTA should be easy to find.
5. Does the CTA make sense?
Would a real customer be ready for that action?
6. Is there enough credibility?
One meaningful signal may be enough initially.
7. Does the image add information?
Or is it simply consuming space?
8. Does the mobile version still work?
Do not judge only from desktop.
9. Is anything distracting from the main message?
Menus, pop-ups, sliders, banners or multiple buttons?
10. Would somebody know why they should keep scrolling?
That is the ultimate test.
Frequently Asked Questions
What should be above the fold on a website?
For most small-business websites, the first screen should contain a clear headline, short supporting explanation, useful context about who the business serves or where it operates, one primary call to action, clear branding and enough reassurance to encourage the visitor to continue.
What does above the fold mean on a website?
It means the part of the page someone sees before scrolling.
The exact fold varies depending on screen size, device and browser, so it should not be treated as one fixed pixel measurement.
Should a CTA be above the fold?
Usually, yes.
If there is an obvious next step the customer might reasonably take, make it visible.
The CTA should match customer intent rather than forcing everyone immediately into a high-commitment enquiry.
Should reviews be above the fold?
Not necessarily.
A compact review rating can help reassure visitors, but full testimonials are often more useful later when the customer is evaluating the service or decision.
Should prices be above the fold?
Only when price is central to the offer.
For some products or packages, visible pricing helps.
For more complex services, the first screen may only need to make the service and next step clear.
Should my phone number be above the fold?
If telephone calls are an important way customers contact your business, making the number visible and clickable can be useful.
For emergency or immediate-need services it may be particularly important.
How much text should be above the fold?
There is no correct word count.
Use enough text to explain what the business offers, who it helps and what the visitor should do next without creating a dense block that delays understanding.
Should every service appear above the fold?
No.
Introduce the main business proposition first.
Individual services can be presented further down or on dedicated service pages.
Is scrolling bad?
No.
Visitors are familiar with scrolling.
The problem is not that information exists lower on the page.
The problem is failing to give visitors enough clarity or interest to continue.
Final Thought: Give Customers a Reason to Continue
Your first screen does not need to close the sale.
It needs to earn the next few seconds.
The visitor should be able to move quickly through:
What is this?
↓
Is it relevant to me?
↓
Can I trust it enough to continue?
↓
What should I do next?
That is the real job of above-the-fold content.
Do not fill the space because it exists.
Do not hide useful information because you want a minimalist design.
Do not cram the whole website into one screen because someone told you everything important must be “above the fold”.
Prioritise:
clarity → relevance → action → reassurance
Then let the rest of the page do its job.
If you want a broad review of first impressions, homepage clarity, mobile experience, trust signals and calls to action, BrightPath's Website Health Check Audit gives you a practical starting point.
If the website already receives visitors but too few progress into calls, messages, bookings or enquiries, the Conversion & Customer Journey Audit goes deeper into above-the-fold messaging, CTA placement, contact routes and visible conversion friction.
The answer is rarely:
put more things above the fold.
It is usually:
put the right things there.
Comments