Website Headings Explained: Give Your Page a Clear Structure
Can someone scan your page and understand the structure? Useful headings show how the content is organised.
1:47 · No narration: the video shows each step as text on screen, and every step is written out below, with buttons that jump the video to it.
Prefer YouTube? Watch this video on our YouTube channel (opens in a new tab).
The six points in the video
This is a silent video. The headings, explanations and labels below reproduce the information on screen.
-
Step 1: Name the main topic
Use a clear main heading that describes this page.
On-screen labels: Page subject; Clear purpose; Specific wording.
-
Step 2: Break content into sections
A heading should introduce a meaningful group of information.
On-screen labels: Related information; Distinct section; Useful section title.
-
Step 3: Use a logical hierarchy
Heading levels should reflect how sections and subsections relate.
On-screen labels: Main topic; Section heading; Subsection heading.
-
Step 4: Use real heading markup
Large bold text alone does not create a structural heading.
On-screen labels: Heading element; Meaningful level; Accessible structure.
-
Step 5: Keep the labels descriptive
The heading should make sense before someone reads the section.
On-screen labels: Specific topic; Plain language; Accurate label.
-
Step 6: Review the outline after edits
New sections should fit the existing page structure.
On-screen labels: Logical order; Relevant headings; Content matches the labels.
A practical check for your business
Read the headings as an outline of the page before checking their visual size. Each heading should help explain the content that follows and fit the structure of the visitor's task.
Sources and further detail
Common questions
Can someone scan your page and understand the structure?
Useful headings show how the content is organised. Let the headings describe the content clearly.
Go further
More video tips
All 205 videos →
Form Labels Explained: Help People Enter the Right Information
Give form fields useful labels.
Form Error Messages: 6 Ways to Help Visitors Recover
Help people finish the form.