Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

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.

share|improve this question
1  
You are using head elements in article, which is not allowed. You probably mean header. –  unor Nov 2 '13 at 2:42
add comment

2 Answers

up vote 2 down vote accepted

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.

share|improve this answer
    
oh wow what a surprise. A Microsoft tool that isn't following standards. thanks. –  Mathew Foscarini Oct 30 '13 at 13:29
    
Yes, many SEO tools are late about HTML5 semantic. –  Zistoloen Oct 30 '13 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. –  Mathew Foscarini Nov 2 '13 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 '13 at 16:23
add comment

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.

share|improve this answer
    
that's a good answer. I agree with you on that. –  Mathew Foscarini Oct 30 '13 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 '13 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. –  Stephen Ostermiller Nov 5 '13 at 1:03
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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