Nuts and bolts of web editing

71
Web editor training Nuts and bolts of web editing

Transcript of Nuts and bolts of web editing

Page 1: Nuts and bolts of web editing

Web editor training

Nuts and bolts of web editing

Page 2: Nuts and bolts of web editing

Presentation titlePage 2

What’s so bad about PDFs?

PDFs are ―unfit for human

consumption‖.http://www.useit.com/alertbox/20030714.html.

Page 3: Nuts and bolts of web editing

Presentation titlePage 3

PDF usability crimes

•Linear exposition•Jarring user experience•Crashes and software problems•Breaks flow•Orphaned location•Content blob•Text fits the printed page, not a computer screen

Page 4: Nuts and bolts of web editing

Presentation titlePage 4

HTML presentations engage readers more than PDFs hands down

02000400060008000

100001200014000

PDF readers

HTML presentation readers

Column1

Page 5: Nuts and bolts of web editing

Presentation titlePage 5

This “high touch” approach has yielded dramatic results vs. the old PDF approach

► 40 times more people interacted with Opportunities in

adversity, Lessons from Change, other high-profile

content in HTML format

0

20000

40000

60000

80000

100000

120000

140000

160000

OIA LFC

PDF

HTML

Page 6: Nuts and bolts of web editing

Presentation titlePage 6

Understand your user

Rule No. 1

No one is going to read this.

They will skim it.

Page 7: Nuts and bolts of web editing

Presentation titlePage 7

Understand your reader

Page 8: Nuts and bolts of web editing

Presentation titlePage 8

―Why won’t it just tell me

what it’s about?‖

―I’ve looked everywhere – there’s nothing here but words.‖

―It demands so much of my time and concentration. This large block of

text, it expects me to figure everything out on my own, and I hate it.‖

―I’m sure if it’s important

enough, they’ll let us know

some other way.‖

―Whatever it is, I’m pretty sure it doesn’t even have a point.‖

Meet your reader

http://www.theonion.com/articles/nation-shudders-at-large-block-of-uninterrupted-te,16932/

Page 9: Nuts and bolts of web editing

Presentation titlePage 9

69% 80%

20%

Page 10: Nuts and bolts of web editing

Presentation titlePage 10

Skimming, slower reading rates

• 28 out of 100 words

• Reading is 25% slower online

Page 11: Nuts and bolts of web editing

Presentation titlePage 11

Skimming, subheadings, SEO, the squint test

Vs.

Page 12: Nuts and bolts of web editing

Presentation titlePage 12

Skimming

• The letter F

Page 13: Nuts and bolts of web editing

Presentation titlePage 13

Think well of your audience

People like eye candy just as they like word candy.

Page 14: Nuts and bolts of web editing

Presentation titlePage 14

From boring to less boring with YOU centric focus (PWC.com)

Page 15: Nuts and bolts of web editing

Presentation titlePage 15

Our clients want us to keep it simple

http://brandingzone.ey.net/national/tbz3.nsf/SitePage/About+the+brand_Bran

dcast+videos_Winning+with+words?opendocument&Expand=7

Page 16: Nuts and bolts of web editing

Presentation titlePage 16

Write for the 8th grade (age 13) reading level

Page 17: Nuts and bolts of web editing

Presentation titlePage 17

Rewrite from 9th grade to 8th grade

Page 18: Nuts and bolts of web editing

Presentation titlePage 18

Calculate reading level in Word

Once spelling and grammar

check is done, the readability

stats will show up

Page 19: Nuts and bolts of web editing

Presentation titlePage 19

Flesch–Kincaid reading ease test

Page 20: Nuts and bolts of web editing

Presentation titlePage 20

Flesch-Kincaid grade level test

(0.39 x Average sentence length)

+ (11.8 x Average number of syllables per word)

- 15.59

Flesch-Kincaid reading age/grade level

The lowest grade level score in theory is −3.40, but there are few real passages where every sentence consists

