Website Headings Explained: How to Use H1, H2 and H3 Clearly
Learn what H1, H2 and H3 headings do, how to build a clear page hierarchy, and how to review website headings without keyword stuffing.
WebWise Management
9/27/20267 min read


Why heading hierarchy matters for real visitors
People rarely approach a business website like a book. They scan. They look for a phrase that confirms they are in the right place, then move towards the section that answers their immediate question.
Descriptive headings make that behaviour easier. Someone comparing a service can jump to pricing guidance, process information or FAQs. Someone returning to a long article can find the section they need without rereading the entire page.
Headings are also important for accessibility. Screen-reader users can navigate by headings and use them to understand how content is organised. That is why the level itself matters: a heading should represent its place in the information structure, not merely be chosen because H3 happens to look smaller or H2 happens to be bold.
A useful hierarchy generally moves down one level when opening a subsection. An H2 can contain H3 subsections. If one of those H3 subsections needs another level, H4 exists for that purpose. When the subsection ends, the page can move back to the next H2. The goal is a meaningful outline, not a perfectly symmetrical pattern.
What headings do - and do not do - for SEO
Headings can help make a page understandable, but they should not be treated as a keyword-placement checklist. Google's own SEO guidance emphasises useful, well-organised content and says there is no magical ideal number of headings. Google also notes that semantic heading order is valuable for screen-reader users, while its Search systems do not depend on heading order as a ranking formula.
Google may use heading text, the main visual title and other prominent text as signals when understanding a page or generating a title link. That is another reason for making the main heading descriptive and consistent with the page. It is not a reason to repeat the same phrase in every H2 and H3.
A heading such as “Emergency Plumbing Cape Town | Cape Town Plumber | Best Plumber Cape Town” may contain several search terms, but it is awkward for a person to read. A clearer heading such as “Emergency Plumbing Repairs in Cape Town” states the section's purpose naturally.
The better question is not “How many keywords can I put in my headings?” It is “Would a customer understand the page if they skimmed only the headings?”
A webpage can contain excellent information and still feel difficult to follow if everything has the same visual weight. Headings solve that problem by giving the page an outline. They tell a reader what the page is about, where one section ends, where another begins, and which points sit underneath a larger idea.
For a small-business owner, the useful part is not the HTML code behind the headings. It is the hierarchy. H1, H2 and H3 are simply levels: one main page heading, major section headings below it, and smaller subsection headings where a section needs to be divided again.
That structure can make a page easier to scan and navigate. It also gives browsers, assistive technologies and search systems clearer structural information to work with. But headings are not a shortcut to rankings, and they should not become a place to repeat keywords unnaturally.
First, what do H1, H2 and H3 actually mean?
Think of a well-organised document. It has a title, main sections and, when needed, smaller subsections inside those sections. Website heading levels work in much the same way.
H1: the main heading for the page
The H1 is the top-level heading. As a practical convention, most small-business pages are easiest to manage with one clear H1 that describes the page's main subject. On a service page, that might be the service. On an article, it is usually the article title. On a contact page, it may simply identify the purpose of the page.
The H1 does not need to contain every keyword variation, service area or selling point. Its job is to make the main topic obvious. A short, accurate heading is normally more useful than a long line written to satisfy an imagined SEO formula.
H2: the main sections underneath the H1
H2 headings divide the page into its major parts. If the H1 tells us what the whole page is about, the H2s tell us what the main sections cover.
For example, a page about commercial cleaning could have H2 sections for Services Included, How the Process Works, Areas Served, Frequently Asked Questions and Request a Quote. Those headings create a useful outline even before someone reads the paragraphs beneath them.
H3: a subsection inside an H2 section
An H3 belongs underneath a broader H2 when that section needs another layer. If an H2 is Services Included, the H3s might be Office Cleaning, Retail Cleaning and Once-Off Deep Cleaning.
You do not need an H3 just because a page is long. Use one when it helps divide a real subsection. If the H2 can be explained clearly in a few paragraphs or bullets, adding extra levels may make the structure more complicated rather than clearer.


