Intro Hook: Open With the Reader's Situation
Use an intro hook to confirm relevance in the first 30–60 words, frame the reader's situation, and hand off immediately to a direct, extractable answer.
Your reader has opened the page with a task, problem, or decision already in mind. An intro hook uses the first 30–60 words to name that situation, confirm the page is relevant, and move straight into the answer. It is orientation, not suspense, throat-clearing, or a promise about what comes later.
Why this element matters
Readers do not arrive needing to be warmed up. They arrive because a query, internal link, or recommendation created an expectation. The opening must close the gap between that expectation and the page. A strong intro hook names the recognizable situation—choosing between two tools, diagnosing a failed deployment, learning an unfamiliar concept, or finding a workable process—so the reader can decide within seconds that the page fits.
That confirmation reduces cognitive load. The reader does not have to translate a broad trend, personal anecdote, or brand slogan into “Is this for me?” The opening does that work explicitly, then hands the reader to the page’s answer or controlling claim. The hook earns attention by being useful, not by withholding information.
The same discipline improves machine extractability: the ability of a search or answer system to lift a passage from the page without losing its subject, context, or meaning. A situation-first opening contains named entities and concrete intent close to the answer. “If your category pages rank but do not convert, the mismatch is often in selection criteria and product coverage” gives a retrieval system more usable context than “Competition has never been fiercer.”
An intro hook is not itself a ranking feature or a Schema.org object. Its value is editorial structure. It reduces irrelevant lead-in before the first self-contained answer, which helps both scanning readers and systems selecting passages. The body must still substantiate every claim.
When to use it
Use an intro hook when the reader benefits from one sentence of orientation before the answer. The best candidates have a recognizable situation, meaningful constraint, or decision frame that the title alone cannot fully express. A troubleshooting article can name the symptom and immediate risk. A comparison can name the tradeoff. A how-to can name the starting state and desired outcome. A case study can name the before-state without spoiling the measured result that follows.
The hook is optional when orientation would merely repeat the H1. A glossary term, acronym page, policy reference, or narrow documentation answer often works better by defining or instructing immediately. Do not manufacture a situation because the template has space.
Near misses are common:
- A topic announcement: “In this article you will learn how to improve internal links” describes the document, not the reader’s situation.
- A generic trend: “In today’s fast-paced world, visibility is more important than ever” could introduce almost any marketing page and confirms nothing.
- A suspense device: “The answer may surprise you” delays information and provides no extractable context.
- A personal story without a decision: an anecdote belongs only when the page’s evidence or method depends on that firsthand event.
- A compressed table of contents: listing every section is an overview, not a hook. Use the quick overview and table of contents when navigation is the real need.
- A disguised direct answer: if the opening fully resolves the main question, treat and test it as a direct answer block rather than adding a second answer below it.
Where to place it
Position defines the hook. It is the first prose after the rendered H1 and any mandatory legal or safety notice. It contains 30–60 words, usually as one paragraph, and the direct answer begins immediately after it when the page specification requires one. An author byline or freshness stamp may appear in the page chrome, but it must not interrupt the semantic reading order between H1, hook, and answer.
Intro hook position rules
| Position | Allowed? | Why | Required action |
|---|---|---|---|
| First prose after the H1 | Yes—required when used | The hook confirms relevance before any secondary demand on attention. | State the reader's situation in the opening sentence. |
| Immediately before the direct answer | Yes | Orientation and resolution form one uninterrupted opening sequence. | Make the final hook sentence lead naturally into the answer. |
| After a hero image or video | No | The media delays confirmation and may become the first extractable content. | Move media below the answer or first substantive section. |
| Beside a CTA, form, offer, or advertisement | No | A commercial demand competes with the reader's attempt to verify relevance. | Delay the action until the page establishes value. |
| Before a mandatory safety notice | No | Safety and legal requirements take precedence over editorial flow. | Render the notice first, then omit or shorten the hook if repetition results. |
| Repeated at the start of each section | No | Section transitions are normal prose, not page-level intro hooks. | Use direct section leads without reintroducing the whole reader situation. |
Do not place the hook beside a decorative quotation, testimonial, navigation card, newsletter capture, or floating promotion. Those elements create a second opening signal. The reader should encounter one clear sequence: title, situation, answer.
Anatomy
The element has four semantic regions. Reader state identifies who is here or what has happened. Concrete tension names the gap, constraint, or decision. Page fit confirms why this page applies. Handoff points grammatically toward the answer without saying “keep reading” or previewing the article’s sections.
The regions do not require separate sentences. A 38-word hook may express the state and tension in sentence one, then confirm fit in sentence two. Labels belong in the annotation only; the published hook should read as natural prose.
Design examples
The approved variants change the information shape, not the decoration. Each uses normal paragraph typography so the hook does not compete visually with the answer.
Situation-first
Use when the reader’s starting state is the strongest relevance signal: “Your organic traffic is stable, but AI answer engines still omit your brand. That gap usually requires a visibility diagnosis, not another generic content calendar.”
Task-first
Use for procedures with a known outcome: “You need to move a live site without losing the URLs, signals, and tracking that already work. The safest migration starts by freezing the URL map and recording a crawlable baseline.”
Decision-first
Use for comparisons, buying guides, and alternatives: “Both platforms cover rank tracking, but only one may fit your approval workflow and reporting cadence. The useful comparison starts with those operating constraints, not the length of each feature list.”
Symptom-first
Use for troubleshooting: “The page loads in a browser but disappears from search after deployment. Before rewriting content, confirm whether the new release changed its status code, canonical target, robots directives, or internal links.”
Result-first
Use for a case study only when the result is verified and its scope stays attached: “The team shortened its publishing cycle from review backlog to weekly release by replacing one-off briefs with a reusable approval system. The case shows the workflow change and the limits of attributing the outcome to that change alone.”
There is no approved “curiosity” variant. Curiosity can be an effect of a precise tension, but obscuring the subject or answer is not a content type.
Parameters
The source contract keeps the editorial purpose stable across renderers. Follow the shared element writing rules when a field could be expressed as an attribute or in the body: the element’s specific mapping takes precedence, then the shared first-heading and body rules apply.
Intro hook parameters
| Name | Type | Required | Min/max | Default | Source |
|---|---|---|---|---|---|
| variant | Enum | Yes | situation, task, decision, symptom, or result | situation | Attribute |
| content | Markdown text | Yes | 30–60 words; 1–3 sentences | None | Body after any optional first heading |
| label | Plain string | No | 0–4 words; 40 characters | No visible label | First heading in the body |
| audience | Plain string | No | 2–12 words | Inferred from page context | Attribute |
| situation | Plain string | No | 3–20 words | Expressed in content | Attribute when needed by structured production tooling |
| tone | Enum | No | neutral, urgent, or reassuring | neutral | Attribute |
The default situation variant does not excuse a vague opening. It means the body begins from a recognizable state. The urgent tone is reserved for time-sensitive consequences; it must not be used to manufacture pressure on a commercial page. If a first heading supplies label, renderers may retain it for editorial interfaces while omitting it visually.
Syntax and code examples
The canonical element name is intro-hook. These examples carry the same 39-word situation-first opening. Platform renderers may change wrappers, but they must preserve document order and must not insert promotional content before the next answer block.
Portable Markdown directive
:::intro-hook{variant=situation audience="content teams"}
Your team publishes useful articles, but every opening begins with background the reader already knows. An intro hook fixes that delay by naming the reader's immediate situation, confirming the page fits, and handing off to the answer within 30–60 words.
:::
Hugo shortcode
{{< intro-hook variant="situation" audience="content teams" >}}Your team publishes useful articles, but every opening begins with background the reader already knows. An intro hook fixes that delay by naming the reader's immediate situation, confirming the page fits, and handing off to the answer within 30–60 words.{{< /intro-hook >}}
WordPress block
<!-- wp:amicited/intro-hook {"variant":"situation","audience":"content teams"} -->
<p>Your team publishes useful articles, but every opening begins with background the reader already knows. An intro hook fixes that delay by naming the reader's immediate situation, confirming the page fits, and handing off to the answer within 30–60 words.</p>
<!-- /wp:amicited/intro-hook -->
These are portable content mappings, not an instruction to add a page-specific shortcode. A platform without a registered renderer must output the body as an ordinary paragraph in the same position.
Examples
Good intro hook
Your product pages explain every feature, but buyers still cannot tell which plan fits a three-person team. The page needs to frame that choice first, then compare limits, approval controls, and total cost using the same operating scenario.
This works because it identifies the page owner’s observed problem, names the reader’s decision, and establishes the comparison criteria without delaying the answer. The nouns remain meaningful if the paragraph is extracted from the page.
Bad intro hook
In today’s fast-paced world, choosing the right solution has never been more important. In this article you will learn everything you need to know, discover powerful insights, and find out which option is right for you.
This fails because it could introduce any product or topic. It contains no audience, situation, named options, criteria, or usable claim. The two banned phrases consume the entire opening while promising information later. “Everything you need to know” is also an unsupported scope claim.
Schema markup and accessibility
An intro hook has no dedicated Schema.org type or property. Keep it as visible text in the honest enclosing page type, where it contributes to articleBody or the equivalent page content. Do not duplicate it into FAQPage, HowToStep, abstract, or description unless that text independently satisfies the meaning and requirements of the destination property.
The wrapper should normally be a paragraph or a neutral container containing paragraphs. It needs no ARIA landmark, live-region behavior, or heading. Accessible Rich Internet Applications (ARIA) attributes communicate interface roles and states to assistive technology; the intro hook is static prose, so role="alert" and similar roles are inappropriate.
Meaning must survive without color, type size, or placement alone. Name the subject instead of relying on “this,” “it,” or “they” with a referent in the H1. Expand an unfamiliar abbreviation on first use unless the H1 already provides the expansion and the hook remains clear when read with it. Links are allowed only when understanding the situation genuinely requires a definition or source; never turn the hook into navigation.
Writing rules
The 30–60-word range is an editorial control, not a search-engine threshold. It is long enough to name the reader state and tension, but short enough to reach the answer without building a second introduction. Use one paragraph and one to three sentences. Prefer 35–50 words; use the outer limits when a necessary scope or attribution qualifier requires them.
Start with the situation, task, decision, symptom, or verified result. Use concrete nouns and active verbs. Match the query’s vocabulary without mechanically repeating the entire H1. Tone should be calm and specific, including when the situation is urgent.
Every hook must:
- identify a recognizable reader state or decision;
- confirm why the page applies;
- preserve any condition that prevents the opening claim from becoming misleading;
- lead directly to the answer, definition, recommendation, or first safe action;
- remain understandable when copied with the H1 and the following answer.
Never put these inside it:
- “In today’s fast-paced world,” “In this article you will learn,” or variations that announce the article;
- generic trend claims, dictionary history, greetings, autobiographical throat-clearing, or suspense bait;
- an unsupported statistic, superlative, guarantee, or claim of universal fit;
- a call to action, signup request, product pitch, affiliate disclosure, or navigation list;
- several examples, a methodology explanation, or a summary of every section;
- a caveat that contradicts the answer that follows;
- a rhetorical question unless it names a real decision and receives an immediate response.
If the direct answer can begin with the reader situation and remain complete, combine the jobs into one answer block. Do not preserve two elements merely to satisfy a template. Purpose takes precedence over visual slots.
Post types that use it
The postTypes frontmatter is the source list for this table. The element keeps one purpose across types, but the situation it foregrounds changes with intent.
Intro hook use by post type
| Post type | Best variant | What the hook confirms | Handoff |
|---|---|---|---|
| Ultimate guides | Situation | The reader's scope and why a broad guide is necessary. | Canonical definition or direct answer. |
| How-to guides | Task | The starting state, intended outcome, and most important constraint. | Outcome statement, prerequisites, or first step. |
| Listicle guides | Decision | The audience and selection problem behind the list. | Selection criteria and shortlist. |
| A-versus-B comparisons | Decision | The condition that makes the choice consequential. | Conditional verdict, never delayed suspense. |
| What-is pages | Situation | The practical context in which the concept matters. | Immediate definition. |
| Product pages | Task | The buyer's job and operating constraint. | What the product does and for whom. |
| Case studies | Result | The subject, change, period, and attribution boundary. | Verified result and case context. |
| Troubleshooting articles | Symptom | The observable failure and the safe diagnostic boundary. | First check or cause shortlist. |
Glossary and acronym pages are intentionally absent. Their readers usually benefit more from an immediate definition than a constructed situation. Add a hook only if that post type’s specification explicitly calls for one and the opening does not delay the definition.
QA checklist
Final test: paste the H1, hook, and following answer into a blank document. Reject the hook if the reader still cannot name the situation, if the answer arrives late, or if removing the hook makes the opening clearer.
FAQ
Frequently asked questions
Is an intro hook the same as a direct answer?
Must every page have an intro hook?
Can an intro hook ask a question?
Can an intro hook contain a statistic?
How should an intro hook change for commercial pages?
More tutorials in this section
Ready to put it into practice?
Free check · 7-day trial · no credit card