1

I used the Bing webmaster tool's SEO analyzer on my website, and it reported:

There are multiple tags on the page.

It recommends that there should only be one <h1> tag on the page.

The page is a listing of blog posts for a category. So each blog entry is structured like this.

<article>
    <header><h1><a>...</a></h1></header>
    <p>summary...</p>
</article>
<article>
    <header><h1><a>...</a></h1></header>
    <p>summary...</p>
</article>
<article>
    <header><h1><a>...</a></h1></header>
    <p>summary...</p>
</article>
<article>
    <header><h1><a>...</a></h1></header>
    <p>summary...</p>
</article>

How is this invalid? I thought this was the correct way to describe a post in HTML5.

1
  • 1
    You are using head elements in article, which is not allowed. You probably mean header.
    – unor
    Nov 2, 2013 at 2:42

2 Answers 2

2

Don't change your code which is valid, it's just because SEO analyzer from Bing is late and doesn't take into account HTML5 semantic.

4
  • 1
    oh wow what a surprise. A Microsoft tool that isn't following standards. thanks.
    – Reactgular
    Oct 30, 2013 at 13:29
  • Yes, many SEO tools are late about HTML5 semantic.
    – Zistoloen
    Oct 30, 2013 at 13:31
  • I switched back to this as the right answer. Inspecting many popular websites showed that <h1> is used in <article> tags all the time. I think the problem is that I'm missing a <section> tag.
    – Reactgular
    Nov 2, 2013 at 15:00
  • 1
    @Mathew Foscarini: don't forget it's not because SEO tools or search engines are late considering HTML5 that you don't have to use semantic markup. In a close future, SEO tools and search engines will be compatible with HTML5.
    – Zistoloen
    Nov 2, 2013 at 16:23
1

Semantically, it's correct (as Zistoloen said), but logically it isn't. <h1> tags are supposed to be used as the title for your entire page, which isn't the case here. Using multiple <h1> tags sends mixed signals to search engines and it'll be less obvious for them to know what your page is really about.

I would put the category title in <h1> tags and the article titles in <h2> tags. This way, it's obvious that your page is a category overview and that the articles are logically placed under that category.

You don't have to change it, but since search engines like the structure and use it to see what your page is about, I would http://webdesign.about.com/od/seo/a/why_use_h1_for_seo.htm is an interesting read.

3
  • that's a good answer. I agree with you on that.
    – Reactgular
    Oct 30, 2013 at 15:49
  • It’s perfectly logical. Each sectioning element may have a heading. The level of this heading is irrelevant, only the nesting of the sectioning element matters. That way you can copy-and-paste whole sections without having to adjust the heading levels. HTML5 could have introduced a h element, but it didn’t because of backwards compatibility, so it re-used h1-h6, while it ignores the level (for the sectioning element heading only, that is).
    – unor
    Nov 2, 2013 at 2:39
  • The title element should be used for the title of the whole page. Heading elements are not meant to contain page titles. Nov 5, 2013 at 1:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.