1 of 93

1

Make the Most

of Microcopy

Enhance the User Experience while Boosting Your Brand

Lisa Hitt

Web and Digital Projects Specialist, Commonwealth Cyber Initiative

MS, BA, AA

SEO Essentials Certification

2 of 93

2

Commonwealth Cyber Initiative

CCI is a consortium of 43 colleges and universities in Virginia focused on cybersecurity innovation, workforce development, and research.

cyberinitiative.org

3 of 93

3

Overview

cyberinitiative.org

4 of 93

4

What We’ll Cover

  • Defining Microcopy
  • Writing Microcopy:
    • Best Practices
    • Types and Examples
  • Using Microcopy to Boost Diversity
  • Do’s and Don’ts
  • Key Takeaways
  • Questions

5 of 93

5

Terms you probably already know (but just in case):

  • SEO: Search Engine Optimization, which increases the likelihood that you’ll appear highly on a SERP — which is …
  • SERP: Search Engine Results Page. The list of responses you get when you look for something on a search engine. You hope to get a high …
  • CTR: Click-Through Rate. If your optimization efforts engage and inspire the searcher to visit your site, you’ll get a higher CTR.

Acronyms at Work

6 of 93

6

What Is Microcopy?

cyberinitiative.org

7 of 93

7

Definition

The small bits of text that help site visitors answer a question, complete a task, or learn more about something are microcopy.

These short, simple messages can create an easy, intuitive user journey while enriching the user experience and building trust in your college or university.

8 of 93

8

Timing is Everything

Potential readers scan and click or move on — quickly.

  • A Microsoft study found that we start to lose concentration after eight seconds — less than a goldfish’s attention span.
  • Psychologist Gloria Mark says we spend an average of 47 seconds on any screen.
  • Marketer CXL says we spend an average of 5.59 seconds per page on written content.

9 of 93

9

Small, but Mighty

Microcopy, usually ranging from 20 to 200 characters, appears throughout your site. It can include:

  • Page titles
  • Headlines
  • Captions
  • Calls to action
  • Link text
  • Taglines
  • Pull/Block Quotes
  • Response pages
  • Unfound Page Messages

10 of 93

10

A Helping Hand

Microcopy makes users feel seen, heard, and understood. Each word has a purpose.

They’re key to building the users’ trust; you’re saying you’ll be there for them.

11 of 93

11

A Big Footprint

Microcopy could seem insignificant compared with most site content. You might think of it as throw-away text, something you can dash off in a hurry.

But it can have a major impact on the user experience, and leave a lasting impression — good or bad — about your school.

12 of 93

12

Start at the Very Beginning

Because microcopy can play a major role in your site’s success, it should be considered at the beginning of any site launch or revamp plan.

Give it as much time and attention as you do to other content.

13 of 93

13

Writing Microcopy

cyberinitiative.org

14 of 93

14

  • Make it brief: Make every word count.
  • Include context: Provide insight into what comes next.

15 of 93

15

  • Encourage action: Microcopy spurs users to do something.
  • Keep it real: Authenticity is vital.
  • Focus on the user: How will this benefit them?

16 of 93

16

  • Be consistent: Use the same terminology across your site.
  • Convey empathy: Use emotion where appropriate.
  • Use their words: Be conversational.

17 of 93

17

  • Consider all platforms: Make sure the message is clear and readable everywhere.
  • Ensure clarity: Avoid jargon and ambiguity.

18 of 93

18

  • Remove barriers: Provide directions and pathways.
  • Retain your identity: Write in the voice of your school and site.

19 of 93

19

Types of Microcopy

cyberinitiative.org

20 of 93

20

Headlines

Headlines should tell the reader what to expect on a page or in a story.

They’re especially effective if you can incorporate the primary keyword you’ve mapped to a page into the text.

21 of 93

21

Optimization Opportunities

When headlines appear on a SERP, they signal, “Here’s what you’re seeking.”

