Headings (often referred to as H-tags) are used to structure the content on a webpage. They create a clear hierarchy that helps both users and search engines understand the organisation of your content. Using headings correctly improves readability, accessibility, and SEO performance.
In our CMS, headings are automatically generated based on the content you add to your pages, which helps maintain consistent structure across the site.
What Are Heading Tags?
Heading tags range from H1 to H6, with H1 being the most important and each level below representing a subsection of the one above it.
For most content within our CMS, you will primarily work with:
H1 – Page Title
H2 – Section Titles
H3 – Article or Subsection Titles
H4 – Supporting subheadings used when needed
These headings act like the outline of a document, guiding readers through the content logically.
H1: The Page Title
The H1 heading is the main title of a webpage. It tells both users and search engines what the page is about.
How it works in our CMS
The H1 is automatically generated from the page title you set when creating or editing a page.
It will always represent the primary heading at the top of the page.
Best practices
Always ensure the page title is set to display, as this provides the page’s H1.
Use clear, descriptive titles that accurately reflect the page content.
Avoid adding multiple H1s to a page.
Why it matters for SEO
Search engines use the H1 as one of the strongest indicators of page topic and relevance. A clear and accurate H1 helps search engines index your page correctly and improves the chances of ranking for relevant search terms.
H2: Section Titles
H2 headings divide your page into major sections.
They help organise the content so that users can quickly scan and understand the key parts of the page.
How they are used
Typically used for primary content sections.
For example:
Overview
Features
FAQs
Key Information
Why they are important
Improve page readability and structure.
Allow search engines to identify important topic sections within the page.
Help break up large blocks of text, making content easier to digest.
H3: Article or Subsection Titles
H3 headings sit under H2 sections and are used to break sections into smaller, more detailed topics.
Common uses
Article titles within a section
Individual topics within a broader section
Supporting information under an H2 heading
Example structure:
H1 – Page Title
H2 – Main Section
H3 – Article or Topic within that section
Why they are useful
H3s add another layer of organisation to your content, which helps readers navigate longer pages and helps search engines understand the relationship between different pieces of content.
H4: Supporting Subheadings
H4 headings are used more sparingly and are typically applied when additional structure is needed within an H3 section.
How they are applied in the CMS
H4s can often be applied using inline text styling within the editor. You can find these options within the “Styles” dropdown in the toolbar.
When to use them
Breaking down complex sections
Highlighting small subsections
Structuring detailed information
H4s should be used only when needed, as overusing them can make content unnecessarily complex.
Why Heading Structure Is Important
1. Improves User Experience
Headings make content easier to read and scan. Most users do not read webpages word for word. Instead, they scan headings first to decide if the content is relevant.
2. Supports Search Engine Optimisation (SEO)
Search engines use heading structures to understand:
The main topic of a page
The importance of different sections
How different pieces of content relate to each other
A clear heading hierarchy helps search engines better interpret and index your content.
3. Improves Accessibility
Screen readers and assistive technologies rely on headings to help users navigate a page quickly. Proper heading structure makes content more accessible to all users.
4. Creates Clear Content Hierarchy
Headings act like an outline, ensuring information flows logically from general topics to specific details.
Example Page Structure
A well-structured page may look like this:
H1 – Event Planning Services
H2 – Our Services
H3 – Venue Selection
H3 – Event Logistics
H2 – Why Choose Us
H3 – Industry Experience
H3 – Dedicated Support
H2 – Frequently Asked Questions
H3 – How early should I book?
H4 – Booking timelines explained
Key Takeaways
H1: The page title. Automatically generated in the CMS. Always ensure it is displayed.
H2: Main section headings used to organise page content.
H3: Article or subsection headings that sit within H2 sections.
H4: Supporting headings used occasionally for further detail.
Using headings correctly helps maintain clear structure, better readability, improved accessibility, and stronger SEO performance.
Comments
0 comments
Please sign in to leave a comment.