What Are Header Tags?
Header tags are HTML elements that define the headings within a webpage's content. They range from H1 (the most important, used for the page's main title) down to H6 (used for the deepest level of subheadings). Most web pages use H1 through H3 regularly, with H4 and below reserved for highly structured content such as technical documentation or long-form guides.
The H1 tag is the single most important header on a page. Every page should have exactly one H1 that clearly communicates the page's main topic and includes the primary keyword naturally. Google reads the H1 as a strong relevance signal when determining what a page ranks for. The H1 on a service page should be clear and descriptive: "SEO Services for South African Businesses" is more effective than "Our Services".
H2 tags serve as section headings that divide the content into logical blocks. They are the second-most important header from an SEO perspective and a good place to incorporate secondary keywords and related terms. H3 tags divide H2 sections into subsections. This nested structure helps Google's passage ranking system identify and extract specific answers from within longer pages, which is increasingly important for appearing in featured snippets and AI-generated answers.
Beyond SEO, header tags serve important accessibility functions. Screen readers use header hierarchies to help visually impaired users navigate a page, jumping between H2 sections to understand the content structure without reading every word. Following the correct heading order, not skipping from H1 to H4, is both an SEO best practice and a web accessibility requirement.
Header Tags In Practice
The scenario below is an illustrative example, not a Juicy Designs client result. The structure shown indicates the kind of outcome that header tag work typically produces, so treat it as indicative rather than measured.
Consider a South African financial planning firm with a long service page about retirement planning. Without proper header tags, the page would be a wall of text that is difficult to scan and offers no structural signals to Google. With proper headers, the page might be structured as: H1 "Retirement Planning South Africa", followed by H2 sections such as "Types of Retirement Annuities", "How Much to Save for Retirement", and "Retirement Planning for Business Owners". Each H2 section could then have H3 subheadings covering specific products or scenarios.
This structure would allow Google to understand that the page covers retirement planning broadly and to identify specific subtopics within it. It would also make the page much easier to scan for users who are looking for a specific answer. When writing H2s and H3s, incorporating relevant search terms naturally, such as "retirement annuity tax benefits South Africa", increases the page's chances of appearing for those more specific queries without creating separate pages for each one.
What header tags are
Header tags (or heading tags) are the HTML elements, H1 through H6, used to mark up headings and subheadings on a web page, structuring the content into a hierarchy from the main heading (H1) down through progressively lower-level subheadings (H2, H3, and so on). They define the structure and organisation of a page's content: the H1 is the main, top-level heading (usually the page's title or primary subject), H2s mark the major sections, H3s mark subsections within those, and so on, creating a logical outline. Header tags matter for several reasons. For users, clear headings make content scannable and easy to navigate, letting readers see the structure and find relevant sections. For accessibility, headings provide structure that assistive technologies (like screen readers) use to help users navigate the page. For SEO, header tags help search engines understand the structure, hierarchy and topic of the content, the H1 signals the main subject, and the subheadings signal the sub-topics and organisation, so proper heading structure aids comprehension of what the page is about and how it is organised. Header tags should be used semantically, to mark actual headings reflecting the content's structure, rather than for styling (visual size is controlled by CSS, not by choosing a heading level for its appearance). Understanding header tags matters because they are fundamental to structuring web content well, serving users, accessibility and SEO simultaneously, so using them correctly, a clear H1 and a logical hierarchy of subheadings, is a basic element of good, well-structured pages.
Using header tags correctly
Using header tags correctly means marking up the content's actual heading structure in a logical hierarchy, which serves users, accessibility and SEO, and following a few well-established conventions. The H1 is the main heading of the page, describing its primary subject or title, and it is best practice to have one clear H1 per page that reflects what the page is about, since the H1 signals the main topic to users and search engines; while modern HTML technically permits multiple H1s in some structural contexts, the widely-recommended, safest practice is a single, clear H1 per page as the primary heading, avoiding confusion about the page's main subject. Below the H1, use H2s for the major sections, H3s for subsections within them, and so on, in a logical order that does not skip levels arbitrarily, so the headings form a coherent outline of the content. Headings should be descriptive, saying what their section covers, which helps both scanning readers and search engines understand the content, and question-shaped headings (matching what people ask) can help with featured snippets and AI extraction where relevant. On keywords: including a relevant keyword naturally in the H1 (and in subheadings where it genuinely fits) is sensible, since headings signal topic, but this should be natural and not forced, headings are for describing content clearly, not for keyword stuffing, so a keyword belongs in a heading only where it fits the genuine description of that section. Importantly, heading levels should be chosen for structure, not appearance, since visual sizing is handled by CSS, so you pick the heading level that reflects the content's hierarchy and style it as needed, rather than choosing a level for how big it looks. For a South African business, using header tags well means giving each page a single, clear, descriptive H1 (with the main topic, and a relevant keyword where natural), and a logical hierarchy of descriptive H2s and H3s structuring the content, which makes pages scannable for users, accessible to assistive technology, and clear to search engines, supporting both user experience and SEO. This proper heading structure is a simple but foundational part of building well-structured, effective pages.
FAQ
Should I include my keyword in the H1 tag?
Yes. Your primary keyword should appear naturally in the H1 tag, as it is a clear signal to Google about the page's main topic. Avoid forcing the keyword in awkwardly. The H1 should read naturally while incorporating the target term in a way that describes what the page is actually about.
Can a page have more than one H1 tag?
Technically yes, and HTML5 permits multiple H1s within sectioned elements. However, SEO best practice recommends a single H1 per page that clearly states the main topic. Multiple H1s can confuse both users and search engines about the page's primary focus.
Should you include your keyword in the H1 tag?
Including a relevant keyword naturally in the H1 is sensible, since the H1 signals the page's main topic to users and search engines, so where the keyword genuinely describes the page, it belongs there. But it must be natural, the H1 should clearly describe the page's subject, not be stuffed with keywords. If the keyword fits the genuine description of the page, include it; if forcing it would make the heading awkward, prioritise a clear, descriptive H1.