Writing for the Web | Research

People arrive at web pages with different intentions. Some scan for an answer, some compare options, and some settle into long reading. Web writing should make orientation fast without punishing the reader who continues.

How People Read Online

The F-Pattern

Eye-tracking studies have observed an F-shaped pattern on some text-heavy pages:

Users read horizontally across the top
Move down and read a shorter horizontal line
Scan the left side vertically

The pattern is a symptom of scanning, not a law of vision. Clear headings and informative opening words help because readers can decide where to spend attention.

What the Measurements Can Tell You

Aggregate dwell time and eye-tracking results vary by page, device, audience, and task. They are useful for finding friction in a particular interface, but weak support for universal claims about an “eight-second attention span” or a fixed percentage of words read.

Alternative Scanning Patterns

Layer-cake pattern: Eyes scan headings and subheadings, skipping body text
Spotted pattern: Skipping chunks looking for specific items (links, numbers)
Marking pattern: Eyes stay fixed while scrolling (more common on mobile)
Bypassing pattern: Skipping first words when multiple lines start the same way

Formatting for Screens

Paragraph Length

Useful defaults:

Keep paragraphs focused on one move
Break when the subject, speaker, time, or argumentative step changes
Check line length and spacing on both narrow and wide screens
Preserve longer paragraphs when their sentences need to stay together

Large unbroken blocks can make orientation difficult. Short paragraphs and lists help when the material is genuinely segmented; overusing them turns an argument into fragments.

Page Length

Page length should follow the task. A status message may need three lines; a technical guide may need thousands of words plus navigation.

Structural Elements

Essential formatting:

Descriptive headings and subheadings (H2, H3 tags)
Bullet points and numbered lists
White space to reduce cognitive load
Visual elements (images, videos) to break up text
Clear visual hierarchy

Studies from Nielsen Norman Group found large usability gains from concise, scannable presentation in the pages they tested. Treat the result as evidence for testing these techniques, not as a guaranteed percentage.

The Inverted Pyramid

Place the most important information first, followed by supporting details in decreasing importance.

Structure:

Lead with the conclusion/main point
Who, what, when, where, why, how in first paragraph
Supporting details follow
Background/context last

Benefits for answer-seeking pages:

Readers can identify the main point quickly
Supporting detail remains available
The page still works when someone reads only the opening

Front-Loading

Put important details and keywords at the beginning of sentences, headings, paragraphs, links, and list items.

Why it matters:

Readers often scan the beginnings of headings and list items
A paragraph’s opening tells them whether the detail answers their question
Specific link text is understandable out of context

Applications:

Headlines and titles
Opening sentences of paragraphs
Link text (anchor text)
List items
Calls-to-action

Writing Hooks

An opening should establish relevance quickly. A useful hook creates a question the page will actually answer; urgency without delivery is clickbait.

Types of Effective Hooks:

Sneak peek/mystery: Offer just enough to pique curiosity
Surprising facts/statistics: Challenge assumptions
Questions: Engage readers mentally
Bold statements: Surprising facts or controversial claims
Social proof: Credibility through demonstrated success
Contrarian statements: Challenge popular beliefs

Key principles:

Hooks should be proportionate to the subject and audience
The opening should make a promise the page can keep
Your content must support your hook

SEO Basics for Writers

Modern SEO writing requires:

Core Principles

Write for humans and machines: Content must be concise, semantically rich, and structured for extractability
Understand search intent: The “why” behind queries matters more than keyword density
Avoid keyword stuffing: Google understands entities and semantic relationships
Write snippet-friendly content: Every paragraph may be the only exposure a reader has

On-Page Optimization

Primary keyword in title, first 100 words, main heading, and at least one subheading
Compelling, keyword-rich title tags (50-60 characters)
Concise meta descriptions
Answer user questions (use “People Also Ask” for research)

Readability and SEO

Readable, accurate content serves readers. Search performance depends on many factors, so clarity should not be justified with an unsupported ranking promise.

Subject Lines

