From the blog

What Should Be on Your Homepage Above the Fold?

What Should Be on Your Homepage Above the Fold?

Someone searches for what you do, taps your website, and looks at one screen. In the next few seconds they decide whether you are worth their time or whether they are going back to the results to try the next business.

They do not read. They scan. They are not weighing your brand story or admiring the photography. They are trying to work out, quickly, whether they are in the right place. Most small business homepages fail this moment not because they are ugly, but because that first screen is filled with things that do not help: a slow-loading slider, a stock photo of a handshake, and a headline that says “Welcome to our website”.

This guide covers what actually belongs on that first screen: the six things that earn their place, the things to cut, and why the version on a phone is the one that really decides it.

A customer assessing the first screen of a Melbourne local-business website on her phone

First, what “above the fold” actually means now

The phrase comes from newspapers. The front page was folded in half on the newsstand, so whatever sat above the fold had to sell the paper.

On a website there is no fixed height. Above the fold is simply whatever a particular visitor sees before scrolling, and that changes with every device. A large desktop monitor might show 900 pixels of your page. A phone shows a fraction of that, and once you subtract the browser bar, you have very little room.

This is where most owners go wrong. They review their homepage on a big desktop screen, see the headline, the image, the buttons and a bit of the next section, and conclude it is fine. On the phone where most of their visitors actually land, half of that is below the fold and never seen by someone who does not scroll.

The mobile first screen is the real constraint. Design for that and the desktop version takes care of itself.

The four questions a stranger is asking

Everything on the first screen should answer at least one of these:

  1. What is this? What do you actually do: in plain words, not a slogan.
  2. Am I in the right place? Do you serve my problem, my type of customer, my area?
  3. Can I trust you? Are you established, credible, real?
  4. What do I do next? And is it easy?

If your first screen does not answer those four, it is decoration. If it answers all four, it is doing its job, even if it looks simple. Simple usually converts better.

The six things that belong above the fold

1. A headline that says what you do and who for

This is the single most valuable line on your website, and it should be almost boring in its clarity. “Licensed Electricians for Melbourne’s Inner North” beats “Powering Your World”. If you serve a specific area or customer, say so. That is how a visitor confirms they are in the right place.

Clever headlines cost you customers. Clear ones keep them.

2. A supporting line that adds the specifics

One or two sentences under the headline to fill in what the headline could not: your main services, what makes you different, how fast you respond, who you help. This is where “same-day service”, “family-owned since 2004” or “for small businesses across Bayside” belongs.

3. One primary action

Decide the single most valuable thing a visitor can do (call, request a quote, book, shop) and make that the obvious button. One primary action, optionally one quieter secondary one. When everything is emphasised, nothing is.

For local and service businesses, a tappable phone number should be visible on that first screen too. Plenty of people will call rather than fill in anything.

4. A trust signal

Something that says other people have already taken this risk. A review rating, years in business, number of jobs completed, licences and insurance, recognisable clients, an association membership. One strong signal on the first screen is worth more than a page of testimonials nobody scrolls to.

5. A real image of your actual work or team

Not a stock photo. A genuine picture of your work, your premises or your people does more for credibility than any adjective, and visitors can tell the difference instantly. If the image is a person, make sure it feels like your business rather than a catalogue.

6. Navigation that helps rather than hijacks

People need to see how to get around, but the menu should not dominate. Keep it short and label things plainly (“Services”, “Pricing”, “Contact”) rather than clever category names nobody can decode.

A good example of all six working together is the homepage we built for Treasured Vessels Girls’ Centre: a one-line statement of belief, a headline that says exactly what the organisation does, a supporting sentence naming who it serves and how, a primary and secondary action, and a trust line establishing that it is registered, women-led and has been on the ground since 2018, all before you scroll. For a bolder, more cinematic take on the same principles, 11-6 Ministries leads with a full-screen hero that still answers who, what and what next.

A Melbourne small-business owner checking the same homepage above the fold on mobile and desktop

What to take off the first screen

Space above the fold is the most valuable real estate you own. These are the usual squatters:

  • Sliders and carousels. They push your best message off screen after a few seconds, most people never see panel two, and they slow the page. If a message deserves the first screen, give it that space permanently.
  • “Welcome to our website.” It says nothing and burns your most valuable line.
  • Generic stock imagery. A handshake, a headset, a laptop on a white desk. It reads as filler and quietly signals that nothing here is real.
  • Autoplay video that delays everything. Big hero videos can look great and often push the load time past the point where visitors leave. If you use one, it must not hold up the text and buttons.
  • Popups on arrival. Asking someone to join your mailing list before they know what you do is the digital equivalent of being sold to in the doorway.
  • A cookie banner covering your call to action. Very common, rarely noticed by owners, and it costs enquiries. Check yours on a phone.
  • Long company history. Nobody arriving for a blocked drain needs your founding story on screen one. Keep it, put it further down or on your About page.

The mobile reality

