SitePoint Sponsor

User Tag List

Results 1 to 11 of 11
  1. #1
    SitePoint Addict AfroNinja's Avatar
    Join Date
    Oct 2006
    Posts
    246
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    SEO+ header tags

    quick question on SEO and the use of <h1> <h2>

    I defined my custom versions of those tags with css. But when I use them should they be in descending order for best SEO? I mean on one page I might want to use my custom h1 for the title but maybe under that I want to drop down to my h4 because h2 looks a bit big for this page. Or should I define multiple h1/h2/h3 etc classes? That's annoying though.
    The Flash Gaming Network
    Editorial reviews for the latest flash games!
    Afro Ninja Productions
    Original flash games and content from a guy with an afro

  2. #2
    King of Paralysis by Analysis bronze trophy
    Join Date
    Jul 2004
    Location
    Ottawa, Canada
    Posts
    5,840
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Putting an H2 before an H1 would look spammy to me if I were a search engine.

    Headers are supposed to be used to differentiate between the levels of content, I wouldn't be using them as styling elements per se which seems to be what you're using them for.

  3. #3
    SitePoint Addict AfroNinja's Avatar
    Join Date
    Oct 2006
    Posts
    246
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not saying I'd use h2 before h1, I'm just saying that I'd use h4 before h2, but while not including h2 or h3. so that instead of

    <h1>title</h1>
    <h2>summary</h2>

    it would be

    <h1>title</h1>
    <h4>summary</h4>
    The Flash Gaming Network
    Editorial reviews for the latest flash games!
    Afro Ninja Productions
    Original flash games and content from a guy with an afro

  4. #4
    Matthew's Daddy Mike Empuria's Avatar
    Join Date
    Oct 2004
    Location
    Box, Wiltshire
    Posts
    514
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would always use headings in order. I wouldn't have an <h4> straight after an <h1>.

    If your <h2> looks too big for a certain page then just style that particular <h2> smaller.

    E.g.

    Code:
    HTML
    
    <div class=normal>
    <h2> Blah blah</h2>
    </div>
    
    <div class=small>
    <h2>Blah blah</h2>
    </div>
    
    CSS: 
    
    #normal h2 {
    font-size:90%;
    }
    
    #small h2 {
    font-size: 80%
    }

  5. #5
    SitePoint Addict AfroNinja's Avatar
    Join Date
    Oct 2006
    Posts
    246
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hm. that's kinda what I was thinking but still kind of annoying to style my headers differently like that. Eh, I guess it's only in a couple places : /
    The Flash Gaming Network
    Editorial reviews for the latest flash games!
    Afro Ninja Productions
    Original flash games and content from a guy with an afro

  6. #6
    Galactic Overlord gold trophysilver trophybronze trophy
    HAWK's Avatar
    Join Date
    Aug 2003
    Location
    New Zealand
    Posts
    12,545
    Mentioned
    956 Post(s)
    Tagged
    14 Thread(s)
    I use them in order as a general rule, but occasionally it looks bad so I make an exception. Nothing wrong with that...

  7. #7
    Non-Member
    Join Date
    Dec 2006
    Posts
    153
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i doubt h1 and h2 tags matter as much as we make them out to

    if you take a look at the #1 spot for many keywords, the sites hardly have them on.

  8. #8
    He's No Good To Me Dead silver trophybronze trophy stymiee's Avatar
    Join Date
    Feb 2003
    Location
    Slave I
    Posts
    23,423
    Mentioned
    2 Post(s)
    Tagged
    1 Thread(s)
    HTML is for markup, not presentation. Don't like the way your headings look? Use CSS. That's what it is there for.

  9. #9
    SitePoint Zealot i-devs's Avatar
    Join Date
    Mar 2005
    Location
    Madison, WI USA
    Posts
    165
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Headings serve the purpose of denoting structure, just like an outline. I try to keep this as clean as can be.

    The only time it gets a little funky is when I have a sidebar of content. I generally don't consider those headings to probably be the same weight as my main content headings... so I may want to make them an h3 or h4... this isn't for styling reasons but for contextual weighting. However, if I don't have an h2 or h3 in the main content, which is rare, then there is a gap.

    But I'm more comfortable with this than putting something before my h1, and these h3 or h4 headings would not be followed by an h2, and based on CSS layout, these sidebars almost always fall after the main content linearized.
    Identity Developments - SEO Focused Web Design
    It's not about websites, it's about your identity.

    | Credit Card Apps |

  10. #10
    SitePoint Member
    Join Date
    Jun 2006
    Location
    UK
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Screen reader users can navigate via headings, so their use and structure is important.

  11. #11
    SitePoint Member
    Join Date
    Dec 2006
    Location
    Lancaster
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think it is best to have 1 H1 tag on each page and then maybe a couple of H2 and H3 tags depending on the layout of your site, always place the H1 at the top.


Bookmarks

Posting Permissions

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