cool infographics: publishing and promotion

October 9, 2017

Cool Infographics:Publishing and Promotion

Randy Krum

Designer | Author | Instructor

@rtkrum

State of Search

Conference 2017

Global Internet Traffic Growth

(Petabytes/Month)

Cisco Visual Networking Index, 2016

2017

Over 200,000 Petabytes/Month by 2020

@rtkrum

#StateOfSearch

Image by Will Lion, 2008@rtkrum

#StateOfSearch

Search term =

“Infographic”

0

100

50

2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017

@rtkrum

#StateOfSearch

Infographics Tell

Stories

Combining

Text

Illustrations

Data Visualizations

Layout@rtkrum

#StateOfSearch

Most

Infographic

s Suck!

@rtkrum

#StateOfSearch

Good Infographics are…

Understood

Quickly

Memorable Actionable@rtkrum

#StateOfSearch

Fictional Infographic

SEO Strategies

Used by the

Experts!

Search Keywords

1. SEO

2. Experts

3. Strategies

@rtkrum

#StateOfSearch

“By failing to prepare,

you are preparing to fail.”

- Benjamin Franklin

Setup Your Infographic for

Success

@rtkrum

#StateOfSearch

Infographics and

“Search Engine Optimization"@rtkrum

#StateOfSearch

Web spiders

can’t see your

infographic

@rtkrum

#StateOfSearch

The Goal:

Quality, High Ranking

BackLinks

Mashable

@rtkrum

#StateOfSearch

Facebook, Twitter &

Pinterest

DON’T COUNT

@rtkrum

#StateOfSearch

Not RelevantPopular Content

Unrelated to site

@rtkrum

#StateOfSearch

ONE DOES NOT SIMPLY

POST AN INFOGRAPHIC ON THE BLOG@rtkrum

#StateOfSearch

1. Landing Page

2. Self-Promotion

3. Outreach

4. Tracking

Infographic Release

Strategy

@rtkrum

#StateOfSearch

Nail the Landing

Page@rtkrum

#StateOfSearch

1. Infographic Landing Page

2. Title Tag

3. H1 Page Title

4. Text description with links

5. Image File Name

6. Image ALT attribute

7. Sharing buttons with custom text

8. Embed code

9. Shareable thumbnail

10.Mobile Friendly

11.EXIF Data@rtkrum

#StateOfSearch

1. Where to Post the Infographic?

You Want…

To direct as many views and links to one URL

To have control and analytics of the target URL

To be able to edit and modify@rtkrum

#StateOfSearch

Avoid just an image

SEO Strategies

Used by the

Experts!

http://coolinfographics.com/

SEO-Strategies-Experts-Infographic.jpg

@rtkrum

#StateOfSearch

A dedicated webpage

SEO Strategies

Used by the

Experts!


SEO-Strategies-Experts-Infographic.html

1. Analytics

2. Layout

3. Text

4. Meta Data



Put the Landing Page URL in the infographic image!

@rtkrum

#StateOfSearch

The Landing Page URL

Matters!

http://coolinfographics.com/SEOStrategiesExpertsInfographic.html

1. Includes Keywords

2. Search Spiders parse the page URL for keywords

3. Don’t run words together

@rtkrum

#StateOfSearch

Landing Page URL

http://coolinfographics.com/SEO_Strategies_Experts_Infographic.html

Underscore character “_” is a WORD JOINER

@rtkrum

#StateOfSearch

Landing Page URL

http://coolinfographics.com/SEO-Strategies-Experts-Infographic.html

Dash/Hyphen character “-” is a WORD SEPARATOR

@rtkrum

#StateOfSearch

Landing Page URL


1. Uses Keywords

2. Search Spiders parse the page URL for keywords

3. Use separator: Don’t run words together

4. Sequence Matters

5. Add the word “infographic”

TIP: Create a shortened link for long URLs: http://bit.ly/1Ua4TBB

http://bit.ly/SEOinfographic@rtkrum

#StateOfSearch


Landing Page URL

@rtkrum

#StateOfSearch

Landing Page Layout

< >

Sharing Buttons

Text Description

Infographic Image

Embed Code

@rtkrum

#StateOfSearch

2. Title Tag

<head>

<title>Expert SEO Strategies Infographic</title>

</head>

Use natural language

Avoid “Keyword Stuffing”

Word order matters (most important first)

<body>

