Results 1 to 12 of 12
  1. #1
    Member
    Join Date
    March 6th, 2011
    Posts
    97
    Question Is this the correct way to use header tags?
    Hello,

    I built my site using notepad/html/CSS and (as instructed in the book I bought) have used the domain name with<h1> tags with an image behind to create the header for the page.

    Then the title of individual page's title is a <h2> which is also reflecyed in the title meta.

    The domain name is keyworsĄd related.

    I am now worried that this may not be a good idea for SEO since <h1> is always the same on every page

    My Question

    Is this the best way to dothings or would I get better results by changing it so that the individual page's title is <h1> and therefore different for each page.

    Thanks for taking the time to answer

  2. #2
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    I wouldn't use <h1> for the title.
    I'd use <title></title>

    <h1> is for main headings of a paragraph/page
    with <h2> as sub headings

    See this: Google SEO Basics for Beginners | Web Design Articles and Tutorials

    Google <h1> tags and you'll find lots of advice on that subject.
    ~Rhia7 -- Remember the 7
    Twitter me

  3. Thanks From:

  4. #3
    Member
    Join Date
    March 6th, 2011
    Posts
    97
    Thanks Rhia.

    Thats what I was thinking. Just thought I'd check coz it means I'm gonna Have to go thru all my pages and upgrade all the others too (h3 becomes h2 etc..) which is goihg to take some time!

  5. #4
    Member
    Join Date
    March 6th, 2011
    Posts
    97
    Thought I'd update;

    I've done a bit of googling on the subject as suggested and it seems that people do it either way but there is a general concencus that the correct way is what you described.

    For me, perhaps the strongest arguement raised (and one which I hadn't thought of before) is acessibility.

    I wan't keen on putting a <p> </p> before <h1> but then I realised that I could make the site name an anchor. This also means that the sitename/logo becomes a link back to the homepage - which I like a lot.

    Only took a couple of hours to update all my pages but I'm very happy with the result (and better to do it now than in a couple of years time )

    Thanks

  6. #5
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    ~Rhia7 -- Remember the 7
    Twitter me

  7. #6
    Member
    Join Date
    March 6th, 2011
    Posts
    97
    Thats a nice article thanks.

    Interesting that he says that you shouldn't skip levels (ie from h2 to h4)

  8. #7
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    Quote Originally Posted by Ritchie View Post
    Interesting that he says that you shouldn't skip levels (ie from h2 to h4)
    The lower the header # such as <h1></h1> the more prominent the display.
    <h6> won't be emphasized as much as the big headers of <h1> or <h2>.
    Most people don't use <h4, 5 or 6>

    It wouldn't make sense to go from <h1> to <h4> skipping <h2> & <h3>
    in between.
    I like this example:
    <H1>Earth</H1>
    <H2>Europe</H2>
    <H3>UK
    <H4>Scotland
    <H5>Renfrewshire
    <H6>Greenock

    Source=http://www.hobo-web.co.uk/headers/
    It goes from broad and all encompassing to the very specific.
    You wouldn't write about Europe and go right away to his village or town of
    Greenock.

    The headers are very much like one of those Russian dolls with smaller and smaller
    dolls inside. Your topics start out broad and encompassing and can go to the very
    specific but if you have <h2> and go right away to <h5> you're missing the
    intermediate dolls.

    If you gave a <h5> to a section that is really meant to be a <h3> then you are
    not emphasizing your structure/content the way it should be.
    Headers 4, 5, &6 are often used in research papers.
    Last edited by Rhia7; October 30th, 2012 at 04:11 PM.
    ~Rhia7 -- Remember the 7
    Twitter me

  9. #8
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    Quote Originally Posted by Ritchie View Post
    putting a <p> </p> before <h1>
    If you have <p><h1>Hey Everybody!</h></p>

    That code above doesn't link to anything unless you inserted a link.

    All that does is put "Hey Everybody!" into a paragraph with "Hey Everybody!"
    emphasized and enlarged more than the rest of the paragraph.
    The sizing of your text would be stated in your CSS style sheet.
    ~Rhia7 -- Remember the 7
    Twitter me

  10. #9
    Member
    Join Date
    March 6th, 2011
    Posts
    97
    Agreed.

    What I was trying to say was I didn't think i should put:

    <p> some text </p>
    <h1> The title</h1>

    Because it seems like putting the cart before the horse.

    I guess I should have written it all out in order to make myself clear
    Last edited by Ritchie; October 30th, 2012 at 04:27 PM. Reason: typos

  11. #10
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    Quote Originally Posted by Ritchie View Post
    What I was trying to say was I didn't think i should put:

    <p> some text </p>
    <h1> The title</h1>

    Because it seems like putting the cart before the horse.
    <h1> is like a chapter heading/title in a book or the title
    of a magazine article.
    Look at a few books & magazines and see if they put paragraph text
    before the title.

    If you are good at graphics and are building a website dedicated to
    outerspace
    <h3><h2><h1> could be a cool progression to the main heading.
    It depends on your creativity.

    But a paragraph of text does not usually go before the main heading.
    ~Rhia7 -- Remember the 7
    Twitter me

  12. #11
    Newbie
    Join Date
    January 8th, 2013
    Posts
    2
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
    The <h1> to <h6> tags are used to define HTML headings.
    <h1> defines the most important heading. <h6> defines the least important heading.

  13. #12
    Newbie
    Join Date
    December 12th, 2012
    Posts
    3
    it is quite right but if you wana to make more effective than you shoud to use more tags
    it will help you to make a eeficient tag. <h> and <p> there are two tag that can you chose for making better tag

  14. Newsletter Signup

Closed Thread

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •