Sebastian's Pamphlets

If you've read my articles somewhere on the Internet, expect something different here.

MOVED TO SEBASTIANS-PAMPHLETS.COM

Please click the link above to read actual posts, this archive will disappear soon!

Stay tuned...

Wednesday, July 20, 2005

Revamping Framed Web Sites

Phoenix posted a great tip at SEO Roundtable:
Creating a Framed Site Without The Drawbacks to SEO

With regard to search engine crawling and indexing, frames are the SEO's nightmare. Some brilliant people have taken the time to develop a CSS solution for fixed site navigation, examples:
http://www.stunicholls.myby.co.uk/layouts/frame.html
http://jfy.homeunix.net/misc/example.html

Here is the tutorial:
http://www.webreference.com/html/tutorial24/
Summary: "HTML Frames have been used so far on the Web to provide sections of a Web page that scroll independantly of each other, but they cause a lot of hassle, making linking difficult and breaking the consistency of our documents. CSS fixed positioning helps us work around this by positioning parts of one document relative to the viewport. The overflow property can be used to control their scrolling appropriately. By being careful about how you position these elements, you can have your layout fall back to the default rendering on Navigator 4 and Internet Explorer, making this technique useable in a production environment."

Tags: ()
Share this post at StumbleUpon
Stumble It!
    Share this post at del.icio.us
Post it to
del.icio.us
 


-->

1 Comments:

  • At Friday, March 16, 2007, Anonymous Anonymous said…

    I've done something similar at a Client site except not to simulate a frame/iFrame but instead to provide the ability to fit more content into a smaller footprint. The CSS is similar in any event.

    But on that same page, you can see why I still use an iFrame, to keep the flash animation and background music from stopping and starting each time a new page is loaded.

    Another way I have come up to do this is to use AJAX to request the actual page desired and then paste the desired parts into the page as required. That way the bots see what they need to see and users see what they "need" to see.

    The URL I listed doesn't implement the AJAX yet but instead uses an iFrame but with the system I've described, there isn't really much difference between the two.

    By the way, I've been going to Stu's site seemingly forever but somehow I missed the page you mentioned here, thanks very much for blogging it! :-)

    Craig

     

Post a Comment

<< Home