The headline must also convey a complete message on its own, because it’s likely to be seen out of context on a SERP, in tweets, in newsfeeds, and in newsletters.

22 of 93

22

A Mix of Effective and Less So

23 of 93

23

A Mix of Effective and Less So, Part II

24 of 93

24

Where Size Matters

Keep the headline to 55 to 60 characters or six to eight words.

Digital platforms limit the characters they display.

Marketer Outbrain says eight-word heads get a 21 percent higher CTR than average.

25 of 93

25

A Number of Issues

26 of 93

26

Repetitive Redundancy

27 of 93

27

Super Subheads

Subheads act as points of entry, allowing users to scan a page and quickly find what they want and need.

They’re especially important for the visually impaired, who use screen readers.

Subheads are also a great place to use secondary keywords.

28 of 93

28

Photos: Captions, Names, Alt Text

Around 1 billion people use Google Images daily.

More than 10 percent of Google traffic is for images.google.com, or about 11,500 every second.

Optimizing captions, image names, and alt text could boost your SERP ranking.

29 of 93

29

Captions

Photo captions might be the most read text on a page — it might be the only text someone reads. This content should:

  • Engage users.
  • Keep them on your site.
  • Ignite interest in your school
  • Deliver a compact sales pitch.

30 of 93

30

Caption as Mini-Story

31 of 93

31

Caption with Unique Information

32 of 93

32

Caption Guidelines

  • Don’t make the user guess what the image is. Tell them what’s being represented.

  • Write in complete sentences. Captions are not headlines.

  • Include unique information. Readers get annoyed at repetition.

33 of 93

33

  • Don’t describe the image. “Students walk across campus.” That’s alt text.

  • When possible, identify people in the picture. People like to see themselves.

  • Don’t say, “Pictured above” or “Pictured left.” Depending on which platform the image is being viewed, that might not be true.

34 of 93

34

Partial Caption Visible If Hovering

35 of 93

35

More, But Not All Visible with Click

36 of 93

36

Three Clicks In, a Complete Caption

37 of 93

37

Image Names

When you get an image from one of your photographers or from a stock photo site, it’s likely to have a name that looks like this:

1453750606.jpg.

If you don’t change that to a descriptive name, you’re going to lose a major SEO opportunity.

38 of 93

38

Alt Text

Alternative text, or alt text, provides a written description of an image for the visually impaired who use screen readers, which read the content aloud. Alt text:

  • Ensures accessibility for all your users.
  • Provides you with an SEO opportunity.

39 of 93

39

Alt Text Guidelines

  • Describe the content. This isn’t a caption and shouldn’t sound like one.
  • Don’t say “photo of.” Screen readers recognize alt text.
  • Use keywords naturally and strategically.
  • If there’s text in the image, include it in the alt text.
  • Keep it short.

40 of 93

40

Calls to Action (CTAs)

Calls to action should intrigue, attract, and encourage the user to do something.

We want them to click through to another page, fill out a form, apply, find out more about us, or apply to attend our school.

41 of 93

41

Constant Outreach

CTAs can take many forms, but the ones that appear on most school websites are buttons with or without an illustrative image.

They should be directly related to the content on the page on which they appear.

Every page should have at least one call to action. More is better.

42 of 93

42

Friendly Persuasion

We want users to do something. Start your CTA with a verb, and use action words and phrases:

  • Learn
  • Learn About
  • Discover
  • Explore
  • Read
  • Subscribe
  • Download
  • Find
  • Find Out More
  • Start
  • Apply
  • Register

43 of 93

43

CTA Basic Text Buttons

44 of 93

44

Expanded Calls to Action with Art

45 of 93

45

A Tool to Prevent Orphan Pages

Putting in CTAs that link pages to each other helps get visitors.

These pages have no links leading to them. The only way to find them is by typing in the direct link.

They’re not likely to get indexed, because web crawlers follow links to find pages.

46 of 93

46

