O
Octo
O
Octo
CoursesPricingDashboardPrivacyTerms

© 2026 Octo

Copywriting & Messaging
1What Makes Copy Work2Headlines & Hooks3Writing for the Web4Landing Page Copy5Email Copy6Ad Copy7Social Copy8The Copywriter's Workflow
Module 3

Writing for the Web

People don't read websites. They scan. Here's how to write copy that works with the way eyes actually move across a screen.

The usability researcher's uncomfortable discovery

In 1997, Jakob Nielsen — a pioneer in web usability research — ran an experiment. He gave participants several versions of the same webpage content: one written as a long essay, one using bullet points, one shortened to half the length, and one combining all three techniques.

He then tracked how people read each version.

The results were startling. People didn't read any of the versions — they scanned. Their eyes darted between headings, picked out bolded words, skimmed bullet points, and largely ignored the paragraphs in between. Even when the content was genuinely interesting.

The combined version — short, scannable, broken up — performed 124% better on usability metrics than the essay version (Jakob Nielsen, Alertbox, 1997). People understood more while reading less.

Nielsen's conclusion: people don't read the web, they scan it. They're looking for the specific thing they need, and everything else is noise to skip past.

This single insight changes everything about how you write for the web.

How eyes actually move on a page

🔑The F-pattern reading insight
Eye-tracking studies consistently show that people scan web pages in an F-shape: they read the first line fully, scan a second line partway, then drop down the left side vertically. This means the first line of every paragraph carries most of the weight — and anything buried in the middle of a long paragraph is largely invisible.

Eye-tracking studies consistently show the same pattern — people scan web pages in an F-shape:

  • They read the first line fully (the top of the F)
  • They scan a second horizontal line partway across (the middle bar of the F)
  • Then their eyes drop down the left side vertically, skimming the first few words of each line

What this means in practice:

  • The first line of every paragraph carries most of the weight — if it doesn't signal relevance, the whole paragraph gets skipped
  • The left margin is prime real estate — words at the start of lines get seen; words buried at the end often don't
  • The middle and bottom of long paragraphs are largely invisible — if your key point is in sentence four of a six-sentence paragraph, most readers miss it

The solution isn't to write less interesting content. It's to structure content for scanning, not reading.

There Are No Dumb Questions

"Doesn't this mean nobody reads anything online?"

Not quite. People scan first to decide whether to read. If the scan signals that the content is worth their time, they'll slow down and actually read. Your job is to win the scan — use headings, subheads, and first sentences that make the content look skimmable and valuable. Once you've won their trust, they'll engage more deeply. But you have to earn that attention first.

"Does this apply to all web content, or just news sites?"

All of it: landing pages, blog posts, about pages, product descriptions, emails (which behave like web pages on screen). The only exception is long-form content where the reader has already committed — like a 5,000-word essay or a report they downloaded specifically to read. Even then, good structure helps.

The 7 rules of web writing

Rule 1: Lead with the conclusion

Newspaper journalists call this the "inverted pyramid" — the most important information at the top, supporting details below. On the web, this means: say what you're saying before you explain why.

Academic writing builds to a conclusion: background → evidence → conclusion. Web writing reverses it: conclusion → evidence → background (optional).

Before: "Given the rising costs of digital advertising, changing consumer behaviour, and the increasing saturation of social media feeds, we believe that email marketing offers a compelling alternative for businesses looking to maintain direct customer relationships."

After: "Email marketing is now your best channel. Here's why."

Rule 2: Short paragraphs — one idea each

On paper, three-sentence paragraphs are normal. On a screen, they look like walls. The eye finds no foothold and skips past.

Web paragraphs: 1–3 sentences, one idea each. White space is not wasted space — it's breathing room that makes text approachable.

Rule 3: Use subheadings every 200–300 words

Subheadings serve two purposes: they help scanners find what they need, and they signal to committed readers that new territory is coming. Every major section of a page should have a subheading. Every sub-section ideally has one too.

Subheading quality test: If someone reads only your H1 headline and all your subheadings in order, do they get the full story? If yes, you have good subheadings. If it reads like random words, rewrite them.

Rule 4: Bullet points for lists — always

Whenever you're listing more than two things, use bullets. A sentence with three items buried in it is much harder to absorb than three clean bullet points.

Before: "The package includes a 30-day trial, unlimited users, priority customer support, and access to all premium templates."

After: The package includes:

  • 30-day free trial
  • Unlimited users
  • Priority customer support
  • Access to all premium templates

