creating amazing content

168
Making it Great: Tactics for Amazing Content Ian Lurie Content Creation @portentint | #ContentJam

Upload: ian-lurie

Post on 15-Apr-2017

6.503 views

Category:

Marketing


1 download

TRANSCRIPT

Page 1: Creating Amazing Content

Making it Great: Tactics for Amazing Content

Ian Lurie

Content Creation

@portentint | #ContentJam

Page 2: Creating Amazing Content

Facts about me

Page 3: Creating Amazing Content

I run an agency: Portent, Inc. If you’re in Seale, look us up

Page 4: Creating Amazing Content

I have no design skills

Took 2 hours

Page 5: Creating Amazing Content

Our first site

Page 6: Creating Amazing Content

First content marketing ever

Page 7: Creating Amazing Content

I have no photography skills

My dog

Page 8: Creating Amazing Content

I have no pography skills

I used this font on corporate web sites

Page 9: Creating Amazing Content

I can’t spell

Philsophy

Page 10: Creating Amazing Content

I don’t crap rainbows. I fail hard. A lot.

5-year timespan

Page 11: Creating Amazing Content

All sales to my mom

Page 12: Creating Amazing Content

I am not a narcissistic asshat I use my stuff because I have permission

Page 13: Creating Amazing Content

But, I have learned:

Content’s all about the tactics.

Page 14: Creating Amazing Content

1. Lile things can erode the experience

Page 15: Creating Amazing Content

2. Lile things can improve it

Page 16: Creating Amazing Content

IAN, THAT IMAGE LOOKS LIKE !@##

Owns me

Page 17: Creating Amazing Content

HUFFINGTON POST

3. Lile things become big things

Page 18: Creating Amazing Content

Pardon impossible, to send to Siberia Pardon, impossible to send to Siberia

Czarina Maria Fyodorovna

Page 19: Creating Amazing Content

4. We’re responsible for the outcome of a process

“Hey, we need content!!!”

Nervous breakdownPublish

How many blog posts can write?

Sorry, the CMS is down

Actually, let’s do an infographic

Our lawyers said…

But we don’t control it

Page 20: Creating Amazing Content
Page 21: Creating Amazing Content

5. But we do control the tactics

Page 22: Creating Amazing Content

Great content starts with the ideas

Page 23: Creating Amazing Content

But amazing content happens because of tactics

@#$!@ Right

Page 24: Creating Amazing Content

HUFFINGTON POST

IT’S NOT CONTENT. IT’S AN APP.

What probably happened

Page 25: Creating Amazing Content

Content?

GO WORK ON YOUR BLOG POSTS

Page 26: Creating Amazing Content

Content?

GO WORK ON YOUR BLOG POSTS

Page 27: Creating Amazing Content
Page 28: Creating Amazing Content

IT’S ALL CONTENT Oh my gods why is it so hard to get people to understand that it’s not just the blog

Page 29: Creating Amazing Content

Content

Page 30: Creating Amazing Content

Content

Page 31: Creating Amazing Content
Page 32: Creating Amazing Content
Page 33: Creating Amazing Content

Content

Page 34: Creating Amazing Content

Content

Page 35: Creating Amazing Content

Content

Page 36: Creating Amazing Content
Page 37: Creating Amazing Content

Content

Page 38: Creating Amazing Content

These tactics apply to all content

Page 39: Creating Amazing Content

Authoring

Page 40: Creating Amazing Content

Write in plain text

Page 41: Creating Amazing Content

Geekery One way or another, the characters end up meeting with Angus Bloodstone at The Brimming Tankard. The dwarf knows the PCs. They've spent time here during their training at Swords Cross. He greets them heartily, immediately putting their favorite drinks up on the bar. The Convo Once the conversation starts, Angus will motion towards a table, where they all sit down. Angus lowers his brow as only a dwarf can. He then tells the characters his suspicions about digging under the city. Depending on plots already completed, his information may send them to Plot 2, 9 or further along Plot 1. 1. If the characters are receptive, he'll buy them an ale 2. If they're sarcastic, he'll slap the biggest one 3. If one of the party is an elf, Angus regards them with grudging respect and a little suspicion.

Plain Text 100% cross-platform 100% future-proof

Page 42: Creating Amazing Content

Plain Text Doesn’t do this shit

Plain Text

Page 43: Creating Amazing Content

No surprises