Hyperlinks

Hyperlinks help users navigate through websites.

Linking to related pages improves the user journey, allowing page visitors to find material related to their original search.

47 of 93

47

What’s in a Name? Plenty

People need to know immediately what they’re getting (“Read a description of the Cybersecurity program in the catalog.” “Learn how to apply.”).

Banish the phrases “click here” and “learn more” from your site. They don’t convey information and violate accessibility best practices.

48 of 93

48

Hyperlinks to Downloads

If a hyperlink is going to download something, say so, and always specify what the download is.

For example, put (PDF) after a hyperlink to a PDF document.

Or hyperlink to the full sentence: “Download a presentation template.”

49 of 93

49

Descriptive Text Tells Users What They’ll Find

The hyperlinks here clearly state they link to a form and to a template for download.

50 of 93

50

Hyperlinked Lists

If you have a large number of related links, try to put them in a descriptive bulleted list instead of cramming them into your text.

For example, if you’re listing lab equipment a student might need, you can link to places they can buy it.

51 of 93

51

Taglines

A tagline works with the site name to define your identity. Developing an effective tagline can help:

  • Connect with the user.
  • Boost your SEO.
  • Show your site’s value.
  • Differentiate you from competitors.
  • Build brand identity.

52 of 93

52

Standing Above and Apart

A great tagline attracts attention and sets you apart from your peers.

By briefly describing what your site has to offer and showing your value compared with competitors, a strong tagline can leave a lasting impression.

53 of 93

53

Qualities of Effective Taglines

Good content should:

  • Be concise (seven or eight words).
  • Include an action verb.
  • Be next to the page name or a representative image.
  • Focus on what you offer.
  • Prompt the user to explore your site.
  • Use a keyword.

54 of 93

54

University of Alabama Tagline

55 of 93

55

UofA Call-Back Tagline

56 of 93

56

Pull and Block Quotes

These bits of microcopy can:

  • Be a brake on rapid scrolling.
  • Emphasize a point.
  • Act as an art element.
  • Provide a testimonial.
  • Offer an opportunity to use secondary keywords.

57 of 93

57

The Same, But Different

  • Pull quotes are taken from page text.
  • Block quotes come from another source.

Unless the pull quote is highlighted text used to emphasize a fact, each should have attribution.

58 of 93

58

Block Quote as Art

On pages where you don’t have a suitable image, you can use the quote itself as art or pair it with an illustrative photo.

59 of 93

59

Saying Something Significant

When selecting a pull quote, look for a sentence that can stand on its own, in case that’s the only thing on the page someone reads.

Look for a fact that you might be able to use as a tweet.

60 of 93

60

Highlight Brag Points

Using a block quote from an outside source can back up what you’re saying or emphasize the page’s point.

For example, if your degree program is certified by accrediting organization, you can use a block quote from that organization explaining why it’s significant.

61 of 93

61

A Way to Stand Apart

62 of 93

62

Not-So-Good Block Quote

This quote from a student sharing how a scholarship made her attendance at an out-of-state university possible is moving, but much too long.

63 of 93

63

Response Pages

When you create this type of page, offer a response that provides real help.

  • Form reply
  • Incorrect username or password
  • Email can’t be delivered
  • Contact us.
  • Subscribe to our newsletter
  • Missing required field
  • Confirm it’s you

64 of 93

64

Form Responses

When people submit a form, they need to know that it’s been accepted.

Users are confused if they select “Submit,” but don’t get a confirmation/thank-you page.

A response page can also give them instructions for next steps.

65 of 93

65

Offer Help if It Fails to Submit

Don’t make them search for the error, and don’t blame them for it:

“You failed to fill out this form correctly. Try again.”

Instead, try something like:

“Oops! Something’s missing. Look for the red asterisk to find the empty box.”

66 of 93

66

What to Say, How to Say It

  • Thank them for submitting the form.
  • Tell them when they can expect a response.
  • Give them a contact email in case they don’t hear from you.
  • Suggest where to go next.
  • Tell them you won’t sell their information.

67 of 93

67

Specificity is Best

68 of 93

68

Identity Checks, Forgotten Passwords

These are some of the most frequent issues that users encounter

If students up an account when they apply, with a user name or password can be easily forgotten. And if some time has passed, they might have to confirm their identity.

Frustration can set in quickly. Good microcopy can minimize that.

69 of 93

69

Humorous Response + Outreach Opportunity

70 of 93

70

Error Messages

These response pages let the user know something’s not working.

We need to tell them what to do next.

Provide clear instructional or technical information, but keep it conversational and empathetic.

71 of 93

71

Covering (Most) of the Bases

72 of 93

72

We Could Use More Help

73 of 93

73

Finding the Bare Bones

74 of 93

74

Ouch!

75 of 93

75

Unfound Page (404) Messages

One of the most frustrating things that can happen to a site visitor is hitting a 404 (not found) page.

They need helpful information on what happened and what they should do next.

Each site should have a unique response.

76 of 93

76

What to Include on the Page

  • An apology.
  • An explanation.
  • Instructions on what to do next.
  • An email to report the broken link/ reach out for the information they were seeking.

77 of 93

77

Humor, If Appropriate, Eases Frustration

78 of 93

78

But Humor Alone Isn’t Enough

79 of 93

79

Diversity

cyberinitiative.org

80 of 93

80

Reach Out to Everyone

Microcopy can be a great way to showcase diversity and inclusiveness on your site.

Your content should represent the voices of all members of your community — students, instructors, staff.

Demonstrate how diversity enriches your organization’s goals and values.

81 of 93

81

Guide Targeted Users

For example, on your financial aid page, include calls to action to scholarships for specific audiences. This could mean by:

  • Ethnicity
  • Gender
  • Sexual orientation
  • Disability
  • Religion
  • National origin
  • Age
  • Military status
  • Socio-economic status
  • Mental health

82 of 93

82

Student, Faculty Organizations

Another way to reach out is through groups set up for members of the academic community.

On pages such as Student Life or Faculty and Staff Resources, include calls to action that link to organizations in which they might be interested.

83 of 93

83

Reusable, Required Text

CCI Highlights our inclusiveness and diversity by using required text in all calls for proposals:

“Applications from under-represented groups are particularly welcome. Women, under-represented minorities, and persons with disabilities are strongly encouraged to apply.”

84 of 93

84

Do’s and Don’ts

cyberinitiative.org

85 of 93

85

  • Do use conversational language and concise, compact sentences.

  • Don’t get so obsessed with shortening your text that it no longer makes sense.

86 of 93

86

  • Do seal with a KISSS: Keep it Simple, Short, Straightforward.

  • Don’t be vague or unclear.

  • Do use secondary keywords where they fit naturally.

  • Don’t try keyword stuffing.

87 of 93

87

  • Do identify pain points and offer help and solutions.

  • Don’t use “Click Here” or“Learn More.”

  • Do keep your brand identity and voice in mind.

  • Don’t put style ahead of clarity and ease of understanding.

88 of 93

88

  • Do let them know when they’ve completed a task successfully.

  • Don’t blame them for the mistake (hitting a 404 page, having a form submission refused, etc.)

89 of 93

89

Key Takeaways

cyberinitiative.org

90 of 93

90

  • With eight seconds to grab someone’s attention, microcopy tells users that there’s something of interest on a page.

  • Microcopy is too important to dismiss as throw-away text.

  • Effective use of microcopy can boost and enhance your brand.

91 of 93

91

  • Microcopy should be incorporated into your initial launch or site revamp planning.

  • Well-crafted microcopy eliminates confusion and frustration.

  • Microcopy enhances and eases the user journey/user experience.

92 of 93

92

Questions?

cyberinitiative.org

93 of 93

93

cyberinitiative.org

Thank you