The subject line carries much of the decision to open
Use punctuation deliberately rather than following a fixed maximum
Short, compelling phrases work best
Opinionated, humorous, or timely content performs well

Writing Style

Optimize for skimming with short sentences
Use short paragraphs or bullet points
Write conversationally, not robotically
One email = one action/goal

Strategy

Know your audience deeply
Solve problems, address pain points
Clear, benefit-driven CTAs
A/B test variations
Maintain consistent brand voice

Blog Post Structure

Essential Elements

Headline: Specific enough to set an accurate expectation
Introduction: Strong hook to prevent navigation away
Subheadings: H2/H3 tags with keywords, breaking content into scannable sections
Body content: Long enough to fulfill the page’s purpose, with navigation when needed
Visual elements: Images, videos to re-engage readers
Internal/external links: Both add value and help SEO
Conclusion with CTA: Recap and meaningful next step
Metadata: Primary keyword in URL, title, meta description

Short visits can mean failure, fast success, or the wrong audience. Measure them against the page’s intended task.

Twitter/X Threads

Start with a compelling first tweet
Every tweet should stand on its own
5-15 tweets is ideal thread length
Plain language, short sentences
Include CTAs (retweet, comment, share)
Weave narratives through personal experiences

Cross-Platform Principles

Don’t copy-paste across platforms
Repurpose smartly (thread to carousel, caption to short-form)
Facebook posts: 40-80 characters perform best
Focus on content that matters, not just engagement

Readability and Accessibility

Readability Scores

Flesch Reading Ease: 1-100 scale (higher = easier)
Flesch-Kincaid Grade Level: Correlates to US education levels

Use with care:

Readability scores estimate sentence and word complexity, not whether an explanation is accurate
A lower grade level may help broad public guidance
Specialized audiences sometimes need specialized terms, defined where necessary

Plain Language

Plain language is critical for accessibility. It helps:

People with low literacy levels
People with intellectual or learning disabilities
Non-native English speakers

WCAG addresses reading level. Supplemental content is required when text demands reading ability beyond lower secondary education.

Cognitive Load

Human brains have limited processing power. When information exceeds our ability to handle it:

We take longer to understand
We miss important details
We abandon tasks

Design strategies to reduce cognitive load:

Minimize visual clutter
Use white space generously
Create clear visual hierarchies
Implement minimalist design

Interruptions impose a switching cost whose size depends on the task and the person.

Examples of Great Web Writers

Paul Graham (paulgraham.com): Minimalistic style, writes like he speaks, conversational approach, long essays packed with insights and devoid of fluff.

Derek Sivers (sive.rs): Extreme simplicity. Believes too many words hide the message. Concise newsletters.

Ann Handley (MarketingProfs): Emphasizes consistent style and tone. “Shorter is better.” Uses “you” to keep readers engaged.

Morgan Housel (Collaborative Fund): Writes one sentence at a time. Makes complex financial topics accessible. Psychology of Money sold 3+ million copies.

Tim Urban (Wait But Why): Long-form illustrated content. Hand-drawn stick figures. Breaks complex subjects into digestible pieces with humor.

Jakob Nielsen (Nielsen Norman Group): Father of web usability. Pioneered eye-tracking research on how users read online.

Key Takeaways

Support scanning and sustained reading. Use clear structure, informative headings, and a legible measure.
Lead with the most important information. Inverted pyramid structure serves impatient readers.
Make every part earn its length. Paragraphs and pages should be as long as the task requires.
Establish relevance early. State the question, answer, or stakes without manufacturing urgency.
Expose the structure. Use headings, lists, and visuals when they clarify real relationships.
Prefer plain language. Define necessary terms and test the prose with the intended audience.
Front-load meaning. Begin headings, links, and list items with words that distinguish them.
One idea per unit. One topic per paragraph, one goal per email.
Test and iterate. Use readability tools, A/B testing, and analytics.
Use a human voice suited to the task. Conversational prose is useful when it improves trust and comprehension.

Go Deeper

Resources

Nielsen Norman Group (nngroup.com) — The authority on web usability
Hemingway App — Readability scoring