Page 44: Creating Amazing Content
Page 45: Creating Amazing Content

Plain Text Editing Mode

YAY! Looks great!

Visual from MS Word

Page 46: Creating Amazing Content

Sonofa…

Page 47: Creating Amazing Content

Surprise!!!!

Page 48: Creating Amazing Content

<span style=”FONT-FAMILY: wtfbold”> One way or another, the characters end up meeting with

Angus Bloodstone at The Brimming Tankard. <span style=”mso-spacerun: yes”> </span> The dwarf knows the PCs. They've spent time here during

their training at Swords Cross. He greets them heartily, immediately putting their favorite drinks up on the bar.

<b style=”mso-bidi-font-weight: normal”> Once the conversation starts </b>, <i style=”mso-bidi-font-style: normal”>make this

italics</i>, <u>underlines</u>, and <span style=”COLOR: red”>font colors</span>

<p></p> </span></p>

Pasted from Word to SiteCore 100% clusterf$#@

MS Word to Most CMSes

Page 49: Creating Amazing Content

<span style=”FONT-FAMILY: wtfbold”> One way or another, the characters end up meeting with

Angus Bloodstone at The Brimming Tankard. <span style=”mso-spacerun: yes”> </span> The dwarf knows the PCs. They've spent time here during

their training at Swords Cross. He greets them heartily, immediately putting their favorite drinks up on the bar.

<b style=”mso-bidi-font-weight: normal”> Once the conversation starts </b>, <i style=”mso-bidi-font-style: normal”>make this

italics</i>, <u>underlines</u>, and <span style=”COLOR: red”>font colors</span>

<p></p> </span></p>

Pasted from Word to SiteCore 100% clusterf$#@

LSD-Driven HTML

Page 50: Creating Amazing Content

<p>One way or another, the characters end up meeting with Angus Bloodstone at The Brimming Tankard. The dwarf knows the PCs. They've spent time here during their training at Swords Cross. He greets them heartily, immediately putting their favorite drinks up on the bar.</p> <p>Once this conversation starts, make this <em>italics</em>, <u>underlines</u> and <span style=“color:red”>font colors</span></p>

The Metamorphosis

<span style=”FONT-FAMILY: wtfbold”> One way or another, the characters end up meeting with Angus

Bloodstone at The Brimming Tankard. <span style=”mso-spacerun: yes”> </span> The dwarf knows the PCs. They've spent time here during

their training at Swords Cross. He greets them heartily, immediately putting their favorite drinks up on the bar.

<b style=”mso-bidi-font-weight: normal”> Once the conversation starts </b>, <i style=”mso-bidi-font-style: normal”>make this

italics</i>, <u>underlines</u>, and <span style=”COLOR: red”>font colors</span>

<p></p> </span></p>

heeelllppppmeeeeee

This became…

…this.

Page 51: Creating Amazing Content

Instead: Write In Plain Text

Geekery One way or another, the characters end up meeting with Angus Bloodstone at The Brimming Tankard. The dwarf knows the PCs. They've spent time here during their training at Swords Cross. He greets them heartily, immediately putting their favorite drinks up on the bar. The Convo Once the conversation starts, Angus will motion towards a table, where they all sit down. Angus lowers his brow as only a dwarf can. He then tells the characters his suspicions about digging under the city. Depending on plots already completed, his information may send them to Plot 2, 9 or further along Plot 1. 1. If the characters are receptive, he'll buy them an ale 2. If they're sarcastic, he'll slap the biggest one 3. If one of the party is an elf, Angus regards them with grudging respect and a little suspicion.

Clean Easily adapted to many formats Great for use on the web

Page 52: Creating Amazing Content

Or, Cut-And-Paste

MS Word Plain Text CMS

Page 53: Creating Amazing Content

<h1></h1>

<p></p>

<ol></ol>

<li></li>

<a href=“”></a>

&amp;

&endash;

&emdash;

&rdquo;

&rsquo;

&ldquo;

&lsquo;

Learn Formaing In HTML

Page 54: Creating Amazing Content

Chill. He’s kidding.

Page 55: Creating Amazing Content

Learn Markdown

Page 56: Creating Amazing Content

Write in plain text + Markdown

# Heading## Heading 2### Heading 3

1. Numbered 12. Numbered 23. Numbered 3

* Bullet 1 * Bullet 2

**Bold***Emphasis*

[Link text](Link URL)

Now, you know Markdown

