1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

CSS-ONLY SEO Layout Technique

Discussion in 'White Hat SEO' started by ipopbb, Aug 3, 2010.

  1. ipopbb

    ipopbb Power Member

    Joined:
    Feb 24, 2008
    Messages:
    626
    Likes Received:
    844
    Occupation:
    SEO & Innovative Programming
    Location:
    Seattle
    Home Page:
    Many people believe "on page" position matters. I'm not a believer , but I do like to randomize content order to make google think it is different or in many cases unique. I'm not going to go into detail on my "Spoofing Uniqueness" techniques in this post, but I will give you a small piece of the puzzle. Making content order in the source arbitrary.

    The only requirement to my CSS only method is that you have to be ok with using a left-justified fixed-width layout.

    Code:
    <html><head><style type="text/css">
    html,body{ min-height: 600px;}
    .header  { position: absolute; top: 0px; left: 0px; width: 1000px; height: 200px;background-color: #ddd;}
    .leftnav { position: absolute; top: 200px; left: 0px; width: 200px; height: 300px;background-color: #fdd;}
    .content { position: absolute; top: 200px; left: 200px; width: 600px; min-height: 300px; background-color: #dfd;}
    .rightnav{ position: absolute; top: 200px; left: 800px; width: 200px; height: 300px;background-color: #ffd;}
    .footer  { background-attachment: scroll;position: absolute; bottom: 0px; left: 0px; width: 1000px; height: 100px; background-color: #ddf; }
    </style></head><body>
            <div class="footer">footer</div>
    	<div class="content">content</div>
    	<div class="header">header</div>
    	<div class="rightnav">rightnav</div>
    	<div class="leftnav">leftnav</div>
    </body></html> 
    [​IMG]

    So if you believe "on page" position matters then this is a CSS-only way to make your footer links top of page. Or if you want to read between the lines. This is a way to randomize the order of content blocks in your static source but yield the same natural order in the rendered view. (if you look at my source you'll see that I could put footer,content,header,leftnav,rightnav, or any number of other blocks in any order in the source and still render the same page view.)

    Many believe that this gets your best tuned content to the top of page where it matters most. (I don't know about that but if you thinks so then...)

    Many believe that this gets your footer links to the top of page where it matters most. (I don't know about that but if you thinks so then...)

    I do believe this can help you reuse and freshen content blocks on pages to keep getting fresh content bonuses out of google without changing anything but some div orderings.


    Cheers!
     

    Attached Files:

    • Thanks Thanks x 9
  2. chockomonkey

    chockomonkey Regular Member

    Joined:
    Mar 27, 2009
    Messages:
    366
    Likes Received:
    40
    Location:
    the States
    wow i only found this thread because i searched for ones started by ipopbb... this guy shares so much awesome shit, my lord.

    thanks
     
  3. fayans

    fayans Junior Member

    Joined:
    Nov 5, 2009
    Messages:
    161
    Likes Received:
    46
    Pardon me but how does placing footer at the top matters most in SEO?