Comments on: Emulate xHTML Strict - Compliant iFrames & Using jQuery

By: dc

dc — Wed, 19 Nov 2008 17:23:20 +0000

found a solution, sorry to trouble you. Thanks again!

By: dc

dc — Wed, 19 Nov 2008 16:57:13 +0000

HI Andrew. I found your page online and am thrilled to be able to use it - thanks for sharing. However, when I am testing thefinished site in explorer (of course) the background of the page being called shows white when I specify no background color at all. (The displaying page text is on top of a static image in the final rendering, so I don’t want to cover it up with a background color…) it looks good in every other browser i test, pc and mac, but how to work around this in ie - where should I look? I am unsure of how to address and fix this issue. And ideas or suggestions you may have would be greatly, greatly, greatly appreciated!
Thanks for your time,
Danielle

By: Andrew

Andrew — Mon, 20 Oct 2008 17:23:03 +0000

Sure thing, here you go:

I run the site “Hiking New England (.com)”, on which I integrated an Amazon Astore (affiliate program). The issue I had was that Astores can only be linked-to, or added as an Iframe. Linked-to is fine, but I wanted the shop integrated seamlessly into my design. Thus, I was forced into using the iFrame.

http://www.hikingnewengland.com/outdoor-gear/

I implemented the solution above. With JavaScript enabled, the user is presented with the full Astore catalog. With JavaScript disabled (like most bots), the user is presented with a link to the Astore using search-friendly terms.

Let me know if this is what you were looking for.

Cheers!
-a

By: Rachael

Rachael — Mon, 20 Oct 2008 17:07:03 +0000

Hi Andrew,
Great post! I’d like to see this on a site to analyze its usefulness for SEO. Do you have any site examples where step two is implemented?

Thanks!

By: Gustavo Straube

Gustavo Straube — Thu, 09 Oct 2008 20:01:55 +0000

The code that I wrote in my last comment was corrupted, probably by the WP.

By: Gustavo Straube

Gustavo Straube — Thu, 09 Oct 2008 19:59:26 +0000

Thinking about Ryan comment, I’ve found another way to set the iframe’s width and height. You can define a different class for each iframe in the page, when you have more than one, and specify (using CSS) the dimensions that you want.

The script might be something like this:

$(’a.iframe’).each(
function (i) {
$(this).replaceWith(”);
}
);

By: Track all pdf downloads on your site using jQuery and Google Analytics. | gronkyco - just because

Thu, 21 Aug 2008 15:53:04 +0000

[...] If the above looks alien to you, you probably want to get a little more comfortable with how jQuery works. I have another example of using jQuery that includes some of the basic set-up here: Emulate xHTML-Strict Friendly iFrames [...]

By: Jake Summers

Jake Summers — Mon, 11 Aug 2008 23:26:49 +0000

Hi Andrew!

I just came across this site from a google search on iframes and I have a question regarding this technique (which I totally love and am going to start implementing!

Everywhere I read SEO’s talk about how iframes are bad for seo. I almost have to absolutely use an iframe and cant avoid it. So I was wondering does this technique make it seo friendly? or not as bad for my websites seo efforts when implemented?

Thanks for the awesome post.

By: Ryan Williams

Ryan Williams — Thu, 31 Jul 2008 11:40:26 +0000

Aha, I didn’t think of using a class in the generated iframe and targeting it. Thanks!

By: Andrew

Andrew — Wed, 30 Jul 2008 16:39:08 +0000

A way to pass those can certainly be added to the script, but I was using CSS to handle the iFrame dimensions by adding this to my stylesheet: iframe { height: 500px; width: 500px; }

Does that help, or would you like to see an updated script?

Cheers,
a