Blog page showing multiple H1 tags

Hi, 

My website has a blog page: https://www.themarketingsteer.com/blog

On there are a few live blogs, each with a title. 

SEO-wise, these blog titles are pulling through as H1s, meaning I'm seeing notices in AHrefs that I have a page with multiple H1 title tags. 

I don't have a package with Squarespace where I can edit the code - only CSS, so I'm wondering if there's a way to resolve this some how?

Thanks in advance, 

Holly

18 hours ago, Steerhk said:

Hi, 

My website has a blog page: https://www.themarketingsteer.com/blog

On there are a few live blogs, each with a title. 

SEO-wise, these blog titles are pulling through as H1s, meaning I'm seeing notices in AHrefs that I have a page with multiple H1 title tags. 

I don't have a package with Squarespace where I can edit the code - only CSS, so I'm wondering if there's a way to resolve this some how?

Thanks in advance, 

Holly

Hi @Steerhk - I'm not 100% sure if you can edit this on your blog/collection page - however, this isn't too much of a concern, as your blog page is very unlikely to rank and get found directly by people on Google.

If unsure, check via Google Analytics to double-check.

As long as the SEO on other pages of your site is following best practices, this will likely have 0 impact.

Thanks!

Maybe it doesn't matter for SEO but it does matter for accessibility. Has anyone found a solution to this?

I was able to resolve this by adding a blank section and code block to the page in question and used this code:

<!-- change blog headers from h1 to h2 on collections pages -->
<script>
document.querySelectorAll("h1.blog-title").forEach(header => {
  header.outerHTML = '<h2>' + header.innerHTML + '</h2>';
});
</script>