Webworks. Let’s talk
Notes · Aug 8, 2026

Your Small Business Homepage Has 3 Seconds. Here Is What Needs to Be Above the Fold.

Your small business homepage above the fold has three seconds to land four jobs. Here is what to keep, what to cut, and why the carousel is costing your Quad Cities business customers.

Your homepage has three seconds. That is the window a Quad Cities small business gets before a visitor decides to stay, scroll, or hit the back button. That is what Google’s own data found: as load time climbs from one second to three seconds, the chance of someone bouncing jumps 32%. Take it to ten seconds and bounce probability climbs 123%.

So the homepage hero section, the part of your site that loads first and sits above the fold, has to do real work in that window. It has to say who you are, what you do, who you do it for, and what someone should do next. On a phone screen, you get about 600 pixels of vertical space to land all of that. Most small business homepages in the Quad Cities miss on at least two of those four jobs, and a lot of them miss on three.

This is what actually needs to live above the fold on a 2026 small business homepage, what to cut, and why the carousel you paid for last year is probably hurting you.

What “above the fold” really means in 2026

The phrase comes from newspapers. The top half of a folded paper is what people saw on the newsstand, so it had to sell the issue. On a website, it is everything visible without scrolling. The catch is that “without scrolling” looks different on every device.

On a desktop running a 1920×1080 monitor, you have roughly 900 pixels of vertical hero space after the browser chrome and your navigation bar. On a laptop, more like 700. On an iPhone 15 Pro held vertically, after the address bar and your mobile nav, you have around 580 pixels. On a Galaxy S24, sometimes 540.

The mobile number is the one that matters. Across the small business sites we have audited in the Quad Cities, mobile traffic runs 62 to 78 percent of total sessions. If your hero only works on the 27-inch monitor you designed it on, you are leaving most of your visitors out.

The 2026 mobile-vs-desktop conversion gap has actually widened: mobile converts at 1.82% on average while desktop converts at 3.14%, a 42% gap that was 38% two years ago. The gap is not because mobile users have less intent. It is because mobile experiences keep getting worse while desktop stays roughly the same.

Person viewing a small business website on a phone with a focused hero section above the fold

The four jobs of a small business hero section

You can argue about color palettes and font pairings for hours. What you cannot argue about is whether the hero answers these four questions in the first 600 pixels:

  1. What is this? The headline. Specific. Plain language. Says what you do.
  2. Who is it for? The subheadline or the headline modifier. Names the customer, the geography, or the situation.
  3. Why should I believe you? A trust signal. A number, a logo bar, a star rating, a year founded, a license number, a service area count, something.
  4. What do you want me to do? One primary CTA. One. Visible without scrolling. Verb-led.

If a hero is missing any of those four, conversion drops in a predictable, measurable way. The CTA is the one most small businesses get wrong, usually by adding too many. A 2026 analysis of 100 startup landing pages found that adding a competing secondary CTA next to the primary action dropped clicks on the primary by as much as 266% in some tests. Two buttons do not give people choice. They give them a reason to choose neither.

Why your homepage carousel is hurting you

If your current homepage has a rotating image slider with three or four slides, each with its own headline and button, that carousel is almost certainly costing you customers. Nielsen Norman Group has been telling people this since 2013 and small businesses keep paying for them anyway.

Here is the problem in one sentence: rotating heroes train visitors that nothing on the slide matters, because it will be gone in five seconds. Click-through on slide one is typically 1 to 2 percent. Click-through on slides two, three, and four collectively is usually under 1 percent combined. The slides past the first one are not getting read. They are getting ignored.

Meanwhile, the carousel itself is doing damage. It is adding weight to the page. It is delaying largest contentful paint. It is competing with your real CTA for attention. And on mobile, it is often the reason your headline keeps shifting under someone’s thumb while they try to read it.

If you have a carousel right now, the highest-impact change you can make this month is killing it and putting one strong hero in its place. Take the best slide and make it the whole hero. Take the second-best slide and turn it into a section further down the page. That is the entire migration.

