Can An H1 Tag Be Used for Individual Blog Post Titles

Why are the individual blog post titles set as <h2>, and how can I fix this? It creates a waterfall effect of SEO and style problems. For example, since the post title is automatically set at an <h2> title tag that I can’t change, my subheadings/subtitles that I would normally set at <h2> are the same size as the title, and it’s confusing for a reader. To fix this, I would instead have to use <h3> title tags for subheadings and so on.

When I create a single page, such as an About page, the title tags are perfect. The page title, i.e. About Jane Doe, is set at <h1> and then using the page editor I can add in my <h2> subtitle “Info About the Writer” and so on. But for the individual blog ”Post," there’s no h1 tag.

Is there any way to fix this? I can see why you wouldn’t want multiple h1 tags on the blog main page, but when you click on the actual blog post, it would be nice to use an h1 tag for the blog title for SEO and reader experience purposes.

The theme is excellent otherwise and has amazing functionality. Thank you for your help.

Hi there

Hope you are having a good day and thank you for your question
in our demo we already have a blog post title as an h1, you can check it here:

title of the post is h1, make sure you have not disabled page titles from appearance > customize

Thanks!
Colorlib Support Team

Hi Noda,

Thanks for your prompt response. I’m asking specifically about the Shapely theme, since I already have that one nearly complete and looking great! I’ve attached two images from the Shapely demo showing what I mean.

hi

yes indeed, link i shared is from the same theme
The screenshot you are sharing is blog archives page, on that page, you will have several blog posts and its not recommended to use more than one h1 on the same page,

Hi,

I think I must be missing something. Is Illdy the same theme as Shapely? Here’s the theme I’m using: https://colorlib.com/shapely/

Here’s an example of what’s happening on my blog post – this is not on the blog archive page, but on the individual blog post page with a unique url. As you can see from the screenshot, the Blog Post Title is automatically set to an H2 tag:

<h2 class=“post-title entry-title”>
Private: Testing Title Tag
</h2>

And there’s no way to change it that I can see. That “Testing Title Tag” up in the header isn’t H1 either - it’s H3.

The automatic H2 post title is also dwarfed by an H2 tag that I inserted into the body of the post, so the whole thing seems to be messy both in terms of readability and SEO. Is there any way to make the individual blog post title H1, just like on the theme you sent me?

Thanks!

Hello there,

You can go to Appearance > Editor > template-parts/content.php and change the header tags used in the template there.

It is best to make a backup before making any changes in there:

Best Regards,
Support

Thanks for your help. Changing the header tags in the template resulted in the blog posts disappearing from the archive page, so I ended up just sticking with the default “h2 class post-title entry-title” for the post title, and then changing the font size of the h2 for my subtitles. It at least solved the typographical issues.

Hi

Ok, going to close this case since its resolved, Feel free to contact us again if you have other questions Thanks!