of a single one-syllable word. Green Eggs and Ham by Dr. Seuss comes close, averaging 5.7 words per

sentence and 1.02 syllables per word, with a grade level of −1.3. (Most of the 50 used words are monosyllabic;

"anywhere", which occurs 8 times, is an exception.)

Page 21: Nuts and bolts of web editing

Presentation titlePage 21

The plain and simple language machine

We don’t play favourites.

We are world-wide.

We are in it for the long haul.

We know the industries.

We have people with deep technical expertise so you don’t have to.

There is nothing easy about creating plain and simple language.

Page 22: Nuts and bolts of web editing

Presentation titlePage 22

Make it sing

Rule No. 2

You are a liberator of

good copy.You have a new identity as an editor. You

are a liberator. You free good copy from

the repetitive banality of thought leadership

and raise it up! You make it sing!

When you are an editor I want you to think

of this image – you only have two jobs,

1) liberate good copy and

2) submit your GT&E on time.

Page 23: Nuts and bolts of web editing

Presentation titlePage 23

Editing for the web experience

Page 24: Nuts and bolts of web editing

Presentation titlePage 24

WEB EDITS: best practicesPrint out this slide and post in your work space!

Write in PLAIN, SIMPLE language. Writing at a lower reading scale improves user

satisfaction and reading rates. Keep it conversational

Break up your paragraphs. No more than 2 sentences in each paragraph.

Restructure the piece as needed. Keep it simple.

Float the best content up to the front of the piece, and to the top of each page, preferably

into the first 200 words

Break up the text with graphics, call outs and bold text

Remove all unnecessary words, paragraphs and sections.

Use the active voice as much as possible.

Be on the look out for ―belly button gazing,‖ and backstories that are making their

presence known on the web

Spend extra time on headings, subheadings, introduction page and writing your teaser and

headline. If you took all the headings and subheadings onto a page, they should tell your

story on their own.

Ask yourself:

Why should my reader care?

What’s the major take away message?

Writing compelling copy is hard. It is an art and takes a long time to get good at it.

The plot is often the same in all our reports – Worry about XYZ, then call us.

Page 25: Nuts and bolts of web editing

Presentation titlePage 25

We have made a habit of weak, confusing sentences.

―Our threat and vulnerability teams help you assess the

threats and build the right model for protecting your

company from threats, inside and out.‖ (Advisory)

―The Ernst & Young Climate Change and Sustainability

Framework is our proprietary, holistic methodology for

an enterprise-wide business transformation.‖ (CCaSS)

Page 26: Nuts and bolts of web editing

Presentation titlePage 26

The web is for connecting

Are we trying to IMPRESS people or

CONNECT with people?

Page 27: Nuts and bolts of web editing

Presentation titlePage 27

Focus on verbs, remove adjectives

―Our threat and vulnerability teams help you assess the

threats and build the right model for protecting your company

from threats, inside and out.‖

Page 28: Nuts and bolts of web editing

Presentation titlePage 28

Ernst &

Young

Client

Desired

outcome

Can’t legally say this

directlyWe…

Help

Aid

Enable

Guide

Assist

assess

Prevent

Suggest

encourage

Our indirectness is hurting us

Transitive

verbs can’t

stand on their

own. They are

often abstract.

Page 29: Nuts and bolts of web editing

Presentation titlePage 29

If you have something to say, you don’t need to show off with fancy words.

Original:

Our threat and vulnerability teams help you assess the

threats and build the right model for protecting your company

from threats, inside and out. (11.3 grade readability level)

Rewrite:

You need to protect your company from threats, inside and

out. We understand your business and we can help. (4.3 grade readability level)

Page 30: Nuts and bolts of web editing

Presentation titlePage 30

Put the client first – literally.

You need to protect your company from threats, inside and

out. As a trusted advisor, we can help.

By putting ―You‖ first – we put the client and their concerns in their world in

their business FIRST. It shows that we ―get it‖, we understand your business,

and we’re here to help.

