What Is a Landing Page? Anatomy, Layouts and Examples | How-to Guide

A landing page is a single web page built for one goal, such as a signup, a booking or a purchase, that visitors reach from an ad, email or link. Unlike a homepage, it removes navigation and side options so every section supports that one action. Below: an annotated anatomy, six layouts and above-the-fold rules.

A short definition

A landing page is the page someone "lands" on after clicking a specific link: a search ad, a social post, a button in a newsletter, a QR code on a flyer. What makes it a landing page is not the URL or the tool used to build it, but its focus. It exists to get one kind of visitor to take one action, and everything on it is chosen to help with that action.

That action is called the conversion goal. Typical goals are: leave an email address, book a call, start a free trial, buy one product, register for an event or join a waitlist.

Landing page vs homepage

A homepage serves everyone who types your name into a browser: customers, job seekers, journalists, suppliers. It has to route all of them, so it carries a full menu and many links. A landing page serves one audience arriving with one intention, so it can drop most of that.

HomepageLanding page
AudienceEveryoneOne segment (for example, people who clicked one ad)
GoalOrient and routeOne conversion
NavigationFull menu, footer linksUsually none, or only the logo and legal links
CopyBroad, covers the whole businessMatches the message of the link that sent the visitor
LifespanPermanentOften tied to a campaign, offer or season
How success is measuredMany signalsConversion rate for that one goal

For a longer comparison with a full website, see the difference between landing pages and a website.

Anatomy of a landing page, annotated

Below is a small landing page for an invented bike repair service, with the eight parts most landing pages share numbered on it. The explanations follow the mock-up. Click a number in the box under the mock-up to highlight that part.

Spoke & Chain(555) 010-2040 1

Your bike fixed at your door, this week

2

A mechanic visits with a fully stocked van. Tune-ups, brakes, gears and flats, done while you work. 3

Book a visit

Pick a time in 1 minute. Pay after the repair.

4
Photo: mechanic working beside a van 5
Same-week slots
Choose a two-hour window.
Fixed prices
See the price before you book.
Parts on board
Most repairs done in one visit.
6
"[A real customer quote goes here, with their first name and area.]" 7
Ready when your bike is. Book a visit 8
  1. Minimal header. Logo and, if calls convert for you, a phone number. No menu: every extra link is an exit.
  2. Headline. States the outcome the visitor wants, in words that echo the ad or email they clicked. If the ad said "mobile bike repair", the headline should too.
  3. Subheadline. One or two sentences that say how it works or who it is for. It answers "what exactly is this?"
  4. Primary call to action with microcopy. One button with a verb-first label, plus a short line beneath it that removes a worry (time, cost, commitment). See 60 call to action examples.
  5. Hero visual. A photo or product shot that shows the thing being offered, not decoration.
  6. Benefits. Three to five specific reasons, each a short heading plus one sentence. Specific beats clever.
  7. Proof. Real testimonials, real logos, real numbers you can back up. The mock-up uses a placeholder on purpose: never invent a quote.
  8. Closing call to action. The same action repeated at the end for people who scrolled to decide. Same label, same destination.

Longer pages often add an FAQ (objections answered in the visitor's words), pricing, a short "how it works" in three steps, and a form. Ready-made sections for most of these parts are in the hero sections and CTA sections galleries.

Six landing page layouts and when to use each

Most landing pages follow one of a handful of shapes. The grey bars below stand for text, the blue blocks for buttons and the pale blocks for images or forms.

1. Lead generation page

Goal: collect contact details in exchange for something (a quote, a checklist, a consultation). Use it when the sale happens later by phone or email. Keep the form short: ask only for what you will use in the first follow-up.

2. Click-through page

Goal: warm the visitor up, then send them to the next step (a checkout, an app store, a sign-up form elsewhere). Use it when the final step lives on another system you cannot change, or the offer needs explaining before the visitor commits.

3. Sales page (long form)

Goal: a purchase on the page. Use it when the price is high enough that people need the full argument: problem, solution, proof, objections, offer, guarantee, repeated buy button. Short pages tend to suit cheap or familiar products; long pages suit expensive or unfamiliar ones.

4. App download page

Goal: an install. Use it when you promote a mobile app. Show real screens, put both store badges near the top, and on phones send people straight to the right store for their device.

5. Webinar or event registration page

Goal: a registration. Use it when you run a live session. Put the date, time and time zone in the first screen, list what attendees will learn, show the speakers, and send a calendar invite right after sign-up.

6. Waitlist or coming-soon page

Goal: an email address before launch. Use it when the product is not ready yet. One field, one button, and a clear promise of what happens next ("We will email you once, on launch day").

Above-the-fold rules

"Above the fold" is the part of the page visible before scrolling. Its height varies by device, so there is no fixed pixel line; check your page at a small laptop size and a common phone size. What needs to be visible there:

To test a headline before you publish, run it through the headline analyzer, and if you are stuck on wording the landing page copy generator gives a starting draft to edit.

Google Ads and landing page experience

If you send paid search traffic to a landing page, the page itself affects how Google rates your ads. Google Ads reports a Quality Score from 1 to 10 for keywords, built from three components. In Google's own descriptions (Google Ads Help, checked October 2026):

ComponentWhat Google says it measures
Expected clickthrough rate (CTR)The likelihood that your ad will be clicked when shown.
Ad relevanceHow closely your ad matches the intent behind a user's search.
Landing page experienceHow relevant and useful your landing page is to people who click your ad.

Each component is rated "Above average", "Average" or "Below average". Google describes Quality Score as a diagnostic tool and states that it is not itself an input in the ad auction, so treat it as a signal of where to improve rather than a number to chase. Practical ways to improve landing page experience:

Where to start

Pick the layout above that fits your goal, then build it section by section:

For the full step-by-step process (goal, audience, copy, build, test), read how to create a landing page.

Frequently asked questions

What is the difference between a landing page and a homepage?

A homepage serves every kind of visitor and links to the whole site. A landing page serves one audience arriving from a specific link and asks for one action, so it usually has no navigation menu and its copy matches the ad or email that sent the visitor.

Does a landing page need its own domain?

No. Most landing pages live on the main domain at their own path, such as example.com/spring-offer. A separate domain is optional and gives up the trust and history of your main site.

How long should a landing page be?

As long as the visitor needs to decide. A free waitlist can be one screen. An expensive or unfamiliar product usually needs a longer page that answers objections, shows proof and repeats the call to action.

Should a landing page have a navigation menu?

Usually not. Every menu link is a way to leave without converting. Keep the logo, and put legal links such as the privacy policy in the footer.

Does the landing page affect Google Ads Quality Score?

Yes. Landing page experience is one of the three Quality Score components in Google Ads, alongside expected clickthrough rate and ad relevance. Google describes it as how relevant and useful the page is to people who click the ad.

More in Guides

Related guides and tools

Start building

We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.

Product

Who It's For

Features

Resources

Company

View Sitemap