</body>@rtkrum

#StateOfSearch

Why are Title Tags Important?

Search Results

Visible to the User Social Default

@rtkrum

#StateOfSearch

Keep Title Tags

Under 55

Characters

@rtkrum

#StateOfSearch

Title Tag Tool

@rtkrum

#StateOfSearch

Expert SEO Strategies Infographic

Title Tag


@rtkrum

#StateOfSearch

3. Page Title

<head>

</head>

<body>

<h1> SEO Strategies Used By The Experts</h1>

</body>

Displays at the top of the page for the reader

H1 header style identifies this as the most important text on the page

@rtkrum

#StateOfSearch


Page Titlehttp://coolinfographics.com/SEO-Strategies-Experts-Infographic.html

SEO Strategies Used By The Experts

@rtkrum

#StateOfSearch

4. Text DescriptionUse natural language, Avoid “Keyword Stuffing”

Displays on the page for the reader

May include text links

Keep short, only 1-2 paragraphs

We surveyed 200 of the top SEO industry experts to identify

the top strategies used today. The infographic below

breaks down the most common strategies and tactics used

by the experts. Learn more about our SEO services!@rtkrum

#StateOfSearch


Description

Text


SEO Strategies Used By The ExpertsWe surveyed 200 of the top SEO industry experts to identify the top

strategies used today. The infographic below breaks down the most

common strategies and tactics used by the experts. Learn more about our

SEO services!

@rtkrum

#StateOfSearch

5. Meta DescriptionUse natural language, Avoid “Keyword Stuffing”

Displays as text snippet in search results

Keep short, less than 160 characters

@rtkrum

#StateOfSearch

5. Meta Description

<head>

<meta name="description" content="This infographic

breaks down the most common strategies and tactics

used by the top SEO industry experts”

</head>

<body>

</body>@rtkrum

#StateOfSearch

6. Social Sharing

ButtonsCan use individual Social Buttons

Or a multi-button service

Place at top of page for easy sharing

@rtkrum

#StateOfSearch

Customize

the

default text

@rtkrum

#StateOfSearch


Social

Sharing

Buttons





SEO services!

@rtkrum

#StateOfSearch

7. Infographic

Image

Filename

SEO Strategies

Used by the

Experts!

Infographic.jpg

Infographic Final Final Final.jpg

NO

@rtkrum

#StateOfSearch

SEO-Strategies-Experts-Infographic SEO Strategies Experts Infographic

SEO_Strategies_Experts_Infographic SEOStrategiesExpertsInfographic

_ Underscore is a word joiner

- Hyphen/Dash is a word separator

=

=

@rtkrum

#StateOfSearch

A Good Image

Filename

SEO Strategies

Used by the

Experts!

SEO-Strategies-Experts-Infographic.jpg

@rtkrum

#StateOfSearch

8. Image ALT Text Attribute

<body>

<img src=“SEO-Strategies-Experts-Infographic.jpg” alt=“Top

SEO Strategies Used By Expert marketing consultants to

improve the PageRank of web pages”>

</body>

Text displayed when images are turned off in the browser

Also used for accessibility software

Should be natural language

@rtkrum

#StateOfSearch


Image

File





SEO services!

SEO Strategies

Used by the

Experts!

@rtkrum

#StateOfSearch

9. Embed CodeOthers can use the code to display your infographic on their website

Avoids downloading the image and uploading to their server

Gives you control over the HTML used by others

@rtkrum

#StateOfSearch

Embed Code

Fully functional HTML code

Don’t overdo it - you will scare off sharing

You control the image, the link, the Alt-Text and the Display text@rtkrum

#StateOfSearch

Embed Code<body>

<p>Please share this infographic on your site by copying and pasting the code

below</p>

<textarea style=“width:540px;height:100px”>

<a href= “http://coolinfographics.com/SEO-Strategies-Experts-

Infographic.html”>

<img src=“ SEO-Strategies-Experts-Infographic-small-500px.jpg” alt=“Top SEO

strategies used by expert marketing consultant to improve the PageRank of

websites”>

</a>

<p> SEO Strategies Used By The Experts - An infographic by the team at <a

href="http://coolinfographics.com" >Cool Infographics</a>

</textarea>

</body>@rtkrum

#StateOfSearch


Embed

Code




@rtkrum

#StateOfSearch

Landing Page Layout

< >

Sharing Buttons

Text Description