Ernst & Young as long wanted to push the idea that we are ―a trusted advisor‖

and here’s our chance.

A more conversational tone is appropriate for the web. And you should always

be able to tell the whole story in two sentences.

Page 31: Nuts and bolts of web editing

Presentation titlePage 31

Focus on verbs, remove adjectives

―The Ernst & Young Climate Change and Sustainability

Framework is our proprietary, holistic methodology for an

enterprise-wide business transformation.‖

Would ―method‖ be the same as ―methodology‖?

-Trade a word with five syllabus for one with two which means the

same thing.

Is the fact that it’s proprietary and holistic important?

Use simple words. Write for the 8th grade reading level.

Page 32: Nuts and bolts of web editing

Presentation titlePage 32

If you have something to say, you don’t need to show off with fancy words.

Original:

The Ernst & Young Climate Change and Sustainability

Framework is our proprietary, holistic methodology for an

enterprise-wide business transformation. (20.2 grade readability level)

Rewrite:

We have a framework that takes you, step by step, through a

sustainable business transformation. (9.9 grade readability level)

Page 33: Nuts and bolts of web editing

Presentation titlePage 33

Active and passive voice

Passive voice

Caesar was stabbed by Brutus.

The subject, Caesar, was affected by the action of the verb.

Active voice

Brutus stabbed Caesar.

The subject, Brutus, denotes the doer, or agent.

Page 34: Nuts and bolts of web editing

Presentation titlePage 34

Active and passive voice

Passive voice

Subject (something was done to it, was affected by the verb)

The risks involved in cloud computing were examined by a

team of professionals and found to outweigh the benefits.

Active voice Subject (doer) verb object

Our team of professionals examined the risks involved in

cloud computing and found them to outweigh the benefits.

Page 35: Nuts and bolts of web editing

Presentation titlePage 35

Skip the scare tactics

If it wasn’t a big business issue, we wouldn’t be dedicating

resources to talking and writing about it.

The first idea presented is

this big scary problem of

health care reform.

Our readers may read that

and say, “Yeah I know it’s a

big problem, that’s why I’m

on the site looking for

answers!”

Example:

Health care reform is one of the most sweeping domestic policy changes

that the US has seen in decades, and it has vast implications for all

companies and their employees, not just hospitals, health plans, drug

makers and others in the health care industry. Among a number of other

changes, the law for the first time will require US employers to provide

affordable health coverage to their employees or face penalties.

Companies will need to look beyond human resources to understand

how health care reform will influence strategic, operational, compliance

and financial decision-making.

Responding to health care reform is not an option — it’s law. Although it

may be a 10-year journey toward full implementation, some provisions

affecting employers will take effect 23 September 2010. This first

milestone is approaching quickly, increasing the pressure on your

organization to take action now.

Page 36: Nuts and bolts of web editing

Presentation titlePage 36

Skip the scare tactics

If it wasn’t a big business issue, we wouldn’t be dedicating

resources to talking and writing about it.

Start with how EY

understands the problem

and can help.

Ernst & Young makes compliance easy

Ernst & Young can help you navigate the enormous complexities of the US health

care reform bill.

Our core skills — assurance, tax, transactions and advisory — as well as health care

sector-specific knowledge will help you understand and identify both the risks and

opportunities this new legislation brings.

We continue to monitor the ongoing regulatory and legislative developments as the

health care policy is interpreted and implemented over the next several years.

Our team will work with you to :

•Analyze the implications of the Patient Protection and Affordable Care Act

(PPACA)

•Provide recommendations around the risks and opportunities of the health

care reform bill

•Help you execute an action plan that addresses the risks, costs, and

compliance and strategic obligations that health care reform brings

Page 38: Nuts and bolts of web editing

Presentation titlePage 38

Why save the best for last?

The good

conclusions were

saved for page

26.

Page 39: Nuts and bolts of web editing

Presentation titlePage 39

Subheadings

Break up the text

Interactive

graphic /

navigation

SEO heading: ―IPO‖

