Comments on: Wrapping Logos with an H1 tag

By: Choose the right heading-structure - but how? | bertdesign.de

Choose the right heading-structure - but how? | bertdesign.de — Sat, 29 Mar 2008 01:20:13 +0000

[…] I read an answer from chovy.com which suggests to use the h1-tag for the specific topic of each […]

By: chovy

chovy — Thu, 27 Mar 2008 20:57:40 +0000

@phil — Yes, ID is better than class, I made the change in my example.

If your H1 includes the topic of the page (not just the name of the site), then I would say that it shouldn’t be cluttered with a logo image, and only keep the Title of the page inside the H1 tag.

You’ll find pretty good results with clean title and h1 tags and good content.

By: parrfolio

parrfolio — Thu, 27 Mar 2008 17:23:14 +0000

First of all using the H1 for you logo is not smart regardless if it’s an image or text. I see the accessibility value, but for SEO it is very bad. The h1 represents each individual page not every page in the site. Matching your title tag and h1 tag will make for better SEO.

By: Phil Thompson

Phil Thompson — Thu, 27 Mar 2008 09:00:16 +0000

I agree with Trevor Davis. In most cases, the topic of the page for a homepage is the company/site name but on content pages that isn’t the case.

Also I’d recommended you use .#head (id) as opposed to .head (class) in your CSS - as (I imagine) you won’t be reusing that class elsewhere on the same page.

By: Trevor Davis

Trevor Davis — Thu, 27 Mar 2008 00:39:09 +0000

I think it is only appropriate to wrap your logo in an h1 on the homepage. All other pages, the h1 should be the topic of the page.

By: JamieO

JamieO — Wed, 26 Mar 2008 23:54:07 +0000

I agree with Markus on this one. I wrote up a Simple Print Header concept which you could easily alter from a print-only div class to being h1 as print only.

By: Markus

Markus — Wed, 26 Mar 2008 22:12:01 +0000

Honestly, I’d use the h1 for the logo description, if the logo is a replacement for your blog/page title. I think, that the page title is the most important headline on every page, followed by the h2-tag for the chosen topic.
The h1-tag then labels every page as “your” page. Surely you need to give a correct explanation via alt=”" or else, to ensure displaying the title even without images / css enabled.
The h2-tag specifies this general page label with a further description. Isn’t that a more logical for accessibility and SEO?
Seems as if this issue needs further discussion ;-)

By: Kirk Franklin

Kirk Franklin — Mon, 24 Mar 2008 19:26:37 +0000

W3C Tips for Webmasters: Use for top-level heading and : the most important element of a quality Web page.