Welcome to WebmasterWorld Guest from 54.159.24.159

Forum Moderators: brotherhood of lan & mack

Message Too Old, No Replies

How many h1 tags should you use on a webpage

h1 tags

     
10:00 am on Jun 27, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 25, 2003
posts: 896
votes: 1


How many h1 tags can I have on a website?

thank you
11:24 am on June 27, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 3, 2004
posts: 6099
votes: 6


You can have as many as you like but you should have only one on each page. ;)
12:29 pm on June 27, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 25, 2003
posts:896
votes: 1


ok thats' what I have thanks
6:08 am on June 28, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Feb 12, 2003
posts:1199
votes: 0


What is the advice for *should* have only one per page based on? I often use several per page.
7:53 am on June 28, 2010 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member jab_creations is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 26, 2004
posts:3145
votes: 12


1.) It's called the h1 element.

h1 Element = <h1></h1>
h1 beginning tag = <h1>
h1 ending tag = </h1>

It is improper to refer to an element as a tag unless you need to specifically reference the start or ending tags which is rare.

2.) There are two headers on your local newspaper for the day: your country just won a war and your grandmother's chair was stolen by a duck; which one do you think has the highest priority? Would you use that priority for every heading?

Remember the level of the heading directly correlates to the value of the page's content and you should never use a header to style the font-size, you should only use CSS to do styling.

In general I treat the h1 element the same as the title, it should be descriptive about what the page's content is about. Here is an example of how headers generally should look like with some fake filler content for the sake of example...

<h1>Acme Co's New Blue Widget for Webmasters!</h1>

<h2>Specifications</h2>

<h2>Requirements</h2>
<h3>Do Not Add Water!</h3>

<h2>Examples Uses</h2>
<h3>Example exploded hair pictures from improper uses</h3>

etc etc.

Also keep the numerical order of your headers in check. If you're using h6 it means in the code it's below an h5 element (as a child) which is below an h4 element (as a child), etc etc.

Using (X)HTML elements in their proper context is a great way to master (X)HTML. I also recommend using XHTML 1.1 and serving it as application/xhtml+xml for learning and if you're really good for live use. What you can achieve is only limited by what you allow yourself to aspire to. ;)

- John
7:55 am on June 28, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member beedeedubbleu is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 3, 2004
posts:6099
votes: 6


I suppose it depends on whether the question is applied to HTML/semantics or SEO.

As I understand it, in both cases you can use H1 more than once on a page but for SEO purposes it is probably best to use it once only. When Google's algo sees six or seven H1s on a page, which one does it use to determine what the page content is about?

I saw a Matt Cutts video in which he said that while you could use more than H1 it should be used sparingly. Personally I would have thought that in a situation where you are targeting a specific keyword or phrase then one occurrence would be optimal.

I think it would be logical to assume that the ranking importance of the H1 tag is diluted by using it more than once. Does anyone disagree?
2:04 pm on June 28, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 15, 2001
posts:1436
votes: 0


One H1 per page, like the title tag/element and imo they should be similar.

When starting out I had a site which had about 5 H1s per page, because I liked the formatting on the H1 far more than the H2 or H3. Css was not around in them days and that site never ranked very well back then.
2:13 pm on June 28, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 25, 2003
posts:896
votes: 1


Yup, I have one H1 per page, thanks
2:18 pm on June 28, 2010 (gmt 0)

Moderator

WebmasterWorld Administrator buckworks is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 9, 2001
posts:5610
votes: 21


Make sure the H1 is unique for every page, and crafted to indicate clearly what that page is about.
2:25 pm on June 28, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 25, 2003
posts:896
votes: 1


I believe it unique for every page, I will check now, I wish thee was an easier way , because I have many pages to check
2:27 pm on June 28, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 25, 2003
posts:896
votes: 1


Oops, I found a big mistake, on one my category page, I have 5 h2 headings, no good, I should change it something else, correct?
2:44 pm on June 28, 2010 (gmt 0)

Moderator

WebmasterWorld Administrator buckworks is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 9, 2001
posts:5610
votes: 21


Multiple H2 headings is not necessarily a mistake. The number of h2's that makes sense would vary according to the logic of the content.

Think back to the essay outlines they made us do back in junior high school. Try to organize your headlines and sub-headlines like a good essay outline. That's the goal, semantically; visually you can style things however you want.
2:46 pm on June 28, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Nov 15, 2001
posts:1436
votes: 0


Make sure the H1 is unique for every page, and crafted to indicate clearly what that page is about.


Or if like me, you have the same H1 on every page of a site, (and there is nothing you can do about it!) make sure your H2s are clear and unique for every page!
3:03 pm on June 28, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 25, 2003
posts:896
votes: 1


ok
9:22 pm on June 28, 2010 (gmt 0)

Junior Member

5+ Year Member

joined:Jan 14, 2007
posts:136
votes: 0


... and you should never use a header to style the font-size, you should only use CSS to do styling.

The vocabulary confuses me; please help me distinguish between the two.
8:56 pm on July 6, 2010 (gmt 0)

New User

5+ Year Member

joined:July 6, 2010
posts:1
votes: 0


I would suggest not to use more than once as this H1 tag signifies the most important content heading on a page and hence it can not be twice
4:26 am on July 7, 2010 (gmt 0)

Moderator from US 

WebmasterWorld Administrator robert_charlton is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 11, 2000
posts:11311
votes: 165


amy - About the use of headings and paragraph text... here's a discussion in the Content Management forum in which ergophobe and I start playing around with some of the details of using H1s and H2s and H3s along with paragraphs....

New Paragraph after new Heading?
http://www.webmasterworld.com/content_management/3994172.htm
[webmasterworld.com...]

Some of the above thread is about a particular content management system (that you shouldn't even think about), but you might find my first post in the discussion to be a helpful introductory diagram of how to use headings and text on a page. I think the follow-up discussion might also be of some help.
10:04 am on July 19, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member piatkow is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 5, 2006
posts:3284
votes: 12


Like Mark_A, in my pre CSS days I used headers based on what they looked like and totally screwed the ranking of one page by using an H2. As soon as I discovered CSS I replaced it with a restyled H1 and put the page into the top 5 for relevant searches.

With regard to using multiple H1 elements on a page, that suggests that you have multiple topics on the page that would be better placed on separate pages.