and ―going public‖

Call outBulleted list for easy scanning

A slam dunk of a landing page

First sentence

is in a larger

font.

Cross

promotion

pointing to

more services

Page 40: Nuts and bolts of web editing

Presentation titlePage 40

To kill or to keep: Your right to reorganizeThe first five pages act as this PDF’s introduction. We need to get all the important content from the first five pages into the

area above the fold on the first page.

Keep: Top 10 list

first appears in

the table of

contents

Keep some, kill some:

Intro copy, some of it

really good, some of it

really unnecessary

Keep: Cool graphic that would

make a nice element to break

up the copy

Kill: Lengthy section devoted to the study

parameters. I never include this text. No

one wants to know HOW the results were

gathered – they just want to know WHAT

the results were, and WHY they should

care about them.

Page 41: Nuts and bolts of web editing

Presentation titlePage 41

Best practices followed:

1. Take away message above the

fold? Check.

2. Subheaders break up the text?

Check.

3. Content in lists? Check.

4. Graphic elements to balance

the text? Check.

5. Scannable? Check.

Plus, everyone loves a top 10 list.

Following best practices

Page 42: Nuts and bolts of web editing

Presentation titlePage 42

Why’s it so hard?

Writing

Page 43: Nuts and bolts of web editing

Presentation titlePage 43

Reverse engineer sticky ideasYou can make an idea interesting using this formula

Page 44: Nuts and bolts of web editing

Presentation titlePage 44

Page 45: Nuts and bolts of web editing

Presentation titlePage 45

The curse of knowledge

Tappers and listeners

Page 46: Nuts and bolts of web editing

Presentation titlePage 46

Simple

Find the core of the idea

―The more we reduce the amount of information in an idea,

the stickier it will be.‖

Tap into existing memories and schemas (ex: Polemo)

―It’s about elegance and prioritization, not dumbing down.‖

Don’t bury the lead

• Jounalism 101

• Don’t regurgitate information. Understand the value and meaning

Page 47: Nuts and bolts of web editing

Presentation titlePage 47

Unexpected

SURPRISE: Getting attention

• A flight announcement to remember

• Surprise gets our attention and makes us want to find the answer

• Break the guessing machine

INTEREST: Keeping attention

• ―Well the Aha! Experience is much more satisfying when it

preceded by the Huh? experience.‖

• Start with a mystery. Invite readers to wonder, how will it turn out?

CURIOSITY: Gaps in knowledge cause pain

• What will happen? Was I right?

• We watch bad movies just to see who done it!

Page 48: Nuts and bolts of web editing

Presentation titlePage 48

The top 10 risks for business

In today's post-downturn economy, a variety of business risks have emerged -- and some

have become more prominent. From the threat of increased regulation to emerging markets

to social responsibility and more, our survey of leading industry executives shows which

risks you should be prioritizing this year.

Planning for growth in business

Now that the global economy has stabilized, how are successful companies planning for

growth in the next three years? How can strategic changes made now help companies land

on their feet as the global economy begins to right itself? Read our report.

Examples of good copy writing

Page 49: Nuts and bolts of web editing

Presentation titlePage 49

Examples of good copy writing

Page 50: Nuts and bolts of web editing

Presentation titlePage 50

HEADLINES: Best practices

• Use action verbs in your headlines

• Keep it short – 50 characters or less

• Include keywords and phrases

• Make it compelling (SUCCESs Model)

• Questions are good

• Avoid ambiguous headlines

• Don’t over use the format of a statement followed by a question

(ex: Government innovation: Where are we headed?)

Page 51: Nuts and bolts of web editing

Presentation titlePage 51

Examples of good headlines

•Compelling? Do I want to click on it?

Check.

•Action verb?

Check.

•Brief, under 50 characters?

Check.

•Keywords used? Optimized for search?

Sort of

Page 52: Nuts and bolts of web editing

Presentation titlePage 52

Examples of so-so headlines

•Brief, under 50 characters?