Rule 5: Bold the point, not the paragraph

Bold text catches the scanning eye. Use it for the most important words in a paragraph — the one thing you most want a scanner to absorb. One or two bolds per paragraph maximum. More than that and nothing stands out.

Rule 6: Write at an 8th-grade reading level

This is not dumbing down. It's respecting the reader's cognitive load. When people are reading on a screen — often distracted, often on mobile — complex sentences require effort. Effort creates friction. Friction reduces comprehension and action.

The test: paste your copy into the Hemingway App (free) and aim for grade 6–8. Short sentences. Active voice. No jargon.

Using AI to improve readability: Paste your draft into Claude and ask: "Rewrite this for an 8th-grade reading level. Keep all the ideas, but shorten sentences, replace jargon with plain language, and use active voice throughout." Then compare — you'll often find the AI version is clearer and more punchy without losing any meaning.

Rule 7: One CTA, clearly placed

Every page or section should have one clear call to action — one thing you want the reader to do next. Multiple competing CTAs (Buy Now! / Learn More! / Sign Up! / Follow Us!) create decision paralysis. The reader does none of them.

CTAs on the web should be:

  • Specific ("Start your free trial" beats "Click here")
  • Action-oriented (starts with a verb)
  • Benefit-framed ("Get my free guide" rather than "Submit")
  • Visually prominent (button, not link; contrasting colour)

⚡

Reformat for Web

25 XP
Reformat the following block of text so it works for web readers. Apply: short paragraphs, subheadings, bullets where appropriate, bold key points, and a clear CTA at the end. > *"Email marketing is one of the most effective digital marketing channels available to businesses today. Studies consistently show that it generates a higher return on investment than social media advertising, SEO, and even content marketing in many cases. A well-executed email programme allows businesses to communicate directly with their audience, build relationships over time, and drive consistent revenue. For businesses that are new to email marketing, the first step is usually to choose an email service provider. Popular options include Mailchimp, which is free for small lists and great for beginners, Kit (formerly ConvertKit), which is popular among creators, and Klaviyo, which is preferred by e-commerce businesses. Once you have a provider, you should focus on growing your list by creating a compelling lead magnet — something valuable you give away in exchange for an email address. Good lead magnets include free guides, templates, discount codes, or email courses. If you want to get started today, sign up for a free Mailchimp account."* _Hint: This text has at least 4 distinct ideas that could each have a subheading. The list of providers should be bullet points. The most important claim should be bolded. The final sentence should become a clear, button-worthy CTA._

Mobile writing: the added constraint

Over 60% of web traffic is now on mobile (Statcounter GlobalStats, 2023–2024 global aggregate; varies significantly by industry and region). This adds another layer of constraint to web writing:

  • Visible line length on mobile: ~6–8 words per line (vs. ~12–15 on desktop)
  • One sentence per paragraph often works better than three on mobile
  • Longer paragraphs that look fine on desktop look like walls on a 375px-wide screen
  • CTAs need to be thumb-friendly — large, tappable, not buried in text

When writing for web, always preview on mobile before publishing. What reads well on your desktop monitor may be completely unnavigable on a phone.

There Are No Dumb Questions

"Doesn't short copy mean less SEO content? Don't I need more words for Google?"

Google ranks pages based on whether they satisfy search intent, not raw word count. A 500-word page that directly and clearly answers the reader's question outranks a 3,000-word page full of padding. That said, comprehensive coverage of a topic does correlate with rankings — the solution is comprehensive AND scannable. Add depth through headers and sections, not through bloated paragraphs.

"What about long-form content? Can blog posts be long?"

Yes — long-form content (2,000+ words) often ranks better for competitive terms because it covers a topic more thoroughly. But "long" and "dense" are different things. A 3,000-word post with 15 subheadings, bullet points, images, and short paragraphs is much easier to consume than the same word count written as 10 walls of text.

⚡

Audit a Real Page

25 XP
Go to any website homepage you're familiar with — a brand you use, a company you admire, or a local business. Audit the body copy against the 7 rules: 1. Does it lead with the conclusion, or build to it slowly? 2. Are paragraphs short (1–3 sentences) or long? 3. Does it use subheadings every 200–300 words? 4. Are lists formatted as bullets or buried in sentences? 5. Is bold used sparingly for key points, or overused? 6. Read a sentence aloud — is it 8th-grade level or harder? 7. Is there one clear CTA, or multiple competing ones? Score the page 0–7 (one point per rule it follows). Note the two most impactful fixes and what you'd change. _This is the skill of a conversion rate optimisation (CRO) specialist — reading a page as a user and diagnosing where the friction is._

