The first screen of a homepage should tell a stranger what the business does, who it serves, where it works, and what to do next, in plain words they can read without scrolling. One line of proof that can be checked helps. Slogans, rotating sliders and pop-ups that cover the page tend to use that space without answering anything.
On a phone, the first screen is small: a logo, a menu button, a headline, perhaps a sentence and one button. Whatever sits there has to do the work of a receptionist who has a few seconds to say what the business does before the visitor decides whether to stay.
This page is for owners and marketing leads planning a homepage for a new or rebuilt site. It covers content and layout decisions, not brand strategy or a legal review of claims. For the wider build approach, see how Hudson South plans a website build.
Four things a stranger needs to know
Most first screens try to be memorable when they need to be clear. A tagline is not a description. "Building better tomorrows" might suit a billboard, but it tells a visitor nothing about whether this company fixes roofs, files taxes or treats knee pain. The first screen needs four plain facts, and one optional fifth.
| Element | Vague version | Clear version (fictional) |
|---|---|---|
| What you do | Solutions you can count on | Bookkeeping and payroll for small businesses |
| Who it is for | For everyone | For owner-run companies with 2 to 50 employees |
| Where | Proudly local | Serving Wake and Durham counties, in person or remotely |
| What to do next | Learn more | Book a 20-minute intro call |
| One checkable proof point (optional) | Award-winning service | A named credential with a link to where it can be verified |
Google's helpful content guidance asks a similar question of any page: "Does the main heading or page title provide a descriptive, helpful summary of the content?" A homepage headline that passes that test usually passes the stranger test as well.
The order matters less than the presence. Some businesses lead with the service, some with the place, and some with the customer. What they share is that a visitor can answer all four questions from the first screen alone. Write the headline last, after the four facts are agreed, because a good headline is usually a compression of them.
Keep the answer in text, and keep it fast
Put those facts in real text on the page, not inside a banner image. Google's guidance for its AI features lists "Making sure that important content is available in textual form" among the practices that still apply, and a headline baked into a photo gives search systems limited visibility into the words that matter most. Text can also be read by screen readers and resized on a phone.
The first screen is also where speed is felt. Google's Core Web Vitals use Largest Contentful Paint to measure loading, and web.dev says a good experience means it happens within 2.5 seconds of the page starting to load. On many homepages the largest element is the hero image, and web.dev notes that a page's LCP resource, if it has one, will be either an image or a web font. A huge photo or autoplaying video behind the headline can slow down the very screen that needs to be quick. More on that in how fast a website should load and what slows it down.
Layout shift belongs here too. If the headline jumps down the screen as a late image or banner loads, the visitor loses their place. Web.dev lists images without dimensions and dynamically injected content among the common causes of poor layout stability, and both tend to cluster at the top of a homepage.
What to leave out of the first screen
Pop-ups are the most common offender. Google's documentation describes intrusive interstitials as page elements that "obstruct users' view of the content," warns that they may frustrate visitors and erode trust, and recommends banners that take up only a small fraction of the screen. A newsletter box that covers the headline on a phone hides the one answer the visitor came for. A blunt question helps the team see the screen fresh: "If a customer read only our first screen, what would they get wrong about us?" The answer often points to a slider whose third slide carries the only useful sentence.
- Rotating sliders, where the important message appears for a few seconds out of every cycle.
- Awards and badges without context or a way to check them.
- Several competing buttons with equal weight.
- Stock photography that could belong to any company in any industry.
- A long menu whose items compete with the headline before the visitor knows what the business does.
A fictional example: before and after
Here is a fictional example. A family-owned plumbing company in Colorado has a homepage whose first screen shows a slider with three photos and the line "Your Comfort Is Our Mission." A chat bubble and a coupon pop-up appear within seconds. The phone number sits in small type in the footer.
The rebuilt first screen reads: "Plumbing repair and water heater replacement for homes in Fort Collins and Loveland." Beneath it: "Family-owned since 1998. Same-day appointments when the schedule allows." Then two buttons, call and book online, with the coupon moved to a small banner. The phone number moves into the header, so it shows on the first screen of every page, not only the homepage. Every phrase in the new version came from the owners and is something they can stand behind, which is why the dates and service limits are stated plainly.
Where the words come from
A first screen is short, which makes every word load-bearing. Hudson South runs every build in the same order. Authority Asset gathers approved business knowledge and evidence. Hudson Twenty-One records how the business communicates across 21 dimensions, so the pages sound like the people who answer the phone. Market Intelligence researches the questions buyers ask and how the market answers them. AEO Creation turns those inputs into answer-first pages. For a homepage, that means the headline comes from what the company actually does and says to customers, and the writer should not have to invent what the company knows about its own service area or response times. Review the first screen whenever the business changes what it offers, where it works, or how people book, since it is the part of the site most likely to be read. For backing up the claims further down the page, read the proof your website needs to help buyers choose, and for the pages the homepage leads to, see how many pages a small business website needs.
See how your first screen compares
On a free 30-minute call, we look at how your homepage and your competitors' homepages answer what a buyer needs to know first.
Get your free competitor analysisSources
- Creating Helpful, Reliable, People-First Content. Google Search Central. Read 2026-10-17.
- AI Features and Your Website. Google Search Central. Read 2026-10-17.
- Web Vitals. web.dev. Read 2026-10-17.
- Optimize Largest Contentful Paint. web.dev. Read 2026-10-17.
- Optimize Cumulative Layout Shift. web.dev. Read 2026-10-17.
- Interstitials and dialogs. Google Search Central. Read 2026-10-17.