Check.

•Keywords used? Optimized for search?

Check.

•Action verb?

Sort of.

•Compelling? Do I want to click on it?

Sort of.

Page 53: Nuts and bolts of web editing

Presentation titlePage 53

Examples of so-so headlines

•Brief, under 50 characters?

Check.

•Keywords used? Optimized for search?

Check.

•Good use of the statement-colon-

statement format?

Check.

•Compelling? Do I want to click on it?

Sort of.

•Action verb?

No.

Page 54: Nuts and bolts of web editing

Presentation titlePage 54

Ambiguous headlines are common, but should be

de-emphasized and re-written to give context

Out of context, ―Ambitious,

adept and agile‖ doesn’t

mean anything nor does it

give a reader any sense of

what the report is about.

It’s like trying to buy a car

and the salesman is making

you guess what the price is

saying, ―I’ll give you a hint,

it’s an even number…‖

Subheadings to the rescue! Because we can’t change the name of the

report itself, throughout the rest of the piece we emphasized the subheading

which includes the real topic, entrepreneurs.

Page 55: Nuts and bolts of web editing

Presentation titlePage 55

Get specific. De-emphasize the ambiguous heading.

Page 56: Nuts and bolts of web editing

Presentation titlePage 56

Keep an eye out for cross promotion opportunities

Page 57: Nuts and bolts of web editing

Presentation titlePage 57

Writing good teasers

Page 58: Nuts and bolts of web editing

Presentation titlePage 58

Teaser example: strong call to action, compelling

Page 59: Nuts and bolts of web editing

Presentation titlePage 59

Use your words…in your links

Avoid using ―click here‖ or ―read more‖ as your linked text.

What you pick for linked copy matters for SEO and for the

call to action.

Page 60: Nuts and bolts of web editing

Presentation titlePage 60

Short headlines in the table of contents

Page 61: Nuts and bolts of web editing

Presentation titlePage 61

Rewriting US Health Care’s “elevator speech” for landing page

•Brick wall of text

•Too long

•Not scannable

•Nothing draws the eye

•Headline is not compelling

•No call to action

Page 62: Nuts and bolts of web editing

Presentation titlePage 62

Re-written for skimming

[235 words]

• Eliminated 60 words

• Used key words and phrases

over and over again

• Subheadings

• Short punchy sentences with a

language tie-in (―doctor’s

orders‖ ―compliance‖)

• Bulleted lists

• No paragraph is more than 2

sentences

Page 63: Nuts and bolts of web editing

Presentation titlePage 63

Cover page: “Operational efficiency”

Note the reading

level too!

Page 64: Nuts and bolts of web editing

Presentation titlePage 64

The “3 pager” experiment: diminishing returns

Page 1 under 1200 words

Page 2 under 800 words

Page 3 under 400 words

Summary on the top

page summarizes the

entire piece.

Compelling copy

Page 65: Nuts and bolts of web editing

Presentation titlePage 65

The “3 pager” experiment

Summary on the top page summarizes the entire piece.

Page 66: Nuts and bolts of web editing

Presentation titlePage 66

Summary on the top of each page

Page 67: Nuts and bolts of web editing

Presentation titlePage 67

Optimize for search

Google, Bing, Yahoo

•No more than 5 keywords

•Separate keywords and key

phrases with a comma and

space

Autonomy (ey.com’s search)

•Unlimited number of keywords and

phrases

•Separate keywords and phrases with

NO space but USE a semicolon

Page 68: Nuts and bolts of web editing

Presentation titlePage 68

CMS back-end search fields-if you get this wrong, all search efforts will fail

Google, Bing, Yahoo

Autonomy (ey.com’s search)

Page 69: Nuts and bolts of web editing

Presentation titlePage 69

What’s wrong with this picture?

Page 70: Nuts and bolts of web editing

Presentation titlePage 70

What’s wrong with this picture?

Page 71: Nuts and bolts of web editing

Presentation titlePage 71

Questions, comments?