In web content design, H1, H2 and H3 headings play a fundamental role. Not only do they help visually organize text, but they are also key elements in on-page SEO, accessibility, and semantic understanding for both users and search engines like Google.
And here’s the interesting thing: headings are not designed to “make a title look pretty,” but to define the logical structure of the content. This improves the reader’s experience and makes indexing easier for search engines.
What are H1, H2 and H3 headings?
In HTML, headings are represented with tags such as
,
,
, and so on up to
.
, and so on up to
.
Each one fulfills a hierarchical function:
- H1: The main title of the page. There should only be one per document.
- H2: Subtopics or sections within H1.
- H3: Subsections within an H2.
This hierarchy system helps browsers, search engines, and even screen readers interpret the importance and relationship between pieces of content.
The one H1 per page rule: is it really mandatory?
Although HTML5 allows multiple H1s, Google still recommends only one H1 per page to maintain semantic clarity.
Because? Because the H1 is still the first signal of context about the content of a page. Having more than one can cause confusion for search engines if it is not well structured.
Best practice: Use a single H1, place it at the beginning and make sure it contains the main keyword.
On-page SEO: how do headings affect positioning?
Headings help Google understand what your content is about. This makes it easier to crawl and improves your page’s chances of appearing in featured snippets.
Additionally:
- They improve the scannability of the content (users read in sections).
- They increase reader retention, which reduces the bounce rate.
- They reinforce thematic coherence if the keywords are well distributed in the H2 and H3.
Headers and web accessibility: an essential ally
For people who use screen readers, headings act as a kind of quick navigation index.
That is why it is essential:
- Maintain the correct hierarchical order (do not jump from H1 to H4, for example).
- Use semantic headers, not just to change text size.
- Do not abuse headings just for visual style.
This also has a positive impact on compliance with the WCAG Guidelines (Web Content Accessibility Guidelines), and consequently with compliance with Spanish regulations (RD 1112/2018).
Example of correct heading structure in an article
Imagine an article about “How to optimize images for SEO”:
-
How to Optimize Images for SEO
-
Why is it important to optimize images?
-
Recommended formats for SEO
-
JPEG vs PNG: which one to choose?
-
Modern formats: WebP and AVIF
-
-
How to name files and use ALT attributes
-
This structure helps both human and bot users understand the hierarchy and focus of content.
Common errors when using H1, H2 and H3
- Use several H1s without semantic logic.
- Skip hierarchical levels (e.g. go from H1 to H4).
- Do not use headers at all.
- Repeat generic titles such as “Introduction” without providing context.
- Use them only by design, without semantic value.
👉 Tip: Each heading should provide useful information and be aligned with the search intent.
Tools to audit headers and improve your SEO
- Screaming Frog SEO Spider: Detects duplicate, missing or poorly structured headers.
- Ahrefs Site Audit: Evaluates the hierarchy and semantics of the headers.
- Yoast SEO (WordPress): Suggest improvements directly in your editor.
- Web Developer Toolbar (Chrome/Firefox): Visually displays the header hierarchy.
- Wave (Web Accessibility Evaluation Tool): Useful to check if headers comply with accessibility.
Conclusion: structure well, position better
The H1, H2 and H3 headings are not mere visual decoration. They are the backbone of your content. Using them correctly not only improves SEO, but also user experience, accessibility and semantic understanding by AIs.
So next time you write an article, don’t just think about the design. Think about logic, order, and who will read (or process) your content. That’s also strategy.
