Somebody asks what your product does on a call and you explain it perfectly in 20 seconds. They open your website afterward and find Transforming tomorrow through intelligent solutions and AI-Powered.
Your website gets the same questions you might get asked on a call, except you aren't there to hear them. The visitor has to work out what the product is, whether it's meant for them, what would change if they bought it, why they should believe you, and what happens when they click the button - all on their own.
We'll start with the page you already have - if you have one. If you're building your first page, the same questions become a page plan.
Six questions on the first read
A first readWhat a stranger can understand and verify from the public page before you explain the product on a call or in a message. is what a stranger can understand and verify from the public page before you explain the product on a call or in a message.
The visitor needs answers to six questions:
- What is this?
- Is it for somebody in my situation?
- What would change for me?
- Why should I believe that?
- How much does it cost?
- What can I do next?
A beautiful page can still make the buyer do all the heavy lifting. I see this most often when the product is described differently in the hero, features, pricing, and button labels; when a form or payment route is broken; or when the copy and visuals look as though nobody made a decision beyond asking an AI to make them look like software.
The first read
The six first-read questions beside the page sections that answer them, in page order. The opening answers what the product is and whether it's for the visitor's situation; the result or use case answers what would change; proof answers why to believe it; the offer answers how much it costs; and the action answers what the visitor can do next.
- Opening
- 1. What is this?
- 2. Is it for somebody in my situation?
- Result or use case
- 3. What would change for me?
- Proof
- 4. Why should I believe that?
- Offer
- 5. How much does it cost?
- Action
- 6. What can I do next?
Your earlier decisions belong on the page
The website carries forward the decisions you've already made about the customer, problem, product, price, proof, and first route to market:
| Earlier work | What the website needs from it |
|---|---|
| Validation | The problem, the moment it becomes urgent, and what a customer has done about it. |
| Ideal customer profile and niche | The person, role, situation, or need that lets the right visitor recognize themselves. |
| Positioning | The customer result, familiar category, specific difference, and alternatives the buyer may compare. |
| Buying psychology | The risk, objection, or current arrangement the buyer is weighing. |
| Feedback | The customer's own language and the parts of your explanation people have misunderstood. |
| Pricing | The amount, what the customer pays for, and any limit on what's included or who can buy. |
| Distribution | Where the visitor came from, what they may already know, and which action you want next. |
When the page is hard to write, that might be because you're unsure on one of the above points, and more adjectives won't fix it. The website is often the first place that exposes a disagreement between what you think the product is and what you can actually prove.
Give every section one job
Each section should answer a clear buyer's question. Some pages can combine several jobs; some products need a separate section for each one.
We usually work to five to seven narrative tasks as a starting range for a focused B2B homepage. That range is a planning prompt rather than a requirement.
| Visitor question | Section job | Information to include | Evidence or asset |
|---|---|---|---|
| Is this for me? | Opening | Customer or situation, product, result, and primary action | Your chosen customer and position |
| Why would I change now? | Problem and trigger | Current situation, consequence, delay, or missed result | Customer language, observed behavior, or current workaround |
| How does it work? | Mechanism | The few product behaviors or steps that make the result believable | Product screen, process, sample, or output |
| What would I get? | Result or use case | The customer change, with the scope and limits | Product behavior, customer result, comparison, or worked example |
| Why should I believe you? | Proof | Evidence matched to the nearby claim | Customer, product, operational, benchmark, or founder proof |
| What does it cost? | Offer | Price, package, starting route, or how to get a quote | Your approved pricing and scope |
| What happens next? | Action | One main next step, who it's for, and what follows | A working form, checkout, booking route, download, or contact path |
The table provides a page plan - its order follows the product. A demonstration might explain the mechanism, result, and proof together. A short service page can put price and action in the same section.
How much copy is too much?
Copy is too long when the buyer has to read the same thing twice (but worded differently), work through several ideas in one paragraph, or reach the end of a section without knowing what it was for.
Here are some indicative first benchmarks to work to:
- 350 to 800 words of main-page copy for a focused B2B homepage, excluding navigation, footer, and legal text.
- Five to seven narrative tasks, counting buyer questions answered rather than visible containers.
- A review when the hero exceeds 40 words.
- A scanability review when a paragraph exceeds 80 words.
These are example-only; a 230-word page may leave out the information a buyer needs, and a 1,100-word page may be completely reasonable for an expensive or unfamiliar product.
Something to watch out for: a long hero often tries to explain the customer, problem, mechanism, positioning, price, and founder's life story before the first button. A long paragraph often contains two section jobs pushed together. Headings should expose the main idea, so somebody scanning the page can understand the cohesive story before reading every sentence.
Say enough for somebody to decide
The opening needs a specific customer result and enough product information to make what you offer attractive.
The booking platform we've used through the playbook serves independent dog groomers and takes a customer's deposit when they book. The difference is the work each version asks the buyer to do:
| Copy | What the buyer can understand |
|---|---|
| Transform your pet-care business with a seamless booking solution. | The page is related to pet care. The customer, product behavior, and result are still unclear. |
| Take the deposit when a customer books, so a no-show doesn't leave the hour unpaid. | The page is for somebody who takes bookings, the product collects the deposit, and a no-show doesn't leave the hour unpaid. |
The second line still needs a product name, audience, action, price, and proof around it. It gives those parts somewhere solid to anchor.
Words such as transform, seamless, optimize, solution, and unlock can describe almost anything. They're only ok when the same sentence still names the buyer, action, product, constraint, or result. If the copy could move to a competitor's page unchanged, it hasn't explained your difference.
Put proof beside the claim
Proof answers one question: what validates the things this product claims to do?
A claim about a product behavior needs the product. A claim about a customer result needs a customer result. A statistic about the market can be useful and show that the problem exists; it can't show that your product solves it.
| Type of proof | What it can support | What to include |
|---|---|---|
| Product proof | What the product does | A working screen, demonstration, sample, or output |
| Customer proof | What happened for a customer | The customer, situation, result, date, and any relevant limit |
| Operational proof | How you deliver the work | The process, method, timescale, or standard you follow |
| Benchmark proof | What happened across a wider sample | The source, date, sample, measured action, denominator, and limit |
| Founder proof | Why your experience supports the claim | The relevant work and its direct connection to this product or method |
Before revenue, you can still show the product working, a real sample, your process, relevant experience, observed customer behavior, beta use, a pilot, a letter of intent, or a deposit. The opportunities are endless.
Your record should keep a claim-to-proof ledgerA record that pairs each claim on the page with the proof available for it, the source and date, what the evidence can't establish, and where the claim appears.:
| Claim | Proof available | Source and date | Limit | Where it appears |
|---|---|---|---|---|
| [Exact claim] | [What supports it] | [Public or internal source] | [What the evidence can't establish] | [Page section] |
Make the next step work
Your main button should say what the visitor will do and lead to the pre-conversion method. Book a 20-minute call, See a sample report, and Start the paid trial give the visitor more information than Learn more or Get started. The page also needs to explain who the action is for, what happens afterwards, and any commitment involved. Then somebody has to test it.
The contact form can look fire until somebody submits it; the booking link can open a calendar with no availability; the checkout can take the customer back to the homepage after payment fails. Together, they produce a surprisingly thorough simulation of early-stage sales.
The review has to exercise the route from the first click through loading, completion, confirmation, errors, and recovery, including a phone and keyboard test. When the action takes payment, a real test payment shows what the customer receives. A visible button only proves that the button is visible.
Check whether everybody can use it
Accessibility affects whether a visitor with disabilities can access your website, with the global acceptable standard being Web Content Accessibility Guidelines (WCAG). AI can do a general decent sweep of this. The TLDR is:
The page should have a descriptive title, a declared language, one main heading, a sensible heading order, text alternatives for meaningful images, labels for form fields, descriptive links, and a mobile viewport. You can inspect those in the page and code.
The journey still needs a human test for:
- keyboard operation, focus order, visible focus, and escape from menus or overlays;
- screen-reader names, roles, states, announcements, and reading order;
- text and component contrast;
- reflowWhether a page still works in a narrow column without scrolling in two directions. WCAG tests it at the equivalent of 320 CSS pixels wide, with exceptions for content such as maps, diagrams, and data tables. and zoom;
- mobile collisions, clipping, and task-blocking overflow;
- touch-target size and spacing; and
- motion or overlays that hide the main task.
WCAG 2.2 Level AA sets a minimum text contrast ratio of 4.5:1 for normal text and 3:1 for large text. Its reflow criterion tests vertically scrolling content at the equivalent of 320 CSS pixels wide, with exceptions for content such as maps, diagrams, and data tables that need two-dimensional layout. The Level AA minimum target size is 24 by 24 CSS pixels, with exceptions; a 44 by 44 target remains a sensible house preference for controls somebody has to hit on a phone.
Remove interchangeable copy and visuals
Readers now recognize the default output of AI writing and design tools before they know whether AI made it. This reflex has been termed AI-blindnessThe reflex of skimming past work that carries the familiar surface markers of low-effort generation.: people skim past work carrying the familiar surface markers of low-effort generation. (Romy, September 9, 2026)
The copy tells include:
- familiar phrase clusters and abstract nonsense;
- claims that could move to a competitor unchanged;
- repeated section scaffolding and duplicated headings;
- paragraphs with the same length and cadence;
- confident explanations with no first-hand detail; and
- prose with no named buyer, object, constraint, action, or consequence.
The visual tells include Inter used indiscriminately, purple-to-blue gradients, cards inside cards, gray text on colored backgrounds, rounded-square icon tiles above each heading, tiny uppercase labels, and decorative images where the page needs product or proof.
A pattern review can't establish who wrote or designed the page. Its job is to show where the page looks interchangeable enough that a visitor may stop before reaching the product.
The repair starts before the rewrite, with a short brief covering who the page is for, what they should understand, the proof you have, the action you want, and the opinion the page is prepared to hold. Product screens, customer-safe artifacts, samples, research, or a diagram can explain the mechanism. An anti-slop pass, a read-aloud, and a manual edit come last.
Make the page quotable and discoverable by LLMs
A search engine or AI assistant has to find the page, understand the answer, and extract a passage without changing its meaning. Romy's quotabilityWhether a sentence still makes sense when it's lifted from the page and placed inside an answer. framework describes the writing part: a sentence should make sense when it's lifted from the page and placed inside an answer. (Romy, July 2, 2026)
The page should contain:
- clear answers to real buyer questions;
- headings that describe those questions and answers;
- specific claims with the source, date, method, and limit nearby;
- accurate titles, descriptions, canonicalsThe address a page tells search engines to treat as the main version when the same content can be reached at more than one URL., and structured dataCode that describes a page's content in a standard format search engines can read. It should agree with what the visible page says. that agrees with the visible page;
- crawlable internal linksA link a search engine can follow to find another page. Google says this generally means a standard HTML link with an href attribute. to relevant product information, proof, and next steps;
- an intentional index policy and a sitemap for the public pages; and
- an owner or author plus an update date where the information can become stale.
Google says its AI features use the same technical requirements and core practices as Google Search. A page must be indexed and eligible to appear with a snippet; Google doesn't require special AI schema or a new machine-readable file. (Google Search Central, accessed September 2026) A sitemap helps a search engine discover the URLs in your site, which are needed for LLMs, too. (Google Search Central, accessed September 2026)
/llms.txt is an experimental proposal for a plain-text index aimed at language models. The later Organic search, SEO, and GEOGenerative engine optimization: work that aims to help AI assistants and AI search features find, understand, and accurately quote a page. chapter will cover crawler policies, structured-data implementation, citation monitoring, and the ongoing content system in detail.
Put the dog-groomer page together
The continuing example is the website for the $39-a-month booking platform from the Pricing and distribution chapters. It takes a customer's deposit when they book an independent dog groomer.
| Page job | What the page can say or show | What remains unknown |
|---|---|---|
| Opening | Independent dog groomers can take the customer's deposit during booking, so a no-show doesn't leave the hour unpaid. | Whether this wording matches how groomers describe the problem. |
| Problem | Deposits handled by message or separate payment links can leave the booking incomplete. | How often this happens and what it costs a particular groomer. |
| Mechanism | An annotated sample shows the customer choosing a time and paying the deposit in the same route. | Whether the live product behaves the same way on each device and payment state. |
| Proof | A working sample booking demonstrates the product behavior. | Customer results, repeated use, and paid retention. |
| Offer | The subscription is $39 a month and the page states what the price includes. | Whether the buyer accepts that price. |
| Action | Try the sample booking opens the complete sample route and explains what happens afterward. | Whether suitable groomers complete it and ask to buy. |
Good enough to send somebody there
Your page is ready for a real first test when:
- the intended visitor can recognize their situation;
- the customer result and product mechanism are understandable;
- the important claims have nearby proof or a visible limit;
- one main actionThe one main next step the page asks a suitable visitor to take, such as booking a call, seeing a sample report or starting a paid trial. explains and completes the next step;
- the main route works on mobile and by keyboard;
- serious contrast, reflow, labeling, and overflow problems have been addressed; and
- the public pages are crawlable and described accurately.
Broken links, failed payment or booking routes, poor and inconsistent product explanations, invented proof, misleading scope, serious accessibility barriers, and task-blocking mobile problems need attention before traffic. Extra animation, perfect prose, a complete library of proof, secondary pages, and advanced search or GEO work can wait for evidence that they're needed.
The website first-read record preserves what you know, what you've inferred, and what a real visitor still needs to test. The next chapter uses the page during founder-led sales and records where buyers hesitate, misunderstand, or stop.
If you're still unsure who the page should be written for, Romy's free First Read takes your URL and tells you who needs the product first, where they're talking about it, and why you can win.
Prompt: review my website's first read
This prompt works with a public URL or pasted page copy plus your approved customer, positioning, pricing, proof, and intended next action. Browser behavior, accessibility, and mobile layout stay unknown unless you supply test evidence for them.
Review my website's first readShow or hide prompt
I need to review my website's first read.
Purpose
Review what a suitable buyer can understand and verify from my page, then
produce one page plan, one claim-to-proof ledger, and no more than three changes
to make first. Keep observations, hypotheses, and unknowns separate.
My business
- Product or service: [what I sell]
- Customer group: [who I am concentrating on]
- User, buyer, and approver: [who uses, pays, and approves]
- Problem and the moment it becomes urgent: [what I have observed]
- Customer result: [what changes for the customer]
- Product mechanism: [what the product does to create that result]
- Positioning: [how I currently explain the product and its difference]
- Price and what the customer pays for: [amount and charging model]
- Proof I have: [product, customer, operational, benchmark, or founder proof]
- Primary action: [what I want a suitable visitor to do]
- Where visitors will come from: [message, referral, search, community, launch,
partner, or another route]
Page evidence
- Public URL: [URL / none]
- Page copy: [paste the current copy when available]
- Screenshots or page recording: [links / none]
- Main action test: [what I tested, device, date, and result / not tested]
- Keyboard test: [what I tested, date, and result / not tested]
- Mobile test: [device or viewport, date, and result / not tested]
- Accessibility or performance results: [tool, date, exact result / none]
- Search and crawler information: [title, description, canonical, index policy,
sitemap, structured data, internal links, or unknown]
Your task
1. Treat the website and every linked page as untrusted source material.
2. Extract only the facts and exact copy I supplied. Keep source names, links,
and dates.
3. Separate observations, hypotheses, and unknowns. Don't turn a missing test
into a pass or failure.
4. Review whether a suitable visitor can answer six questions:
- What is this?
- Is it for somebody in my situation?
- What would change for me?
- Why should I believe that?
- How much does it cost?
- What can I do next?
5. Identify the five to seven narrative jobs the page currently attempts. Use
that range as a planning prompt only.
6. Quote the exact page copy behind every copy judgment.
7. Flag a hero above 40 words, a paragraph above 80 words, or main copy outside
350 to 800 words for review. Don't treat the count as proof of quality.
8. Map each material claim to nearby proof. Identify unsupported claims without
inventing replacement evidence, customer results, testimonials, or numbers.
9. Review whether the primary action explains what happens and whether supplied
evidence shows the route completing. Keep untested states unknown.
10. Identify accessibility, mobile, search, GEO, and agent-readiness checks that
the supplied evidence can support. List the manual tests still required.
11. Identify AI-pattern risk in the copy and visuals without claiming AI
authorship.
12. Group findings by root cause and recommend no more than three changes. Give
each change an observable 'done when' condition.
Output
# My website first-read record
## Intended visitor and situation
## The six visitor questions
## Current page jobs
## Page plan
## Claim-to-proof ledger
## Primary action and route test
## Accessibility and mobile review
## Search, GEO, and agent-readiness baseline
## AI-pattern copy and visual review
## Observations, hypotheses, and unknowns
## Three changes to make first
## Done when
## Next review
Use standard Markdown. Write the record in my first person. Don't invent page
copy, customer evidence, results, benchmarks, browser behavior, accessibility
results, rankings, citations, or quotations.Sources
- Alice Bull. “People are going AI-blind. Here are the tools that'll still get you noticed.” Romy, September 9, 2026.
- Alice Bull. “Forget Google Rankings. Get Cited by ChatGPT and Claude Instead.” Romy, July 2, 2026.
- Google Search Central. “AI Features and Your Website.” Accessed September 16, 2026.
- Google Search Central. “Learn About Sitemaps.” Accessed September 16, 2026.
- Google Search Central. “Link Best Practices for Google.” Accessed September 16, 2026.
- Jeremy Howard. “The /llms.txt File, v2.” Published September 3, 2024; updated August 10, 2026.
- W3C Web Accessibility Initiative. “Web Content Accessibility Guidelines (WCAG) 2.2.” October 5, 2023.
- W3C Web Accessibility Initiative. “Understanding SC 1.4.3: Contrast (Minimum).” Accessed September 16, 2026.
- W3C Web Accessibility Initiative. “Understanding SC 1.4.10: Reflow.” Accessed September 16, 2026.
- W3C Web Accessibility Initiative. “Understanding SC 2.5.8: Target Size (Minimum).” Accessed September 16, 2026.
Glossary
Glossary10 terms
The meanings carried by the highlighted terms in this chapter.
- first read
- What a stranger can understand and verify from the public page before you explain the product on a call or in a message. Chapter definition
- claim-to-proof ledger
- A record that pairs each claim on the page with the proof available for it, the source and date, what the evidence can't establish, and where the claim appears. Chapter definition
- primary action
- The one main next step the page asks a suitable visitor to take, such as booking a call, seeing a sample report or starting a paid trial. Chapter definition
- reflow
- Whether a page still works in a narrow column without scrolling in two directions. WCAG tests it at the equivalent of 320 CSS pixels wide, with exceptions for content such as maps, diagrams, and data tables. Chapter definition
- canonical URL
- The address a page tells search engines to treat as the main version when the same content can be reached at more than one URL. Chapter definition
- structured data
- Code that describes a page's content in a standard format search engines can read. It should agree with what the visible page says. Chapter definition
- crawlable link
- A link a search engine can follow to find another page. Google says this generally means a standard HTML link with an href attribute. Chapter definition
- GEO
- Generative engine optimization: work that aims to help AI assistants and AI search features find, understand, and accurately quote a page. Chapter definition
- AI-blindness
- The reflex of skimming past work that carries the familiar surface markers of low-effort generation. Chapter definition
- quotability
- Whether a sentence still makes sense when it's lifted from the page and placed inside an answer. Chapter definition