What You Will Learn
- What makes a landing page different from a regular website page — and why that matters for optimisation
- How to structure the above-the-fold section for immediate clarity and engagement
- How to write headlines that communicate clear value propositions
- CTA design principles — language, colour, placement, and repetition
- Which trust signals to include and where to place them
- How to use social proof effectively — testimonials, reviews, case studies, logos
- Page speed and Core Web Vitals — how they affect both conversion rate and SEO
- Mobile landing page optimisation — the most common mobile-specific conversion killers
- Form design on landing pages — how form length and field type affect completion rate
- How to structure a landing page A/B test programme
Landing Page Fundamentals
A landing page in the CRO context is a page with a single, specific conversion goal — one primary action the visitor should take. This is distinct from a homepage (which serves multiple audiences and multiple purposes) or a product category page (which serves browsing rather than a specific conversion intent). The single-goal principle is the foundation of landing page effectiveness: every element on the page should either support the conversion goal or be removed.
Message match
Message match is the alignment between what the visitor was promised in the ad, email, or link that brought them to the page, and what the page delivers. A visitor who clicked an ad for "project management software for remote teams" expects to land on a page about exactly that — not a generic homepage. Weak message match creates immediate disorientation and abandonment. Strong message match — where the page headline reflects the specific promise of the traffic source — reduces bounce rate and increases conversion rate by confirming to the visitor that they are in the right place.
The single conversion goal
Landing pages optimised for a single conversion goal consistently outperform pages with multiple CTAs and competing objectives — because cognitive load research consistently finds that more choices produce more paralysis. Remove navigation, reduce outbound links, and minimise competing CTAs on landing pages dedicated to specific conversion goals. Every element that takes the visitor away from the conversion action reduces the conversion rate.
Above-the-Fold Structure
The "fold" is the point on the page below which the visitor must scroll to see content — the bottom edge of the initial viewport. Content above the fold is seen by 100% of visitors who reach the page; content below the fold is seen only by those who scroll. The above-the-fold section therefore carries disproportionate weight in the conversion decision — it is where the visitor decides whether to engage further or leave.
Above-the-fold essentials
- Headline (H1). The single most important conversion element. Must immediately communicate what the page offers, to whom, and why it matters. Visitors read the headline in approximately 3–5 seconds before deciding whether to continue — if the headline does not confirm value in those seconds, they leave.
- Supporting subheadline. One sentence that expands on the headline — providing the specific "how" or key benefit that the headline stated at a higher level. Together, headline + subheadline should give the visitor enough information to make an initial judgement about fit.
- Hero image or video. A visual that reinforces the headline — showing the product in use, the outcome the visitor wants to achieve, or a relevant visual metaphor. Non-generic stock photography. The visual should support the message, not fill visual space.
- Primary CTA. The primary call to action should be visible above the fold without scrolling. Visitors who want to act immediately should not have to scroll to find the action.
Headline and Value Proposition
A landing page headline is not marketing copy — it is a direct statement of what the visitor will get, for whom, and why it is valuable. The most common headline mistake is vagueness: "Transform Your Business" tells the visitor nothing specific; "Project Management Software That Reduces Meeting Time by 30%" tells them exactly what it does and what result to expect.
Clarity over cleverness
Clever, pun-based, or abstract headlines consistently underperform clear, specific headlines in A/B testing. The visitor is not on the page to appreciate wit — they are evaluating whether this product or service solves their problem. Specific, outcome-focused language ("Cut your agency's reporting time in half") converts better than abstract aspirational language ("The future of agency reporting") because it communicates a concrete, evaluable promise rather than an unverifiable aspiration.
Value proposition components
- What it is (the product or service category)
- Who it is for (the specific audience, ideally using their own language)
- What it does (the key function or capability)
- What outcome it produces (the result the visitor will experience)
Not all four components need to be in the headline — but together, the headline and subheadline should communicate all four within the first few seconds of viewing the above-the-fold section.
CTA Design and Placement
CTA language
CTA button language should describe what happens when the visitor clicks — the specific action and/or the specific outcome. "Start Free Trial" is more specific than "Get Started"; "Download the Template" is more specific than "Download Now"; "Book a 20-Minute Demo" is more specific than "Request a Demo." Specificity reduces click friction by setting accurate expectations — visitors who know exactly what clicking will produce are more likely to click.
First-person language ("Start My Free Trial" rather than "Start Your Free Trial") consistently outperforms second-person language in A/B testing — because first-person framing confirms the visitor's agency and ownership of the action.
CTA visibility
The CTA button must be visually distinctive from all other page elements — it should be immediately identifiable as the primary action. High contrast between the button colour and the background, sufficient button size (minimum 44×44px touch target for mobile), and surrounding white space all contribute to CTA visibility. The button should not compete visually with other elements.
CTA placement and repetition
For longer landing pages (more than two screens of content), repeat the primary CTA at multiple points: once above the fold; once after the key value proposition or features section; and once at the bottom of the page after all conversion objections have been addressed. Visitors who reach the bottom of a long page have expressed significant intent — they should find an immediately visible CTA without scrolling back to the top.
Trust Signals
Trust signals are elements that reduce visitor scepticism and increase confidence in proceeding with the conversion action. For landing pages with a financial transaction, they address the visitor's primary concern: is this safe? For landing pages with data collection (email sign-up, lead form), they address: what will you do with my information?
Types of trust signals
- Security badges near the form or CTA. SSL/HTTPS padlock indicators, payment security badges (Visa/Mastercard accepted logos, Stripe Powered), data protection statements. Placement matters: these should be adjacent to the form or payment input, not buried in the footer.
- Clear privacy statements near email forms. "We never share your email address" or a link to the privacy policy immediately below an email sign-up form directly addresses the most common email form hesitation. The statement should be brief (one sentence) and specific.
- Accreditations and certifications. Industry certifications, regulatory approvals, membership logos (ISO, ICO registration, professional body memberships). Most effective for regulated industries where credentials are decision-relevant.
- Guarantee statements. Money-back guarantees, free cancellation, no-commitment trials. Each of these directly removes a conversion barrier by eliminating the risk associated with the conversion action. "Cancel any time, no questions asked" removes the commitment fear from a subscription trial.
Page Speed and Core Web Vitals
Page load speed affects both conversion rate and SEO ranking. Google's documented research shows that the probability of a visitor bouncing increases significantly as page load time increases — Google's own data shows that pages loading in 1–3 seconds have substantially lower bounce rates than pages loading in 5+ seconds. For landing pages driving paid traffic, slow load speed compounds advertising waste: you pay for the click and lose the visitor before conversion due to load time.
Google's Core Web Vitals — the official metrics used in Google's page experience ranking signal — measure three dimensions of page speed and visual stability:
- Largest Contentful Paint (LCP). How long until the largest visible element (typically the hero image or headline) is fully rendered. Target: under 2.5 seconds. Poor: over 4 seconds.
- Interaction to Next Paint (INP). How responsive the page is to user interactions — the time between a user action and the page's visual response. Target: under 200ms. Poor: over 500ms.
- Cumulative Layout Shift (CLS). How much page elements move during loading — unexpected layout shifts that cause the user to click the wrong element. Target: under 0.1. Caused by: images without explicit dimensions; late-loading ads or embeds; web fonts causing text reflow.
Measure Core Web Vitals for specific landing pages using Google Search Console (Core Web Vitals report) or PageSpeed Insights (pagespeed.web.dev) — both official Google tools.
Mobile Landing Page Optimisation
For most advertising channels in 2026, more than 60% of landing page traffic arrives on mobile devices. A landing page that converts well on desktop but has mobile UX problems is losing the majority of its traffic to mobile-specific friction.
Mobile-specific conversion killers
- CTA buttons too small for touch targets. Google's official Material Design guidelines specify 48×48dp as the minimum touch target size. Buttons smaller than this are difficult to tap accurately on mobile — causing tap errors and frustration that reduce conversion intent.
- Form fields that trigger non-optimised keyboards. Input fields for email should use
type="email"(triggers email keyboard); phone fields should usetype="tel"(triggers numeric keyboard). Usingtype="text"for these fields forces mobile users to manually switch keyboard mode. - Pop-ups or overlays that cover the full screen on mobile. Google's mobile-friendly guidelines penalise intrusive interstitials on mobile — and visitors who arrive on a page immediately covered by a pop-up show dramatically higher bounce rates.
- Horizontal scrolling. Content that extends beyond the mobile viewport width forces horizontal scrolling — a universally poor mobile UX that indicates content was not designed for mobile widths.
Form Design on Landing Pages
Form length is the single most tested variable in landing page optimisation — and the finding is almost universally consistent: shorter forms convert at higher rates than longer forms. Every additional required field reduces the proportion of visitors who complete the form. Remove any field that is not strictly necessary for the conversion goal and can be collected later in the customer journey.
Progressive disclosure for longer forms
When a longer form is genuinely necessary (because the business needs the data), multi-step forms consistently outperform equivalent single-step forms in A/B testing. A 6-field form broken into two 3-field steps shows each step to be shorter — reducing the perceived friction. The first step should collect the lowest-friction information (typically name and email); subsequent steps collect more sensitive or detailed information. Users who complete step 1 are significantly more likely to complete subsequent steps due to the commitment-consistency principle — having started, they are motivated to finish.
Testing Landing Pages
Landing pages are the highest-leverage surface for A/B testing because: they have a single clear success metric (conversion rate); they typically receive concentrated traffic from specific campaigns; and even small conversion rate improvements have large revenue implications when multiplied across all traffic. Prioritise landing page tests above most other CRO opportunities.
Highest-impact landing page test elements
In rough order of typical impact, based on documented A/B testing findings across large sample sizes:
- Headline (value proposition, specificity, audience targeting language)
- CTA button text and colour
- Hero image or video
- Form length (number of fields)
- Social proof type and placement
- Page layout (single column vs two column; CTA position)
- Trust signal presence and placement
Authentic Sources
Every factual claim in this guide is drawn from official Google documentation, regulatory bodies, or platform-published technical specifications. No third-party blogs or marketing tools are used as primary sources. All content is written in our own words — we learn from official sources and explain them; we never copy.
Official Google tool for measuring Core Web Vitals and page speed performance for specific landing pages.
Official documentation on Core Web Vitals reporting in Google Search Console.
Official Google documentation on mobile-friendly requirements and mobile UX standards.
GA4 funnel analysis for measuring landing page conversion rate and identifying drop-off.
Social Proof
Social proof reduces conversion uncertainty by showing the visitor that others have already made this decision and found it worthwhile. The most effective social proof for landing pages: