I notice that the HTML it generates includes several H1’s and H2’s. Among the H1’s are both the blog name at the top of the screen and the page title below it.
This is SEO death! The name of the blog should definitely not be H1’ed. I think an H2 with a suitable class/css would fix this right up.
How do Google and Bing understand responsive mobile design? Duane: Yes. Working on updating SEO rules in their webmaster tools to allow for HTML 5 changes such as multiple H1 tags. Websites need to be sure the searcher can get right to the content they want on their mobile device. Matt: Responsive design is great when done well.
Long and short, H1 should be used to indicate the “main title” of the page.
No, H1 should indicate main title of the section. So Header can have H1, Sidebar can have H1, Content, Footer… Twenty Twelve is HTML5 theme, so it uses HTML5 semantics.
It’s a HTML5 semantics thing, using headings inside sectioning elements, and using h1 for the first heading inside of each sectioning element for consistency, sanity, and portability (you can move that block of code around the document and the heading will always be correctly nested).