Infographic Publishing: Did You Include an Embed Code?

SMS Text

Infographics are awesome! For one thing, they allow people like me, who are bombarded with too much information on a daily basis, to learn something new or digest data in a quick and easy format. As a web publisher, infographics are a great way to attract traffic, generate buzz, build brand awareness, increase social signals (tweets, likes, pluses, etc.) and obtain natural inbound links.

While these are beneficial, let’s focus in on the inbound links for a moment.

In the light of the recent (and ongoing) Google Penguin update, quality inbound links – the kind Google is going to provide credit for – are becoming more difficult to come by all the time. Pretty much gone by the wayside are “forced” link building schemes as Google has become a lot smarter in detecting and discounting them. Inbound links are still essential however, so how does one come by them without upsetting the Google gods?

This is where infographics can play an all-important role. Let’s face it – any good piece of content, whether that be an infographic, a video, a white paper or even a well written blog post, has the potential to attract natural inbound links. Most of you reading this know this already. The beauty of an infographic is the fact of how easy they are to share. In fact, any image that is interesting or somehow informative, has great potential for sharing. Why do you think Pinterest – the social pinboard, has grown so fast?

Embed Code, What You Need to Know

Now that I’ve hopefully generated your interest in infographics and even image sharing, I want to provide you one simple step that can greatly help you control the sharing of such imagery. I’m referring to the “embed code.” No doubt we’ve all seen them – that is a snippet of html code that easily allows someone to copy and paste the code into their own web pages and as such, display the infographic or image.

The problem is that many infographics DO NOT include any type of an “embed this” code or if they do, the code itself has errors that when copied and pasted into another page, do not allow the image to display correctly. In fact, if an embed code is not formatted correctly, these types of quotations (“…”) could appear when they need to look like these (“…”). This small error often causes images to not display correctly if at all, hyperlinks to be broken and attributes to not be defined correctly.

The fact that embed codes could contain errors such as these cause many publishers to simply exclude them. Better to not have an embed code then to have one that won’t work anyway, right? Or it could be that trying to include a properly formatted embed code is just beyond the skill-set of some.

If you fit into either of these categories or simply want an easier way to include an embed code in your image-focused posts, I’ve got good news for you. A new WordPress plug-in simply called “Embed Code Generator” allows you to generate an embed code right within the “Add/Edit Post” section of your WordPress installation. Simply download, install and you are on your way!

The Embed Code Generator allows you to define the following fields:

  • Source (URL) – The full URL to the image.
  • Link Image To – This is where the image will link to when placed on another site.
  • Title (optional) – When populated, adds in the “title” attribute of the img tag.
  • Alt Attribute (optional) – When populated, adds in the “alt” attribute of the img tag.
  • Width (optional) – Designate the width of the image.
  • Height (optional) – Designate the height of the image.
  • Courtesy of [Your Site Name] (optional) – When populated, will display a courtesy link after the image crediting the source of the image.
  • Courtesy of [Your Site URL] (optional) – If this and the “Courtesy of [Your Site Name]” are populated, a link will be provided to the source of the image.

Some of the fields are “optional” but when utilized, allow you more control over how your image will be displayed. For example, you can define the text to be used in the title and image alt attributes, designate a specific height and width for the image and even add a “Courtesy of” link after the image.

Once the plug-in is installed, the editable fields will appear in the “Add/Edit Post” section of your WordPress installation and look like this:

Embed Code Generator Fields

If you often focus posts around infographics, images and/or photos and would like to be able to have more control over how people will re-post and even link to your valuable content, the Embed Code Generator Plug-In for WordPress is one of the best ways to generate error-free embed codes.

Before I end, here are a few additional WordPress plugins that will help you get the most out of sharing infographics and other image-based content.

  • Lightbox Plus – Allows users to view larger versions of images, simple slide shows, videos and content all in an overlay. This is great for large infographics that are typically sized down to fit within WordPress themes. Install this plugin, link to the image itself and it will then be viewable in its full size as an overlay. Users can see the full size image, all without leaving the page they are already on.
  • Digg Digg – Enables you to add a floating sharebar to your posts which makes it easier for users to share your content. Not only does this plug-in include many options of social media sites (i.e. Twitter, Facebook, Google +, etc.) but buttons can be displayed horizontally, vertically or even floating.
  • Social Sharing Toolkit – Much like the Digg Digg plug-in mentioned above, this plug-in allows you to add a floating social media sharebar to your posts. Note: I have not personally had much time to play with this one but it seems pretty feature-rich.

How about you? Do you know of any great WordPress plug-ins or even tools that assist in infographic publishing and sharing? If so, please do share in the comments section of this post.

David Wallace
David Wallace, co-founder and CEO of SearchRank, is a recognized expert in the industry of search and social media marketing. Since 1997, David has been involved in developing successful search engine and social media marketing campaigns for large and small businesses. In additions to his duties at SearchRank, David is editor in chief at Infographic Journal, a blog featuring some today's best infographics and data visualizations.
David Wallace

Latest posts by David Wallace (see all)

Get the latest news from Search Engine Journal!
We value your privacy! See our policy here.
  • Bas


    Even with Matt Cutt’s opinion on infographic?
    I doubt this will be beneficial for long term.

  • David Wallace

    @Bas From this post (, I quote – “The only thing that is sustainable for long-term success is creating content that is high quality, unique, and relevant to your business. Google will never devalue links from truly valuable content.”

    That includes infographics that are “well done” even with embed codes IMO.

  • Alex Avery

    Isn’t the embed code itself part of the issue? Using the same embed code over and over leads to a lot of identical anchor text.

    Wouldn’t it make more sense to leave off the embed code entirely and allow visitors to share the page itself with whatever anchor text they see fit?

    • David Wallace

      The embed code puts the control in your hands… that is if people use it. And keep in mind that you can go back into the post and change anchor text as often as you like. To have no embed code just provides more opportunity for people to simple steal image and not link back whatsoever. Sure they can do this anyway but people are lazy and will use an embed code because it is easy.

  • Amit Yarashi

    Great plugin for creating embed code for infographics on wordpress. Thanks David.

  • Brad

    Hey David good post.

    I have not built my site on WP. I use Joomla, do you know if they have a plug-in like the Embed Code Gen. you mentioned for WP.

    This would be a big help. Let me know.

    Thanks for the info as well, really helping people out.