fresh clean & simple Wordpress themes and ideas

How to Embed a Slideshare Presentation in your Blog with Valid XHTML

Filed under: How to,Tips & Tricks — admin @ 6:02 am October 12, 2008

Slideshare is a great service that allows you to upload powerpoint presentations and then embed them in your blog, but the default embed code is not valid XHTML and it also clutters your site with lots of extra links back to Slideshare.net. When your own presentation links with your keywords back to Slideshare, you will find that Slideshare ranks higher than you on Google for your own content. This presentation will teach you how to cleanly embed a Slideshare presentation on your blog while maintaining your own Search Engine Optimization (SEO) as much as possible.

Transcript

  1. How to Embed a Slideshare Presentation in your Blog with Valid XHTML
  2. Slideshare: YouTube for Slides. Slideshare.net is like YouTube for slide shows: You can upload PowerPoint presentations to Slideshare.net and share them by inserting some embed code in your web page. Unfortunately, if you use the Slideshare.net embed code “as is”, your web page will no longer be valid XHTML as determined by http://validator.w3.org. This presentation shows you how to modify the Slideshare embed code to produce valid XHTML as well as a cleaner presentation without the clutter of links back to Slideshare.net.
  3. Here is the embed code that Slideshare gives you
  4. Here is what it looks like with the default Slideshare embed code
  5. It also doesn’t validate at http://validator.w3.org
  6. W3 Shows you the errors in detail.
  7. Some of this code is unnecessary, cluttering your slideshow with extra links back to Slideshare
  8. Let’s remove the backlink code and see what happens
  9. The code sure looks cleaner
  10. It’s also cleaner on the screen without all those extra links
  11. But it still doesn’t validate
  12. The problem is with embed. embed tag is not not valid XHTML, but you can add more information to the object tag and you don’t need to use the embed tag at all
  13. Make these edits
  14. Here is what the new embed code looks like
  15. It looks the same on the screen
  16. And now you have valid XHTML
  17. And you can put this badge on your site if you want to

2 Comments »

RSS feed for comments on this post. TrackBack URL

Leave a comment