How to Create Embeddable Infographic Code

Infographics were among the hottest and most effective marketing trends in 2014 and will remain an essential marketing practice in 2015. In fact, infographic search volumes have increased on Google by 800 percent in only 2 years. It’s estimated, infographic production increases by 1 percent every day as 40 percent of people respond better to visuals. The appealing mix of design, writing, and analysis are a visually engaging means to communicate complex data that holds the potential to go viral.

Why Should I Embed My Infographic?

Infographics are an easy way to scan and view information with 87 percent of visitors favoring infographics over articles. In addition, studies indicate that 90 percent of the information we view every day impacts our ability to remember. As a result, a quality and informative infographic not only has to ability to engage your customers, but built brand awareness and sway purchasing decisions as your brand will stand out.

Infographics are more widely shared across all online platforms and are considered to be social media’s best friend. The ability to easily share these graphics holds the potential for going viral. With the use of social media sharing buttons and embedded code, the sharing process is simplified, adding value to your infographic. The sharing capabilities extend the reach and lifecycle of your graphic as they essential become “portable” to offer worldwide coverage for brand awareness and increased traffic.

How Do I Create an Embeddable Infographic?

By embedding code, your infographic becomes easily downloadable and shareable. Prior to generating the code, create two versions of your infographic. Most prefer .png format with one 1800 pixels wide for a full version and the second teaser version 600 pixels wide. The two versions encourage website visitors to view the teaser and then download the full version for complete details.

There are many free online embedded code generators that work well. However, you can create a quality code with SEO value. With the following elements, you’ll create a customized code to meet your specifications:

<a

href=“http://yourwebsite.com/your-infographic/”>

<img

scr=http://infographic.yourwebsite.com/s/images/best-infographic-600.png alt=“Best Infographic” title=“Best Infographic” width=“600” height=“2831” /></a>

<br/>

<a href=“http://yourwebsite.com”> Your Website — Your landing Page </a>

Copy and paste the code into your webpage and make sharing options easily available.

Optimizing the Infographic

Infographics also hold a certain degree of SEO power. When developing the infographic and generating the code, keep repetition in mind. Use the same keyword phrase in the infographic link, link to the full version and teaser image, alt text and title text for both versions, and be sure to link back to your company.

Maximizing Infographic Traffic

Display the embedded code underneath your infographic for easy sharing and downloading. As you generate an interest with your infographic, a high click rate will develop quality leads. Collect and analyze the data to leverage the information to further distribute your infographic to your targeted audience.

With a compelling infographic, your inbound traffic will increase as Ethos3 reports social media users are 40 percent more likely to share visual content. As a result, websites experience an average of a 12 percent increase in traffic after uploading an infographic. In the end, you’ll benefit from a stickier website as you drive traffic, promote your brand, and generate social shares.

 

Sources:

“6 Benefits of Using Infographics” Search Engine Journal

“Why are Infographics So Popular?” Graphs