To help web visitors get the point of each of your webpages fast
Load the opening paragraph with the essential message of the page.
The web is action-packed, and people are in a hurry. Eye-tracking studies have shown that users pay the most attention to the content they see first—which would be our very first paragraph, possibly the second.
To capitalize on this trend, experts recommend using what’s called the “Inverted Pyramid Approach”—discussed immediately below. This page also provides suggestions for how to treat longer pages so that readers keep reading!
Use the Inverted Pyramid Approach
This style of “essential message first” is called the inverted pyramid. The approach comes from journalism, where you lead strong with the five Ws in the first paragraph (who? what? when? where? why?). (1) This flips the content upside down from an academic writing style. Remember all those writing lessons from grammar school to college? Forget them when you’re writing for the web!
Here’s a graphic depiction of the inverted pyramid that shows what content goes into each section. (2)
The Lead | The top part of the pyramid is called the lead (another newsroom term). It’s the most important point of your webpage. If visitors take away only 1 point from your page, what point do you want that to be? That’s your lead.
- are 1-2 sentences long
- use short sentences (30-35 words max)
- include information-carrying keywords
- help readers see whether the webpage has info relevant to their need or concern (3)
The Body | The center slice of the pyramid is the body. What you say here supports your lead and presents information in descending order of importance. (4)
Write the body of your webpage using the principles discussed in this series of articles on Writing for the Web. Specifically:
- Divide the content into distinct sections (especially if there’s a lot of info to communicate)
- Use headings (in bold) to mark the sections
- Use headings rich with content words
- Keep individual paragraphs short
- Front-load important information at the start of sentences and paragraphs
- Make it easy for visitors to scan the content
- Give bulleted lists
- Include a table of contents, so visitors can jump to content of interest
- Delete words and sentences that aren’t necessary to making your point
The Ending | The end of your webpage is where background information, history, and the least important information goes, what would be “nice” for readers to know. We can count ourselves lucky if web visitors read that far. But many will, as Jakob Nielsen notes:
Users can be encouraged to scroll by giving them good reason to do so. Visual elements can draw the eye down the page. Compelling content can draw the user in. If the most interesting information is at the top of the page, users may be enticed to visit the bottom of the page as well. (5)
Finally, while placing the most important stuff on top, don’t forget to put a nice morsel at the very bottom. (6)
Suggestions for Long Pages
Sometimes it’s not possible—or desirable—to be brief. In the TA&D network, we have important information to share. Many people need the details of our content, including clear explanations of processes, legal requirements, and next steps. And, as Nielsen observes, when people really need a solution to a problem or concern, they will read comprehensive coverage of the topic. For many of our visitors, then, long pages make sense.
Nielsen suggests a solution that works well for both types of web users: those who want short, succinct webpages and those who need the full details.
- Start with overviews and short pages, and then
- Link to long pages or white papers with indepth coverage. (8)
It’s still important to make long pages as scannable as possible and to break up those scary walls of words. To do so:
- Use headings to divide the content up into short, easy-to-read paragraphs or sections
- Allow white space on the page
- Narrow the focus of the content or split the content into stand-alone pages
- Cut text every way you can
Shoot for half the word count you’d use for a document in print. (9)
Want to read another section of Writing for the Web?
Want to read another of the “chunks” in our Writing for the Web discussion? Use the links below to jump there quickly.
- How people read on the web
- Helping readers skim and scan
- Putting your essential message first (you’re here)
- Chunking your information
- Using headings and subheadings
- Writing in plain language
1 | Michael. (n.d.). The inverted pyramid. Online at: https://www.dailywritingtips.com/the-inverted-pyramid/
2 | Paul, V.S. (2020, September). Inverted pyramid style of writing for web – The what, why & how. Online at: https://typewriter.media/2020/09/inverted-pyramid-style-writing/
3 | Stovall, J.G. (2013). Inverted pyramid checklist. Online at the JPROF website: https://www.jprof.com/2013/10/08/inverted-pyramid-checklist/
4 | SNN Newsroom. (n.d.). The inverted pyramid. Online at: https://www.snn-rdr.ca/snn/nr_reporterstoolbox/invertedpyramid.html
5 | Fessenden, T. (2018, April). Scrolling and attention. Online at: https://www.nngroup.com/articles/scrolling-and-attention/
6 | Nielsen, J. (2010, March). Scrolling and attention (original research study). Online at: https://www.nngroup.com/articles/scrolling-and-attention-original-research/
7 | Nielsen, J. (2007, November 12). Long vs. short articles as content strategy. Online at: https://www.nngroup.com/articles/content-strategy-long-vs-short/
8 | Nielsen, J. (1997, October 1). How users read on the web. Online at: https://www.nngroup.com/articles/how-users-read-on-the-web/