The editing pass: cut 20% and the copy gets better

Here's a rule professional copywriters use: your first draft is always 20% longer than it needs to be.

Every sentence has words that earn their place — and words that are just taking up space. The editing pass is where you cut the noise and make the signal louder.

Words and phrases to cut on sight:

Cut thisBecause
"In order to"Use "to"
"At this point in time"Use "now"
"Due to the fact that"Use "because"
"It is important to note that"Delete entirely — just say the important thing
"Utilize"Use "use"
"Leverage" (as a verb)Use "use"
"Going forward"Delete — it's implied
"Basically", "essentially", "literally"Almost always filler — delete
"Very", "really", "quite", "somewhat"Weaken the word they modify — just cut

The test for every sentence: "If I deleted this sentence, would the reader lose anything important?" If the answer is no — cut it.

Using AI to edit: Paste your copy and prompt: "Cut this by 20% without losing any meaning. Prioritise removing filler phrases, redundant qualifiers, and sentences that don't add new information." The output won't be perfect, but comparing it to your original shows you exactly where the fat is.

⚡

Edit a Full Webpage Section

50 XP
Below is a poorly written "About Us" section for a digital marketing agency. Apply everything from this module: reformat for web (short paragraphs, subheadings, bullets), simplify the language to 8th-grade level, cut the filler, bold key points, and add a clear CTA. > *"Founded in 2018, Momentum Digital is a results-oriented digital marketing agency that leverages cutting-edge strategies and innovative approaches to deliver transformative outcomes for our clients. Our team of passionate and experienced professionals is committed to excellence in everything we do, from initial strategy development through to campaign execution and ongoing optimisation. We utilise a data-driven methodology to ensure that every decision we make is grounded in insight and evidence rather than assumptions. Our comprehensive suite of services encompasses search engine optimisation, pay-per-click advertising, social media management, content marketing, email marketing, and conversion rate optimisation. We are proud to have worked with over 150 clients across a wide range of industries, including technology, healthcare, e-commerce, and professional services, delivering measurable results and significant return on investment. If you are looking for a trusted partner to help grow your business through effective digital marketing, we would love to hear from you. Please don't hesitate to get in touch with our team today."* Target: cut it by at least 30%, make it scannable, and end with a CTA that's specific and action-oriented. _Tip: Start by identifying the 3 most important things this section needs to communicate. Rebuild around those — don't try to preserve everything from the original._

Back to Nielsen's uncomfortable discovery

Nielsen's 1997 finding wasn't a quirk of early internet users — it's been replicated in every eye-tracking study since. The F-pattern hasn't changed. The scan-first behaviour hasn't changed. If anything, the competition for attention is fiercer now than it was then, which means the stakes of writing dense, unstructured copy are higher. Every rule in this module — short paragraphs, subheadings, leading with the conclusion, one bold per key point — is a direct response to the same behavioural reality Nielsen documented: people don't read websites, they scan them for the thing they need. Structure your copy to win the scan, and the reading takes care of itself.

Key takeaways

  • People scan, not read. Win the scan by structuring content with headings, bullets, short paragraphs, and bold key points.
  • Lead with the conclusion. Web writing is an inverted pyramid — most important first, supporting detail below.
  • The 7 rules: short paragraphs, subheadings every 200–300 words, bullets for lists, one bold per key point, 8th-grade reading level, one clear CTA.
  • Mobile first. Over 60% of traffic is mobile — preview everything on a 375px screen before publishing.
  • Cut 20%. Your first draft is always longer than it needs to be. Every word that doesn't earn its place weakens the words around it.

?

Knowledge Check

1.Eye-tracking research shows that web readers use an F-shaped scanning pattern. What is the most important practical implication for copywriters?

2.A web page has a section with 8 bullet points describing product features, followed by four competing calls to action: 'Buy Now', 'Learn More', 'Book a Demo', and 'Follow Us'. What is the most impactful single change to improve conversion?

3.Which of these opening paragraphs best follows the 'lead with the conclusion' principle for web writing?

4.A copywriter's editing pass should include cutting approximately what percentage of a typical first draft — and what is the primary target for cuts?

Previous

Headlines & Hooks

Next

Landing Page Copy