Use of h1 tag in HTML5

We are reviewing our use of the h1 tag in HTML5 and up till now we have been in the habit of wrapping the website logo around a h1 tag as follows:

<h1 class="logo">
   <a href="#" title="Website name">Website name</a>
</h1>

Open in new window


However I am concerned that this is not correct from a standards and SEO point of view. Shouldn't the h1 tag represent the main topic of the page in question? Currently we use the h2 tag for this but I would like some guidance as to whether we should change our current approach.

I have tried to find a definitive answer online and have seen this debate: http://www.h1debate.com/
It indicates the majority are in favour of using h1 as the main page title rather than the logo. However I have not seen anything close to officially suggesting one way or the other.

Personally I feel it must not be wrapped around the logo. If you are targetting a page for search engines, the h1 is the most important visible page tag and so should be the main title of the page.
mike99cAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

mike99cAuthor Commented:
0
GaryCommented:
H1 should be used to indicate the relevant heading for the most important part of the page
With HTML5 you can have multiple H1 tags
H2 indicates the next most important bit, H3 the next and so on

So no, it's not for an image
0
Steven HarrisPresidentCommented:
Great articles mike99c.  Of course, both comments above are right (form my perspective).  Wrapping the logo in a h1 is generally a bad idea and can provide more negative consequences than positive ones.  A great quote from the fastcolabs.com article:

Usability: The tags <h1> to <h4> should be used to organize information and orient users. The logo is not actually information or orientation; it’s metadata about the site, not relevant information about the content of the page.
0
GaryCommented:
http://www.h1debate.com/
Pointless discussion by people who don't know

Think of it this way, if every page has your logo in an H1 tag then you are saying every page is the same - you are saying my logo is what is important and nothing else.
Every page should have it's own H1 header to make it unique - which when it comes to search engines is the only thing that counts.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
COBOLdinosaurCommented:
Let's deal with what W3C says.  They write the standards so I consider them to be the definitive source:
"<h1> is the HTML element for the first-level heading of a document:"

From: http://www.w3.org/QA/Tips/Use_h1_for_Title

As for SEO... Google considers the h1 tag to be the declaration of what the content is about.  Use it any other way or leave it out and you lose weight for the page rank.

You can have more than one h1 tag, but if you do that you reduce the relevance of the text and reduce the weight of the tag.


Cd&
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.