How to fix missing H1 tags

An H1 tag serves as the main headline for a page's content. It is a critical structural element that helps both users and bots understand the primary topic.

What is wrong

A missing H1 means the HTML code lacks an <h1> tag. This often happens when developers use styled <div> or <span> tags for headings instead of semantic HTML.

You can identify this by inspecting the page source. If the largest text on the page isn't wrapped in <h1> tags, it isn't being recognised as the primary heading by search engines.

Why it matters

H1 tags provide hierarchy. They help search engines understand the context of the content that follows. While not a make-or-break ranking factor, they are essential for accessibility (screen readers) and user experience.

For AI and generative search, the H1 acts as a clear signal of the document's intent, making it easier for models to parse and summarise your content for users.

How to fix it

1. Identify the main topic

Determine the single most important summary of the page. This should usually match the user's expectations when they click your link.

2. Add the H1 tag

Wrap your main headline in <h1> tags. Ensure there is only one H1 per page to maintain a clear content hierarchy.

3. Style for visibility

Ensure the H1 is visually prominent. Use CSS to make it the largest text on the page so users immediately know they are in the right place.

Platform notes

Most WordPress themes automatically wrap the 'Post Title' in an H1. If yours doesn't, you may need to edit the single.php or page.php template files.