Landing Page and Homepage Optimisation SKILL.md

This is the exact file agents read, including the credit header and licence notice. Save it as landing-page-optimisation/SKILL.md.

---
name: landing-page-optimisation
description: "Optimise homepages and landing pages for any traffic source: five-second clarity, visitor intent and message match, page anatomy from headline to closing call to action, one primary action, proof near decisions, objection handling, homepage routing by audience, mobile and speed checks, and prioritised hypotheses and test ideas. Use whenever someone asks to improve a homepage, landing page conversion, high bounce rates, above-the-fold content, hero sections, calls to action, page hierarchy or why visitors leave without acting."
license: CC-BY-4.0
metadata:
  author: Afeez Adebayo
  author_url: https://afeezadebayo.com
  author_linkedin: https://www.linkedin.com/in/afeez-adebayo/
  author_x: https://x.com/za_icon
  source: https://afeezadebayo.com/skills-md/marketing/conversion-rate-optimization/landing-page-optimisation/
  category: marketing
  subcategory: conversion-rate-optimization
  version: "1.0.0"
  created: "2026-10-10"
  updated: "2026-10-10"
---

# Landing Page and Homepage Optimisation

The pages people land on decide whether they stay, understand and act. A homepage serves many audiences at once; a campaign landing page serves one. Both fail in familiar ways: vague headlines, five competing calls to action, proof buried at the bottom, and copy written about the company rather than the visitor's problem. Improving these pages is often the most valuable CRO work because every visitor sees them.

This skill optimises homepages and landing pages for any traffic source (organic, paid, email, social, referral): clarity, relevance, hierarchy, proof, calls to action, objection handling and speed, with changes framed as hypotheses and tested where traffic allows.

## Operating principles
1. **Clarity first.** A visitor should know what it is, who it's for and what to do next within five seconds.
2. **Match the visitor's intent.** Different sources and keywords bring different questions; pages should answer them.
3. **One primary action per page.** Secondary actions support it rather than compete with it.
4. **Proof near decisions.** Reviews, numbers and logos sit beside claims and calls to action.
5. **Test big ideas first.** Value proposition and layout changes move results more than colours.

## Page anatomy
| Element | What good looks like |
|---|---|
| Headline | The outcome for the visitor, in their words, specific |
| Subheadline | How it works or who it's for, in one sentence |
| Primary call to action | One clear verb plus outcome ("Start free trial", "Get my quote") |
| Hero visual | The product in use or the result, not decoration |
| Proof strip | Ratings, customer logos, a key number, near the top |
| Benefits section | Three or four outcomes with short explanations and visuals |
| How it works | Three steps that reduce perceived effort |
| Objection handling | FAQs, guarantees, pricing hints, security |
| Secondary proof | Case studies, testimonials with names and roles |
| Closing call to action | Repeated with a reason to act now (only if true) |

## Homepage versus landing page
| Homepage | Landing page |
|---|---|
| Many audiences and intents | One audience and one intent |
| Navigation to deeper pages | Minimal navigation, focused path |
| Brand and category clarity | Specific offer and outcome |
| Routes visitors by need (segments, use cases) | Converts a defined visitor |

## When to use, and when not to
Use it when bounce rates are high, when key pages convert poorly, when launching campaigns or new offers, before redesigns and when traffic sources change.

Don't use it for paid-traffic page matching in depth (the Performance Marketing `landing-page-cro` skill), for checkout (`checkout-optimisation`) or for SEO content structure (the Content SEO skills).

## Inputs to ask for, in one message
1. The page URL(s), their purpose and primary conversion.
2. Traffic sources and top queries, ads or emails sending visitors.
3. Conversion rate by device and source; scroll and click data.
4. Customer language from reviews, surveys and sales.
5. Proof available: reviews, ratings, case studies, numbers, logos.
6. Weekly traffic and conversions for test planning.

## Workflow

### Step 1. Define the visitor and job
Who arrives, from where, wanting what? List the top three questions they need answered.

### Step 2. Run the five-second test
Show the top of the page to people who match the audience; ask what it is, who it's for and what they'd do next.

### Step 3. Audit hierarchy
Is the primary action obvious? Do secondary links distract? Does the page answer questions in the order visitors ask them?

### Step 4. Check message match
For each main source, compare the promise (ad, search result, email) with the headline and first screen.