A simple example of a clear heading outline
Imagine a hypothetical garden-maintenance business creating a page for its monthly maintenance service. The owner has already decided what the page needs to cover. The heading outline could look like this:
H1: Monthly Garden Maintenance Services
H2: What Our Garden Maintenance Includes
H3: Lawn Care
H3: Pruning and General Tidying
H3: Seasonal Garden Tasks
H2: How the Monthly Service Works
H2: Who the Service Is Suitable For
H2: Frequently Asked Questions
H2: Request a Quote
Notice what the outline does. The H1 names the page. Each H2 opens a major section. The H3s appear only where the “What Our Garden Maintenance Includes” section needs to be broken into smaller service groups. The next major topic returns to H2.
That is the hierarchy to aim for. The wording and sections will differ from business to business, but the relationship between levels remains easy to follow.
Common heading mistakes small-business websites make
Choosing a heading level because of its font size
A heading is structural first and visual second. If an H2 looks too large, adjust the website's style rather than changing a main section to H4 purely to make it smaller. Styling and hierarchy are different decisions.
Skipping from H1 straight to H3 for a normal subsection
A missing H2 can make the outline harder to understand for people using assistive technology. If the content is a direct section of the page, use H2. Use H3 when the content is a subsection of an H2.
Using several headings that compete as the page's main title
Modern HTML can accommodate different structures, but for a straightforward small-business page, one clear main H1 is a simple convention that reduces ambiguity. Other major sections can then sit below it as H2s.
Turning every short line into a heading
Not every slogan, button label, testimonial quote or bold sentence is a new section. Too many headings can make the outline noisy. Use headings to introduce meaningful blocks of content; use normal text styles for supporting copy.
Repeating keywords instead of naming the section
A heading should help a person predict what comes next. If the wording sounds unnatural when read aloud, rewrite it. Relevant search terms can appear where they genuinely describe the section, but repetition is not the objective.
Confusing the H1 with the SEO page title
The visible H1 and the HTML title element are related, but they are not the same field. They can be similar without needing to match word for word. If you are reviewing the text that may appear in a browser tab or influence a Google title link, that belongs to the separate job of writing SEO titles and meta descriptions.


How to review a page's headings without becoming technical
You do not need to read source code to make a useful first review. Open the page in your website editor and look at the heading style assigned to each piece of heading text. Then write the headings down in order, or copy them into a simple outline.
Ask these questions:
1. Is there one obvious main heading that explains the page?
2. Do the H2 headings describe the main sections underneath that topic?
3. Where H3s are used, do they genuinely belong inside the H2 above them?
4. Have any levels been chosen only because of visual size?
5. Can a reader understand the page's broad structure by reading the headings alone?
6. Are the headings descriptive without being repetitive or stuffed with search phrases?
7. Is anything styled like a heading even though it is not really introducing a section?
This outline test is often enough to reveal the main problems. If you see H1, H3, H2, H4 in a sequence with no clear parent-and-child relationship, the page probably needs tidying. If you see twenty headings on a short service page, ask whether some are simply styled text. If every heading repeats the same service and town, rewrite for clarity.
Do all pages need the same heading pattern?
No. A short contact page may need only an H1 and one or two H2s. A detailed guide may need H2s and H3s throughout. A complex page might occasionally need H4. The page should be as deep as the information requires, not as deep as a template allows.
The same applies across different page types. Deciding what belongs on a homepage is a page-planning question. Writing persuasive service-page copy is a copywriting question. Matching a page to what people are searching for is a search-intent question. If you are structuring an article, our guide to writing blog posts covers the broader blog-writing process. Heading hierarchy comes after those decisions and helps organise the material clearly.
A useful rule: write headings for orientation, not optimisation theatre
Good headings are small pieces of information architecture. They help a person answer: Where am I? What is this section about? What sits underneath it? What can I skip?
That is a more durable standard than trying to satisfy a checklist built around keyword frequency. Use the words your customers understand. Make the main topic clear. Keep the levels logical. Let headings introduce real sections. Then review the page as an outline before you publish.
Final thoughts
H1, H2 and H3 headings are not complicated once you stop treating them as technical SEO labels. H1 identifies the main page topic. H2 divides that topic into major sections. H3 divides an H2 section into smaller subsections when needed.
For small-business websites, the strongest hierarchy is usually the one a customer can understand at a glance. Keep headings descriptive, use levels according to structure rather than font size, and avoid forcing keywords into every line.
If your website has grown over time and the page structure now feels inconsistent, WebWise Management can help review and organise the website so the content is clearer for visitors and easier to manage.
Contact
Reach out anytime for personalized support.
Email:
Phone:
+27 72 709 7557
© 2026. All rights reserved.