Infographic Image

Embed Code

@rtkrum

#StateOfSearch

10. Mobile Friendly

In April 2015, Google started using Mobile Friendliness as a ranking factor

@rtkrum

#StateOfSearch

Don’t use IMG

attributes to reduce

image size

SEO Strategies

Used by the

Experts!

2,000px wide

<body>

<img src=“SEO-Strategies-Experts-

Infographic.jpg” width = “800” height = “1500”>

</body>

NO

@rtkrum

#StateOfSearch

Compress

images to

reduce file size

and faster page

load times

SEO Strategies

Used by the

Experts!

SEO

Strategies

Used by the

Experts!

800px wide for

original

infographic

500px wide for

embed code and

blog posts@rtkrum

#StateOfSearch

Use Google’s Mobile

Friendly Test

@rtkrum

#StateOfSearch

11. Edit the EXIF

Data

@rtkrum

#StateOfSearch

EXIF Editor (Mac)

@rtkrum

#StateOfSearch

1. Infographic Landing Page

2. Title Tag

3. H1 Page Title

4. Text description with links

5. Image File Name

6. Image ALT attribute

7. Sharing buttons with custom text

8. Embed code

9. Shareable thumbnail

10.Mobile Friendly

11.EXIF Data@rtkrum

#StateOfSearch

2. Self Promotion

Infographic

Landing Page

Company Website

Company BlogCompany

Social Media

Email

Newsletter

Company

Website

Home Page

@rtkrum

#StateOfSearch

9. Shareable ThumbnailsFor Social Media Sharing

@rtkrum

#StateOfSearch

Image

Sharing

Issues

@rtkrum

#StateOfSearch

Explicit vs. Implicit images

@rtkrum

#StateOfSearch

Explicit images only

2:1 Aspect Ratio

@rtkrum

#StateOfSearch

Post on Company’s Social Media

1. Post across all company channels

2. Post multiple times

3. All posts link to the Infographic Landing Page

4. Post different days of the week

5. Post different times of the day

6. Include thumbnail images@rtkrum

#StateOfSearch

Promoted Posts

Facebook’s 20% Rule

@rtkrum

#StateOfSearch

New Facebook Image Tester

facebook.com/ads/tools/text_overlay@rtkrum

#StateOfSearch

3. Outreach

Key

Influencers

News

Media

Personal

Networks

Infographic

Sites

@rtkrum

#StateOfSearch

Key InfluencersSearch for authors that have posted on similar topics

1. Active?

2. PageRank?

3. Traffic?

4. Followers?

5. Infographics?

@rtkrum

#StateOfSearch

Your Message to

Influencers

• Personal Note

• Why relevant to their audience

• Link to infographic Landing Page

• Text description of infographic

@rtkrum

#StateOfSearch

Outreach Errors

• Don’t send a form letter

• Don’t get the influencer name or website

wrong

• Don’t include the JPG image

• Don’t offer exclusivity

• Don’t ask for a reply to get the link

@rtkrum

#StateOfSearch

Infographics Sites

1. Self Publishing Sites

2. Free Submission Sites

3. Paid Submission Sites

List on: coolinfographics.com/links

@rtkrum

#StateOfSearch

PR News Sites

@rtkrum

#StateOfSearch

4. Tracking

Social

Shares

Backlinks Posts

Without Links

Web Stats

@rtkrum

#StateOfSearch

Google Analytics

@rtkrum

#StateOfSearch

Link Shortener Analytics

@rtkrum

#StateOfSearch

Check the Social Counters on

top backlink sites

Your

CountersOther Counters

@rtkrum

#StateOfSearch

Site

Explorermajestic.com

@rtkrum

#StateOfSearch

https://majestic.com/

https://majestic.com/

Open Site

Explorermoz.com/researchtools/ose

@rtkrum

#StateOfSearch

https://moz.com/researchtools/ose/

https://moz.com/researchtools/ose/

Reverse Image Search

@rtkrum

#StateOfSearch

coolinfographics.com/book

Download a Free Chapter!

@rtkrum

#StateOfSearch

DFW Data Visualization & Infographics

#DFWDataViz Meetup.com/DFWDataViz

@rtkrum

#StateOfSearch

Contact

infonewt.com

@rtkrum

coolinfographics.com

[email protected]

@rtkrum

#StateOfSearch

cool infographics: publishing and promotion

Marketing