Jump to content

  • Log in with Facebook Log in with Twitter Log In with Google      Sign In   
  • Create Account

Subscribe to HRA Now!

 



Are you a Google Analytics enthusiast?

Share and download Custom Google Analytics Reports, dashboards and advanced segments--for FREE! 

 



 

 www.CustomReportSharing.com 

From the folks who brought you High Rankings!



Photo
- - - - -

Properly Using Headers On A Site


  • Please log in to reply
7 replies to this topic

#1 JeremyH

JeremyH

    HR 5

  • Active Members
  • PipPipPipPipPip
  • 367 posts
  • Location:San Diego

Posted 25 April 2012 - 11:37 AM

I'm revisiting how I've done things in the past and seeing if I can do it better.

In the past I've always used my <h1> tags for my website's name and subsequent header tags for smaller sections:

Page 1
<title>Widget World</title>
...
<h1><a href="/">Widget World</a></h1>
<h2>About Us</h2>
...
<h2>Process</h2>
...
<h2>Ordering Information</h2>
...

Page 2
<title>Media Kit - Widget World<title>
...
<h1><a href="/">Widget World</a></h1>
<h2>Media Kit</h2>
<h3>Biographies</h3>
<h4>Person 1</h4>
...
<h4>Person 2</h4>
...
<h3>Fact Sheet</h3>
...

I've always made my <h1> a link back to my homepage and I used CSS to style it with my logo. Also, I've always used only one <h1> per page.

I'm wondering if it might be more appropriate for each page on my site to have different <h1> headers, maybe something that better correlates to the title tags. Also, if I change up how I handle my h1 headers, how best should I incorporate my website name and link to my homepage?

#2 torka

torka

    Vintage Babe

  • Moderator
  • 4,579 posts
  • Location:Triangle area, NC, USA, Earth (usually)

Posted 25 April 2012 - 12:03 PM

Header tags aren't as important as you seem to think. Use them however you see fit, really.

That said, personally, I think the H1 should relate to the content of the page, with the H2s as subheaders highlighting sub sections within the content (and so forth through H2s, H3s, etc.).

Most times the website name is in a logo at the top of the page, which is linked to the site home page, and there's usually a "home" link somewhere in the navigation.

--Torka :propeller:

#3 Jill

Jill

    Recovering SEO

  • Admin
  • 32,863 posts

Posted 25 April 2012 - 12:53 PM

I'm wondering if it might be more appropriate for each page on my site to have different <h1> headers, maybe something that better correlates to the title tags. Also, if I change up how I handle my h1 headers, how best should I incorporate my website name and link to my homepage?


You can do it however you like, it has nothing to do with SEO.

#4 chrishirst

chrishirst

    A not so moderate moderator.

  • Moderator
  • 6,670 posts
  • Location:Blackpool UK

Posted 25 April 2012 - 01:00 PM

Aye!

Using heading elements correctly to add structure to a document if far more important and useful than thinking of them in "SEO" terms, and if the SEs just happen to find the text in your heading elements useful as well, it's a winner all round.

And of course the same words in the Title + the Headings + the Alt attributes + the URL + in bold, italics, strong, emphasis and all the other usual places the "experts" suggest will very likely take your documents into "Over Cooked SEO" territory.

#5 JeremyH

JeremyH

    HR 5

  • Active Members
  • PipPipPipPipPip
  • 367 posts
  • Location:San Diego

Posted 25 April 2012 - 01:49 PM

Thank you for your replies. I guess I'm trying to get away from SEO, instead I'm trying to make sure my code is semantically correct and logically organized. I'm not trying to optimize for the search engines but having said that I want to make sure my content is accessible, not just to the search engines but to all the users of my site. That's why I'm revisiting some of the basics, such as my headers and where to place the website name.

#6 qwerty

qwerty

    HR 10

  • Moderator
  • 8,573 posts
  • Location:Somerville, MA

Posted 25 April 2012 - 05:13 PM

Torka's advice bears repeating. It isn't about SEO -- not strictly about SEO, anyway, if at all. The top level heading, whether you choose to put it in an h1 tag or not (I do, personally) should reflect the overall content of the page, not the site. Putting "widget world" in every page's top heading is not the proper use of a heading. That's what the logo is for, along with the part of the page's title tag where you put some branding, should you choose to do so.

#7 chrishirst

chrishirst

    A not so moderate moderator.

  • Moderator
  • 6,670 posts
  • Location:Blackpool UK

Posted 25 April 2012 - 05:32 PM

Ok if you are revisiting the basics, I'll correct some of the terminology. Yeah, sure it may seem pedantic or a bit like "nit-picking" but there is so much mis-understanding in the search and web development worlds, using the correct terms rather than the "popular" misnomers is essential if you do want to educate rather than confuse your readers.

Hn elements are actually called heading elements ( http://www.w3.org/Ma...3/headings.html ), a term which fully and correctly describes what function that they perform in a HTML document. Which should go some way to lessening the confusion that many people have with them.

Headers (in this context) are the 'messages' (HTTP Headers) that are passed in the HTTP request and response communications between a user agent and server

#8 piskie

piskie

    HR 7

  • Active Members
  • PipPipPipPipPipPipPip
  • 1,098 posts
  • Location:Cornwall

Posted 26 April 2012 - 12:04 PM

w3scools.com/tags/tag_hn.asp

The <h1> to <h6> tags are used to define HTML headings.

I always have called them Heading Tags and Always will.
  • chrishirst likes this




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

SPAM FREE FORUM!
 
If you are just registering to spam,
don't bother. You will be wasting your
time as your spam will never see the
light of day!