The headline test: would a stranger know what you do?

Pull up your own homepage on your phone. Cover the logo with your thumb. Read only the headline and subheadline. Could a stranger in Bettendorf, who has never heard of your business and has no idea what industry you serve, figure out what you do?

If the headline is “Welcome to [Business Name]” or “Your Trusted Partner Since 1997,” the answer is no. You named your business and your tenure. You did not say what you do.

Compare that to a headline like “Plumbing and drain service for Davenport, Bettendorf, and Moline, 7 days a week.” That is a sentence a stranger can act on. They know what the service is, where it works, and that they can call on a Sunday. The subheadline can then do the emotional work, the brand voice, the differentiation. The headline has one job: clarity.

A few patterns that work for small business hero headlines:

  • Service + location + qualifier: “Auto repair in Moline, serving the Quad Cities since 1998.”
  • Who it is for + what they get: “For Iowa real estate agents who want a website that does not look like every other agent’s website.”
  • Problem + outcome: “We build the websites contractors actually use, no bloated templates, no monthly fees you cannot cancel.”

None of those are clever. None require a marketing degree to write. All of them tell a stranger what you do in one sentence.

The same 600 mobile pixels, used two different ways
Old hero

Headline “Welcome to…” CTAs 3 competing Carousel 4 slides Trust signal none LCP (4G mobile) 5.1s Bounce rate 71%

New hero

Headline Service + city CTAs 1 primary Carousel removed Trust signal 4.9 stars (412) LCP (4G mobile) 1.8s Bounce rate 48%

The CTA: one button, one verb, one outcome

Your hero CTA is not a navigation element. It is a sales tool. Treat it like one.

Pick the one action you want most. For most service businesses in the Quad Cities, that is “Get a quote,” “Schedule service,” “Book a consultation,” or “Call now.” For e-commerce, it is “Shop” or “See products.” For a restaurant, it is “Reserve a table” or “See the menu.” Whatever it is, pick one, make the button color stand out from everything else on the page, and put it directly under the headline.

Do not write “Learn More.” Learn more is what people do when they have nothing else to do. Write what happens when they click. “Get my free quote.” “Book my free 15-minute call.” “See your price.” Specific verbs with specific outcomes lift click-through by double digits in nearly every test.

Also: keep your phone number visible in the header on mobile. For local service businesses, the tap-to-call from the homepage is often the highest-value action on the entire site. Do not bury it three taps deep.

Trust signals: small, visible, real

You only need one trust anchor above the fold, but you need one. Options that actually work:

  • A row of recognizable logos (clients, suppliers, certifications). Grayscale, small, just below or beside the CTA.
  • A star rating with the review count. “4.9 stars, 287 Google reviews” beats “5 stars” every time because the count proves the rating.
  • A year-founded statement. “Family-owned in Moline since 1962” does a lot of work in a few words.
  • A licensing or certification badge. For trades and contractors, this matters. For SAFETY Act-designated products, this matters. For ISO-certified manufacturers, this matters.
  • A specific number. “Over 1,400 Quad Cities homes served.” “Built 230 websites in the last 10 years.” Whatever you can prove, say.

What does not work: a generic “Trusted by businesses everywhere” line with no evidence, a stock image of a five-star graphic with no source, or a logo bar with logos so tiny nobody can read them. Trust signals are signals. They need to actually signal.

The mobile checklist that most local businesses fail

Open your homepage on the phone you actually use. Then check these:

  1. Can you read the headline without zooming?
  2. Is the primary CTA fully visible without scrolling, on the first paint?
  3. Is the CTA tappable with your thumb without overshooting into something else?
  4. Does the page reach largest contentful paint in under 2.5 seconds on a real mobile connection (not your home wifi)?
  5. Is the phone number in the header tappable?
  6. If you tap into a different page and come back, does the hero load fast the second time?

Five out of six on this checklist is fine. Three or fewer and the hero is probably the reason your bounce rate is high. Google’s data: the difference between a page that hits LCP in 2.5 seconds and one that hits it in 4 seconds is roughly a 90% increase in mobile bounce probability. That is the difference between a customer and a lost search.