### Step 5. Strengthen proof
Move the most relevant proof near the top and next to calls to action.

### Step 6. Handle objections
Use surveys and sales notes to find hesitations; answer them on the page.

### Step 7. Check mobile and speed
First screen on a phone, tap targets, image weight, Largest Contentful Paint.

### Step 8. Write hypotheses and test
Prioritise structural and value-proposition changes; test with enough traffic or implement and monitor on smaller pages.

## Test ideas by problem
| Problem | Hypothesis idea |
|---|---|
| Visitors don't understand the offer | Outcome-led headline with a concrete example |
| Visitors leave from the first screen | Product-in-use visual and proof strip above the fold |
| Many clicks on navigation, few on the main action | Simplified navigation and one primary call to action |
| Visitors scroll but don't act | Objection-handling section and repeated call to action with reassurance |
| Different audiences on the homepage | Audience or use-case selector near the top |

## Five-second test questions
1. What does this company offer?
2. Who is it for?
3. What would you click first, and why?
4. What, if anything, is unclear?

## Above-the-fold checklist (mobile)
- Headline states the outcome in under about ten words.
- Subheadline explains how or for whom.
- Primary call to action visible without scrolling.
- A proof element (rating, number or logos) visible or just below.
- A visual showing the product or result.
- No pop-up covering the first screen on arrival.

## Measuring page changes
Track the primary conversion rate by device and source, revenue or qualified leads per visitor, bounce and engagement on the first screen and clicks on the primary call to action. Compare like-for-like periods or run A/B tests, and annotate campaign changes that alter traffic mix.

## Edge cases and judgement calls
| Situation | What to do |
|---|---|
| Low traffic | Implement research-backed changes and monitor; test only large changes |
| Brand team prefers abstract messaging | Test a clear outcome headline against it |
| Several products | Route visitors by need on the homepage; separate landing pages per product |
| SEO pages that also need to convert | Keep the content searchers need; add clear next steps and proof |
| Long sales cycles | Offer lower-commitment actions (guides, calculators) alongside demos |

## Handoffs to related skills
- Research: `conversion-research`
- Copy and value proposition tests: `conversion-copywriting`
- Proof: `social-proof-trust`
- Forms on the page: `form-optimisation`
- Mobile: `mobile-conversion`
- Test planning: `cro-test-planning`
- Paid traffic matching: the Performance Marketing `landing-page-cro` skill

## Worked example
A B2B scheduling tool's homepage headline read "The future of meetings", with four buttons above the fold. Five-second tests showed most people couldn't say what it did. Surveys revealed visitors mainly wanted to stop email back-and-forth when booking client calls. The new version used the headline "Let clients book a time with you in one click", a product-in-use visual, a proof strip with ratings and customer count, one "Start free" button and a secondary "See how it works" link. The test raised sign-up conversion from the homepage, with the biggest lift on mobile.

## Output format
```
# Page optimisation plan: <page>, <date>
## Visitor, sources and top questions
## Five-second test results
## Hierarchy, message match and proof findings
## Objections and answers
## Mobile and speed notes
## Prioritised hypotheses and test plan
```

## Common mistakes
- Clever headlines that don't say what the product does.
- Several equal calls to action.
- Proof hidden at the bottom.
- One page for every audience without routing.
- Testing button colours before the value proposition.

## Questions to ask before you change the page
- Who arrives, from where, and what do they need to know first?
- What is the one action the page should drive?
- Which objections stop visitors today?

## Self-check before you answer
- Is the page clear within five seconds?
- Does each main traffic source find its promise kept?
- Is proof near claims and calls to action?
- Are changes framed as hypotheses with metrics?

## Further reading
- Nielsen Norman Group on homepage design: https://www.nngroup.com/articles/
- Unbounce landing page resources: https://unbounce.com/landing-pages/

---
Created by Afeez Adebayo, Marketing, SEO & Growth Expert
Website: https://afeezadebayo.com
LinkedIn: https://www.linkedin.com/in/afeez-adebayo/
X: https://x.com/za_icon
Source: https://afeezadebayo.com/skills-md/marketing/conversion-rate-optimization/landing-page-optimisation/

Licence: CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). You may copy, share and adapt this skill, including for commercial use, as long as you credit Afeez Adebayo and link to the source URL above. Keep this notice in any copy or adapted version.