Skip to main content
Apply for a Cheap Website
Website explainer · 1:47

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.

Jersey Web video: A page needs a clear outline

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.

Download the on-screen text track (VTT)

The six points in the video

This is a silent video. The headings, explanations and labels below reproduce the information on screen.

  1. Step 1: Name the main topic

    Use a clear main heading that describes this page.

    On-screen labels: Page subject; Clear purpose; Specific wording.

  2. 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.

  3. Step 3: Use a logical hierarchy

    Heading levels should reflect how sections and subsections relate.

    On-screen labels: Main topic; Section heading; Subsection heading.

  4. 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.

  5. 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.

  6. 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

Guide Read the practical guide More context for planning and maintaining your business website. 7 min read → Jargon Buster H1 heading explained Read the related Jargon Buster explanation. Read the explanation →

Let the headings describe the content clearly.

Tell Jersey Web what your website needs to do and which part you want help with.

Talk to Jersey Web →

More video tips

All 205 videos →
Length 1:47 Website accessibility

Form Labels Explained: Help People Enter the Right Information

Give form fields useful labels.
Length 1:47 Website accessibility

Form Error Messages: 6 Ways to Help Visitors Recover

Help people finish the form.
Length 1:47 Website accessibility

Buttons vs Links: Choose the Right Website Control

Match the control to the job.