Page 57: Creating Amazing Content

Write in plain text + Markdown

# GeekeryOne way or another, the characters end up meeting with Angus Bloodstone at **The Brimming Tankard**. The dwarf knows the PCs. They’ve spent time here during their training at *Swords Cross*. He greets them heartily, immediately putting their favorite drinks up on the bar.

## The ConvoOnce the conversation starts, Angus will motion towards a table, where they all sit down. Angus lowers his brow as only a dwarf can. He then tells the characters his suspicions about digging under the city. Depending on plots already completed, his information may send them to Plot 2, 9 or further along Plot 1.

1. If the characters are receptive, he'll buy them an ale2. If they're sarcastic, he'll slap the biggest one3. If one of the party is an elf, Angus regards them with grudging respect and a little suspicion. Elves helped save him during The Fall, in exchange for his help repairing their stone ships.

From [a page on the internet](http://www.gibblegibbet.com).

Heading Bold

Heading 2

Numbered

Link

Paragraph

Page 58: Creating Amazing Content

Copy From Preview Tool

Page 59: Creating Amazing Content

Converts to…

<h1 id="geekery">Geekery</h1>

<p>One way or another, the characters end up meeting with Angus Bloodstone at <strong>The Brimming Tankard</strong>. The dwarf knows the PCs. They’ve spent time here during their training at <em>Swords Cross</em>. He greets them heartily, immediately putting their favorite drinks up on the bar.</p>

<h2 id="theconvo">The Convo</h2>

<p>Once the conversation starts, Angus will motion towards a table, where they all sit down. Angus lowers his brow as only a dwarf can. He then tells the characters his suspicions about digging under the city. Depending on plots already completed, his information may send them to Plot 2, 9 or further along Plot 1.</p>

<ol><li>If the characters are receptive, he&#8217;ll buy them an ale</li><li>If they&#8217;re sarcastic, he&#8217;ll slap the biggest one</li><li>If one of the party is an elf, Angus regards them with grudging respect and a little suspicion. Elves helped save him during The Fall, in exchange for his help repairing their stone ships.</li></ol>

<p>From <a href="http://www.gibblegibbet.com">a page on the internet</a>.</p>

Heading

Bold

Heading 2

Numbered

Link

Paragraph

Page 60: Creating Amazing Content

Converts to…

<h1 id="geekery">Geekery</h1>

<p>One way or another, the characters end up meeting with Angus Bloodstone at <strong>The Brimming Tankard</strong>. The dwarf knows the PCs. They’ve spent time here during their training at <em>Swords Cross</em>. He greets them heartily, immediately putting their favorite drinks up on the bar.</p>

<h2 id="theconvo">The Convo</h2>

<p>Once the conversation starts, Angus will motion towards a table, where they all sit down. Angus lowers his brow as only a dwarf can. He then tells the characters his suspicions about digging under the city. Depending on plots already completed, his information may send them to Plot 2, 9 or further along Plot 1.</p>

<ol><li>If the characters are receptive, he&#8217;ll buy them an ale</li><li>If they&#8217;re sarcastic, he&#8217;ll slap the biggest one</li><li>If one of the party is an elf, Angus regards them with grudging respect and a little suspicion. Elves helped save him during The Fall, in exchange for his help repairing their stone ships.</li></ol>

<p>From <a href="http://www.gibblegibbet.com">a page on the internet</a>.</p>

Smart quotes

Page 61: Creating Amazing Content

Paste into CMS

Easy No surprises Super-clean Will adopt site formaing

Page 62: Creating Amazing Content

Converts to…

Heading Bold

Heading 2

Numbered Link

Paragraph

Smart quotes

Page 63: Creating Amazing Content

Some tools

Page 64: Creating Amazing Content

dillinger.io

Browser-based editing and formaing

Page 65: Creating Amazing Content

Marked

OS X preview tool

Page 66: Creating Amazing Content

MarkdownPad

Windows

Page 67: Creating Amazing Content

Sublime Text

Nerdvana

Page 68: Creating Amazing Content

IA Writer

Page 69: Creating Amazing Content

i am pumped

Page 70: Creating Amazing Content

Get fast

Page 71: Creating Amazing Content

TextExpander

.sm [tab] social media

hh2 [tab] ## | ##

Page 72: Creating Amazing Content

TextExpander ;jewwatch [tab]

Our first step is geing links removed from sites that had no intention of helping Jew Watch rank. I've built a list of the 'unintentional boosters'. I need folks to contact these sites.

Your assignment, should you choose to accept it, is:

Please do the following:

1. Find out who to contact to remove the link from the above page(s).

2. Contact them and ask politely if they'd remove the link. You can use this message, or write your own:

Page 73: Creating Amazing Content

Language

Page 74: Creating Amazing Content

Make your text more brief Use fewer words

Be concise

Page 75: Creating Amazing Content

He was paid by the word. You are not.

Page 76: Creating Amazing Content

Stop adverb abuse

I am emphatically opposed to painfully overusing adverbs. They make it really hard to read even the most carefully wrien text.

I oppose overusing adverbs. They make it hard to read even the most carefully wrien text.

Page 77: Creating Amazing Content

Use active voice 99% of the time

The product is manufactured by us.

We manufacture the product.

Page 78: Creating Amazing Content

Dump plague words

Indeed, the end result was, beyond a shadow of a doubt, success.

It was a success.

Page 79: Creating Amazing Content

Dump plague words

Obviously, I love chocolate.

I love chocolate.

Page 80: Creating Amazing Content

Dump plague words

end result result indeed omit regardless omit simply put omit obviously omit beyond a shadow of a doubt definitely

hp://portent.co/plague-wordz

Page 81: Creating Amazing Content

Get to the point

Page 82: Creating Amazing Content

We’ve all been there

“If you don’t rank, you won’t get much traffic from search engines”

“200mph is fast”

“Aster 20 years, I’ve been doing this a long time”

I’m trying to find the point, but I can’t.

Page 83: Creating Amazing Content

Oy.

Page 84: Creating Amazing Content

Use tools to edit & proofread (because you won’t have time)

Page 85: Creating Amazing Content

Hemingway App

Page 86: Creating Amazing Content

Grammarly

Page 87: Creating Amazing Content

User Experience

Page 88: Creating Amazing Content

Don’t use lame stock images

Page 89: Creating Amazing Content
Page 90: Creating Amazing Content

Matching water levels Blank pads

All happy

Page 91: Creating Amazing Content

Showing up everywhere

Page 92: Creating Amazing Content

Showing up everywhere

Page 93: Creating Amazing Content

Showing up everywhere

Page 94: Creating Amazing Content

Lack of brand safe

Page 95: Creating Amazing Content

What’s so funny?

Page 96: Creating Amazing Content

Sometimes you just have to use a stock image, I know

Page 97: Creating Amazing Content

buuuuuurppp

castle ain’t what it used to be. i’m crying in

side.

So own it

if i look down, no one will know I’m

high

Page 98: Creating Amazing Content
Page 99: Creating Amazing Content

Images must have a purpose (they’re not white space)

Page 100: Creating Amazing Content

No

Page 101: Creating Amazing Content

Yes

Page 102: Creating Amazing Content

Well, OK

Page 103: Creating Amazing Content

Great sources: Pexels.com

Unsplash.com

For annotating screen caps: Snagit Skitch

Page 104: Creating Amazing Content

Site speed = UX Images = site speed

Page 105: Creating Amazing Content

Load time goes up Engagement goes down

if you’d listened to ian, i’d be alive right now

Page 106: Creating Amazing Content

700kb png 64kb jpg

JPG for photos

Page 107: Creating Amazing Content

24kb jpg 4kb png

6kb jpg

PNG for less photo-ish

Page 108: Creating Amazing Content

4kb png

6kb jpg

Ewwww. Artifacts.

Page 109: Creating Amazing Content

1.1 megabytes

Compress!!!

Page 110: Creating Amazing Content

227kb

Compress!!!

Page 111: Creating Amazing Content

Imageoptim (mac) www.imageoptim.com

Page 112: Creating Amazing Content

Preview (Mac)

Page 113: Creating Amazing Content

On the PC, try Caesium

Page 114: Creating Amazing Content

Create a cool feature image

Page 115: Creating Amazing Content

Pablo

Page 116: Creating Amazing Content

Link with care

Page 117: Creating Amazing Content

Will anyone click these links?

This is the best dang bicycle you’ll ever ride. It pedals itself, but somehow burns calories at the same time! And it has a built-in umbrella! We wrote about the Capybara 200 and said it was the best. But it’s not. The Pangolin wins. As reported by Bicycling Magazine.

Page 118: Creating Amazing Content

i will kick your ass

Page 119: Creating Amazing Content

OK

This is the best dang bicycle you’ll ever ride. It pedals itself, but somehow burns calories at the same time! And it has a built-in umbrella! We wrote about the Capybara 200 and said it was the best. But it’s not. The Pangolin wins. As reported by Bicycling Magazine.

Page 120: Creating Amazing Content

No more than 4-5 lines/paragraph

Page 121: Creating Amazing Content
Page 122: Creating Amazing Content
Page 123: Creating Amazing Content

No more than 13-15 words/line

Page 124: Creating Amazing Content
Page 125: Creating Amazing Content
Page 126: Creating Amazing Content

3-5 paragraphs between headings

Page 127: Creating Amazing Content
Page 128: Creating Amazing Content
Page 129: Creating Amazing Content

Process

Page 130: Creating Amazing Content

Stay off the format bandwagon

Page 131: Creating Amazing Content

Stay off the bandwagon

infographics

infographics

infographicsinfographics

Page 132: Creating Amazing Content

Instructions should not be “infographics”

Lists should not be “infographics” without a really good reason

Page 133: Creating Amazing Content

Take the numbers. Present them graphically. Then this is a great infographic.

Page 134: Creating Amazing Content

Longform of the longform so we can create some longform content with longform layouts and a parallax scroll so it’s really cool longform.

Page 135: Creating Amazing Content

Use When

Infographics High information densi

Longform A long, interesting narrative

Whitepapers Audience deserves punishment

Blog posts Always, I guess

Slides A progression of ideas

Page 136: Creating Amazing Content

Use When

Audio You have the resources

Video Same

Interactive content Same

Page 137: Creating Amazing Content

Batch and chunk

Page 138: Creating Amazing Content

One piece One editing run

Five posts

Page 139: Creating Amazing Content

Fewer trips through the process Higher efficiency

Page 140: Creating Amazing Content

Repurpose

Page 141: Creating Amazing Content

This worked

Page 142: Creating Amazing Content

OK.

Page 143: Creating Amazing Content

Check

Page 144: Creating Amazing Content

Wait a second...

Page 145: Creating Amazing Content

Up next

Page 146: Creating Amazing Content

Do not duplicate! Each must build on the last.

Page 147: Creating Amazing Content

If you used plain text, repurposing is easy

Page 148: Creating Amazing Content

Why?

Content’s already approved

You know it works

(Yeah, ok, it’s a cheesy stock photo

Page 149: Creating Amazing Content

Rollup (h/t Michael Martinez @seo-theory)

Page 150: Creating Amazing Content

Write about rutabagas

Page 151: Creating Amazing Content

Write about carrots

Page 152: Creating Amazing Content

Write about beef

Page 153: Creating Amazing Content

6 months later, pull relevant content from each piece and write about stew

well, crap.

Page 154: Creating Amazing Content

A less sick example

10 scary food additives

5 ways to keep your food nutritious

Industrial farming: Pros and cons

(traffic dies down)

The Guide to The American Food Chain

Page 155: Creating Amazing Content

Piggy-back

Page 156: Creating Amazing Content

LinkedIn Quora Reddit

Medium SlideShare

Page 157: Creating Amazing Content

My audience

Their audience

Page 158: Creating Amazing Content

They’ve done the formaing

Page 159: Creating Amazing Content

They’ve done the formaing They’ve built the tools

Page 160: Creating Amazing Content

The summary

Page 161: Creating Amazing Content

IT’S ALL CONTENT Oh my gods why is it so hard to get people to understand that it’s not just the blog

Page 162: Creating Amazing Content

Authoring

Work in plain text

Use Markdown to generate HTML

Get fast

Page 163: Creating Amazing Content

Language

Less passive voice

No plague words

Get to the point

Systematically edit & proofread

Page 164: Creating Amazing Content

User experience

No crappy stock photos

Use the right image format

Compress images

Link when it’s helpful

13-15 words/line

3-5 lines/paragraph

3-5 paragraphs per heading

Page 165: Creating Amazing Content

Process

Stay off the format bandwagon

Batch and chunk

Rollup

Repurpose

Page 166: Creating Amazing Content

Amazing content happens (or doesn’t happen) because of tactics

Page 167: Creating Amazing Content

The links: hp://portent.co/amazecontent

Page 168: Creating Amazing Content

Thank you! Ian Lurie

@portentint | #ContentJam