Front-Loading Meaning: The Inverted Pyramid for Web
Newspapers learned a century ago to put the conclusion first; most websites still make readers dig for it.
Newspaper reporters figured out something a long time ago that most websites still haven’t absorbed. When you file a story, you put the most important fact in the first sentence, the next most important in the second, and so on down. They called it the inverted pyramid. The original reason was practical: editors cut stories from the bottom to fit the page, so anything essential had to live at the top or risk being sliced off by someone who hadn’t read it.
The web has no editor with scissors, but it has something crueler: the reader’s thumb. Every visitor to your site is cutting your story from the bottom, and they cut a lot more than a newspaper editor ever did. Most people who land on a page read the first line or two and decide whether to continue. Many don’t scroll at all. So the question of what goes first isn’t a stylistic preference. It determines what the majority of your audience will ever see.
What strikes me, having looked at a great many websites through GazeSite, is how consistently pages get this backwards. The natural way to write is chronological or logical: background first, then reasoning, then conclusion. That’s how you figured the thing out, so that’s the order you write it in. A company’s About page starts with the founding year. A product page starts with the industry problem. A feature announcement starts with three paragraphs of context about why the team embarked on the project. The payoff, the thing the reader actually came for, sits at the bottom like a reward for endurance. Almost nobody endures.
Writing in the order you thought of things is a kind of politeness to yourself and a kind of rudeness to the reader. The reader doesn’t want to retrace your journey. They want the destination, and then, if the destination interests them, maybe the journey. Inverting the pyramid means doing the work of deciding, before you publish, what the single most important thing on the page is, and having the nerve to lead with it even though it feels abrupt. It feels abrupt to you because you know all the context. The reader doesn’t know the context and doesn’t yet care, and won’t care until you’ve given them a reason to.
The useful thing about the inverted pyramid is that it’s fractal. It works at every scale. At the scale of the site, your homepage should say what you do before it says anything else. At the scale of the page, the first paragraph should carry the conclusion. At the scale of the paragraph, the first sentence should carry the point, with the rest as support. And at the scale of the sentence, the main clause should come before the qualifiers. “You can export your data anytime, though large exports may take a few minutes” front-loads the promise. “Although large exports may take a few minutes depending on volume, data export is available” makes the reader wade through the exception before they learn there’s a rule. Same facts, different order, very different experience for someone skimming on a phone.
Front-loading has a second benefit that has nothing to do with human patience. Machines skim too. Search engines weight the beginnings of things: the title, the first heading, the opening text. Screen readers let users jump from heading to heading and paragraph to paragraph, hearing the start of each, which means a blind visitor navigating your page experiences it almost purely as a sequence of first sentences. If your first sentences carry the meaning, your page works for them. If your first sentences are all throat-clearing, your page is a corridor of doors labeled “miscellaneous.”
There’s a test I like for this. Take any page you’ve written and read only the first sentence of each paragraph, skipping everything else. If that skeleton tells the story, the page is well built, because that’s roughly how it will actually be read. If the skeleton is gibberish, all your meaning is buried in the middles of paragraphs, which is the one place a skimming reader never looks.
The objection I hear is that leading with the conclusion kills suspense. And it’s true that some writing depends on suspense. But your pricing page is not a mystery novel. Nobody has ever been delighted to discover, after four paragraphs, that a product doesn’t do what they needed. Suspense on the web mostly produces the back button. There’s even a counterintuitive effect: telling people the conclusion first often makes them read more, not less, because now they’re reading to understand something they already care about rather than reading to find out whether they should care. Curiosity survives spoilers. Patience doesn’t survive preamble.
If you’re rewriting an existing page, the mechanical version of the fix is almost embarrassingly simple. Find the sentence you’d keep if you could keep only one. It’s usually somewhere in the last third, because that’s where honest writing arrives at its point. Move it to the top. Then reread everything above where it used to be and ask what still needs to exist. Much of it won’t. Background that seemed essential as a lead turns out to be optional as a follow-up, and the reader who wants it will scroll for it, which is exactly the deal the inverted pyramid offers: everyone gets the point, and the curious get the rest.
The deeper principle is about respect. Burying the lede says: my time organizing this mattered more than your time reading it. Front-loading says the opposite. On the web, where the reader can leave with a flick of the thumb and usually does, that respect isn’t just good manners. It’s the only strategy that works.
More articles
A high bounce rate is usually a symptom of confusion, and you can trace the confusion back to specific words on the page.
Read →Invented product names feel like branding but function as encryption, and your visitors don't have the key.
Read →On mobile, a product page has a small screen, a short visit, and very little room for doubt.
Read →