SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Quake 1 Addict CreedFeed's Avatar
    Join Date
    Feb 2002
    Location
    Milwaukee, WI
    Posts
    296
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Content Before Header?

    I've been playing around with CSS designs and am doing somethign similar to this:

    http://www.pmob.co.uk/temp/3colcentred_2a.htm

    But I have a question about this template... it places the content first and then absolutely positions the header later above the content. The template info says this is better for accessibility and SEO. My question: is this a better practice than just placing the header first, content next, footer last? Does it really help accessibility and SEO that much to do this?
    -- Steve Caponetto
    Quake 1 Resurrection :: CreedFeed

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I designed that layout as a lot of people have requested it that way.

    It is generally accepted (by peole more knowledgable than me) that the sooner the search engine sees good content then the better the rankings are likely to be.

    Results do seem to show that this type of layout fares better than the standard approach.

    However I'm of the opinion that you should design the site for people first and search engines second. If it makes more sense to you to structure your pages in the normal flow then do it that way but just be aware that your rankings may be a little lower.

    As for accessibility it is better for screenreaders to read the content first rather than trawl through the header then all the navigation links before it arrives at the content. It has to then do this on every page.

    (However a few well placed skip links could help avoid this anyway.)

    It's up to you just put the header first if you want the layout is easy enough to change

    Paul

  3. #3
    Quake 1 Addict CreedFeed's Avatar
    Join Date
    Feb 2002
    Location
    Milwaukee, WI
    Posts
    296
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Another question: you mention in the page that the only "drawback" is to absolutely position the header. Why is this a "drawback?"
    -- Steve Caponetto
    Quake 1 Resurrection :: CreedFeed

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,367
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Because the header is absolutely positioned then we need to allow space for it. The only way that can be achieved is to have a fixed height on the header and hide any overflow.

    This is fine for banners and headings but if you wanted a fluid height for text that maybe comes from a cms (database etc) and you didn't know the height, then the header would need to be in the flow and come first in the html.

    Paul

  5. #5
    Quake 1 Addict CreedFeed's Avatar
    Join Date
    Feb 2002
    Location
    Milwaukee, WI
    Posts
    296
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Gotcha. Thanks.
    -- Steve Caponetto
    Quake 1 Resurrection :: CreedFeed


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
  •