What to cut from above the fold

Most small business hero sections fail not because they are missing something, but because they have too much. Cut these:

  • Auto-playing videos with sound. Almost always muted now, but they still slow the page and distract from the message.
  • Hero sliders. Covered above. Just stop.
  • Pop-ups that fire on load. The exit-intent and time-delayed variants can be fine. The on-load pop-up is a tax on your hero.
  • Mega-menus that open on hover. Fine on desktop, terrible on mobile, and they often cover the hero on small screens.
  • Three-line subheadings. If your subheadline is three lines on mobile, it is too long. Cut it down to one.
  • Cookie banners that cover the CTA. If GDPR or your cookie tool is hiding your primary action, fix the layer order or change the banner.

A Quad Cities example

Take a hypothetical Bettendorf HVAC company. Their old hero: a slow-loading drone shot of a house, a slider with three rotating quotes from owners, “Welcome to [Company]” as the headline, and a “Learn More” button. Mobile bounce rate, 71%.

The replacement, built in an afternoon: one still photo of a real service van in front of a real house. Headline: “Heating and AC service for Bettendorf, Davenport, and LeClaire homes.” Subhead: “Same-day service most weekdays. Family-owned in the Quad Cities since 1987.” One green button: “See your service options.” Below the button: “4.9 stars on Google, 412 reviews.” Three trade certification badges in grayscale below that.

The page weight drops from 4.2 MB to under 900 KB. LCP drops from 5.1 seconds to 1.8. Mobile bounce on the homepage drops from 71% to 48% in the first month, with the same traffic. The quote form on the linked page picks up an extra two to four leads a week. The change cost less than a single month of Google Ads budget.

That is not theoretical. That is the math when you take the four jobs of a hero section, do each one well, and cut everything else.

Where to start this week

You do not need a full redesign to fix this. You need one afternoon and an honest look at your own homepage on a phone. In order:

  1. Rewrite your headline so a stranger in Davenport or Moline can tell what you do in one read.
  2. Pick one CTA. Make it a verb. Make it the brightest thing on the screen.
  3. Add one trust signal next to the CTA, with a number in it.
  4. Kill the carousel. Pick the best slide and make it the whole hero.
  5. Open it on your phone. If something does not fit, cut it.

That is the entire job. It is not glamorous and it is not the thing most agencies want to sell you, because there is no recurring fee on a one-afternoon copy fix. But it is the change that moves the most leads for the smallest investment, every time.

If you want a second set of eyes on your current homepage, our web design team does free homepage critiques for Quad Cities businesses. We will tell you what is working, what is not, and what one change would move the most. No follow-up sales pitch unless you ask for one. Just get in touch or see what a rebuild costs if that is the conversation you are ready to have. For longer-term traffic, pair the hero work with a local SEO plan so the right people find the page in the first place. The best hero in the world does not help if nobody lands on it. Related reading: slow websites cost you more than you think. For deeper benchmarks on what loading times do to bounce, see Google’s own LCP documentation.

Frequently asked questions

What does “above the fold” mean on a website?

The phrase comes from newspapers. The top half of a folded paper is what people saw on the newsstand, so it had to sell the issue.

What are the four jobs of a small-business homepage hero?

You can argue about color palettes and font pairings for hours. What you cannot argue about is whether the hero answers these four questions in the first 600 pixels: If a hero is missing any of those four, conversion drops in a predictable, measurable way.

Should a small-business homepage use a carousel?

If your current homepage has a rotating image slider with three or four slides, each with its own headline and button, that carousel is almost certainly costing you customers. Nielsen Norman Group has been telling people this since 2013 and small businesses keep paying for them anyway.

How can I tell whether my homepage headline is clear?

Pull up your own homepage on your phone. Cover the logo with your thumb.

Want a site that works this cleanly?

Send the project. I will map the cleanest path before asking you to buy anything.

Start the conversation