Because the phone view is the tightest, a few things matter disproportionately:

  • Keep the headline short enough not to wrap into a paragraph. Long headlines eat the whole screen on mobile.
  • Put the button where the thumb is. A call or enquiry button within easy reach, and consider a sticky call bar for service businesses.
  • Watch how much height the header takes. A large logo and a tall menu bar can consume a third of the first screen before your message even starts.
  • Remember Google sees the mobile version too. Search indexing is primarily based on the mobile version of your site, so a thin or awkward mobile first screen is not just a conversion problem.
  • Load fast and stay still. A first screen that jumps around while images load is a genuinely poor experience, and Google measures this, its page experience guidance covers the signals involved. Slow and unstable costs you both rankings and enquiries.

If your homepage brings visitors but few of them act, this is often where the problem starts. Our post on why your website gets traffic but no enquiries covers the wider set of causes.

It changes a little by business type

  • Trades and home services. Headline with trade plus area, phone number front and centre, licensed and insured stated plainly, real job photo. Urgency matters, say if you offer same-day or after-hours.
  • Professional services. Clarity and credibility over urgency. What you do, who you do it for, a strong trust marker such as accreditations or years, and a low-friction next step like booking a consultation.
  • Retail and eCommerce. Show product immediately. A hero image of actual stock, a clear path into the range, and any offer or shipping promise that helps someone decide.
  • Hospitality and venues. Photos of the real place, location, hours and a booking action. People are usually deciding tonight.

How to test whether yours works

You do not need expensive tools:

  1. The five-second test. Show your homepage to someone who does not know your business for five seconds, then hide it and ask what you do and where. If they cannot say, the first screen has failed.
  2. Look at it on an actual phone. Not a resized browser window: a real phone, on mobile data, held at arm’s length.
  3. Check how fast it actually loads. Run your homepage through PageSpeed Insights, it reports real-world loading and stability, which is exactly what a visitor experiences in those first seconds.
  4. Ask a customer. “When you first found us online, was it obvious what we did?” You will get an honest answer.
  5. Watch what people do. Analytics will show how many visitors leave without scrolling or clicking. A high proportion means the first screen is not persuading anyone.

Small changes here often move the needle more than a full redesign, because you are fixing the moment where most visitors are lost. And if the fixes keep piling up, that itself is a signal worth reading. Our guide on when to rebuild rather than tweak helps you tell the difference.

A passer-by deciding whether to enter a Melbourne shop based on its clear window display

Think of it as your shop window

A good shopfront window does not explain the whole business. It shows what you sell, signals quality, and makes it obvious the door is open. Passers-by decide in a moment whether to come in.

Your homepage’s first screen is exactly that. It is not the place to say everything. It is the place to say enough that the right person keeps going. Everything else can wait for the scroll.

Frequently Asked Questions

What does above the fold mean on a website?

It is everything a visitor sees when a page first loads, before they scroll. The term comes from newspapers, where the top half of the folded front page had to sell the paper. On a website there is no fixed height. It depends entirely on the visitor’s device, and on a phone it is a much smaller space than most owners picture when they look at their own site on a desktop.

What should be above the fold on a small business homepage?

Six things earn their place: a headline saying what you do and who for, a supporting line with the specifics, one clear primary action, a trust signal such as reviews or years in business, a real image of your work or team, and simple navigation. Anything that does not help a stranger understand you or act is taking up space that something else needs.

Almost never. Sliders push your most important message off screen after a few seconds, most visitors never see past the first panel, and they typically slow the page down. If a message matters enough to be on the first screen, give it that space permanently. If it does not, it belongs further down the page.

How long do I have to make a first impression on my website?

Only a few seconds. Visitors do not read a homepage, they scan it, and they decide very quickly whether they are in the right place and whether you look credible. That is why the first screen has to answer what you do, who you do it for and what to do next almost instantly, rather than easing in with a welcome message.

Does above the fold content affect SEO?

Indirectly, and it matters. Google measures real-world page experience, so a first screen that loads slowly, shifts around while loading, or is buried under a popup can hurt both rankings and conversions. A fast, stable, immediately useful first screen keeps visitors from bouncing back to the results, which is exactly the behaviour search engines are trying to reward.

The bottom line

The first screen of your homepage is the hardest-working part of your website, and on most small business sites it is the least considered.

Give it a headline that plainly says what you do and who for, a supporting line with the specifics, one obvious action plus a tappable phone number, one strong trust signal, a real image, and clean navigation. Take off the slider, the stock photo, the welcome message and the popup. Then check the whole thing on a phone, because that is the version most of your visitors will judge you on.

Get that right and everything downstream works better: your ads land somewhere convincing, your search traffic stops bouncing, and more of the people who were already looking for you actually pick up the phone.

If your website isn’t converting visitors into customers, let’s discuss how a professionally designed homepage can help. Request a chat with 7 Marketing and we’ll look at your first screen and tell you exactly what is costing you enquiries, or get in touch through our contact page. You can also browse our client projects to see how we handle the first screen for different kinds of business.

Get a free quote

Ready to start growing your business?

Let's build a website that works as hard as you do.

Contact us now