Facebook Comments For Engines

[TheDude]

I incorporated Facebook comments on my site and am now working on displaying it for Google to see.  I did so successfully using the FB comment display php script (See: http://developers.facebook.com/blog/post/490) on the page below, but it is displaying in the browser as well.

What is the best preactice to hide this from the human visitors?

Here is an example page of the comments and the output of the PHP script that needs to be hidden from human visitors: http://www.jwsuretybonds.com/info/videos/l1-what-are-surety-bonds.htm

[caseyhen]

Hi TheDude,

Looks like that PHP script is just returning the json with all the comments.  You need to take that json information and then parse it out so it's something that Google can read.  Then I would add a jQuery script that hides the comments once the page is loaded.  This will show the Facebook comments to people or bots with javascript enabled and will show the php script stuff to those who have Javascript turned off.

Here is a post that might help you with your problem:

http://www.seomoz.org/blog/make-facebook-comments-box-indexable-by-search-engines

Casey

[TheDude]

Thanks Casey!

The PHP script referenced in the link you provided worked for the initial comment, but not my reply.  Take a look at the source vs. the iframe displayed on the following: http://www.jwsuretybonds.com/info/videos/l1-what-are-surety-bonds.htm

Also, I used CSS rather than a JQuery to hide

style="display:none">

Will Google be ok with this or am I asking for a penalty?