The infographic itself should be on its very own page with SEO friendly heading tags and Open Graph protocols in the meta data.
Code up your awesome design with HTML and CSS (using images only when you really, really, really have to).
Tip: Use target = “_parent” in your link tags to keep external links from opening inside the iframe.
Most infographics are are just images on a page. For our infographic, we’re going to use an iframe to display our amazingly SEO friendly code as if it was an image.
To keep the parent page search-engine friendly, make sure to use a canonical tag pointing to your original code.
Provide a code snippet for others to share your infographic on their blogs. Here’s a nifty tool that will help you convert your embed code into characters to display on your site.
Use a screen capture tool to make an image of your better-than-an-image infographic.
Then simply upload the screen capture to your site and create a Pinterest widget.