homepage Welcome to WebmasterWorld Guest from 54.243.13.30
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Website
Home / Forums Index / WebmasterWorld / New To Web Development
Forum Library, Charter, Moderators: brotherhood of lan & mack

New To Web Development Forum

    
How many h1 tags should you use on a webpage
h1 tags
amythepoet




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

How many h1 tags can I have on a website?

thank you

 

BeeDeeDubbleU




msg:4160127
 11:24 am on Jun 27, 2010 (gmt 0)

You can have as many as you like but you should have only one on each page. ;)

amythepoet




msg:4160163
 12:29 pm on Jun 27, 2010 (gmt 0)

ok thats' what I have thanks

MichaelBluejay




msg:4160481
 6:08 am on Jun 28, 2010 (gmt 0)

What is the advice for *should* have only one per page based on? I often use several per page.

JAB Creations




msg:4160518
 7:53 am on Jun 28, 2010 (gmt 0)

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

BeeDeeDubbleU




msg:4160520
 7:55 am on Jun 28, 2010 (gmt 0)

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?

Mark_A




msg:4160672
 2:04 pm on Jun 28, 2010 (gmt 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.

amythepoet




msg:4160683
 2:13 pm on Jun 28, 2010 (gmt 0)

Yup, I have one H1 per page, thanks

buckworks




msg:4160686
 2:18 pm on Jun 28, 2010 (gmt 0)

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

amythepoet




msg:4160693
 2:25 pm on Jun 28, 2010 (gmt 0)

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

amythepoet




msg:4160694
 2:27 pm on Jun 28, 2010 (gmt 0)

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?

buckworks




msg:4160705
 2:44 pm on Jun 28, 2010 (gmt 0)

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.

Mark_A




msg:4160711
 2:46 pm on Jun 28, 2010 (gmt 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!

amythepoet




msg:4160720
 3:03 pm on Jun 28, 2010 (gmt 0)

ok

bw100




msg:4160962
 9:22 pm on Jun 28, 2010 (gmt 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.

planman




msg:4165415
 8:56 pm on Jul 6, 2010 (gmt 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

Robert Charlton




msg:4165563
 4:26 am on Jul 7, 2010 (gmt 0)

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.

piatkow




msg:4172669
 10:04 am on Jul 19, 2010 (gmt 0)

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / New To Web Development
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved