Want an SEO friendly Iframe? Or something that looks just like an Iframe but will allow all content contained on it to be indexed by Google et al? Fool your SEO mates with this little bit of imitation iFrame HTML code:
Iframe HTML
<div style=”border:solid 1px #000000; width:500px; height:40px; overflow:auto;”>
<p>Here is something that looks like an iFrame</p>
<p>And scrolls like an iFrame</p>
</div>
Iframe CSS
This cool inline CSS Div will allow the content to scroll if it can’t fit within the width and height that you set the Div. I’m about to set live a couple of websites that will use this as an expandable navigation area. The cool thing is, you will never run out of space. Obviously you will have to consider usability because your users won’t want to scroll down all day long.
For you HTML phobes, copy the code, paste into notepad and change the notepad file from a .txt to a .html file and open in your browser of choice!
Voila! An SEO friendly Iframe. Whatever next?
About Paul Allen
Hello all.
Like the idea of the SEO friendly iframes and have included one on my pages which is ok for content.
But how do I get a URL to open in this iframe?.
Any suggestions would be great.
Cheers
Ken
Hi Ken, I’m not sure how you’d go about loading in a URL here without using a normal IFrame. I’m sure this would be possible using some PHP technique though, so don’t give up the hope!
SEO-PRO
Ken,
For a totally extended version of your idea (i.e. replacing frames totally) see http://www.web-zonez.com.
Regards,