This document provides guidance on optimizing web pages for user experience and conversion rates. It discusses measuring key on-page metrics like bounce rate and time on page to understand user behavior. Specific optimizations are recommended like using compelling images and text to engage users in the first 5 and 15 seconds. Guidance is given on page elements like headlines, calls to action, and form fields. Overall it stresses the importance of data analysis and testing page elements to improve user experience and outcomes.
Holy Grail of On-Page Content Conversion Optimization
1. HOLY GRAIL OF ON-PAGE
OPTIMIZATION
Imagesource:imagesci.com
4 DATA-DRIVEN SECRETS TO BOOSTING UX & CONVERSION
2. :: Angie Schottmuller @aschottmuller
HOW’D YOU OPTIMIZE THIS PAGE?
Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education
FULL PAGE:
14. BOUNCE RATE:
User enters and exits the same
page WITH NO INTERACTION.
:: Angie Schottmuller @aschottmullerReference: http://bit.ly/gabouncerate
JULY
2012
15. A LOGGED EVENT
=“INTERACTION”
i.e. Logging an event at a 5-second view time (or whatever "first impression" time makes sense for
your audience) results in Google Analytics NOT counting the visit as a bounce.
:: Angie Schottmuller @aschottmullerReference: http://bit.ly/gabouncerate
30. Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
How compelling are your meta descriptions?
wound care education
Wound Care Education
www.uwec.edu/Woundstock
7 cutting-edge foot/wound care courses over 5 days in Eau Claire, WI
Earn CEUs for RNs, LPNs, PTs · Affordable, HANDS-ON training
ORGANICPAID
Foot and Wound Care Education and Training - Wound...
www.uwec.edu/.../programs/wound… University of Wisconsin–Eau Claire
Woundstock – A New Dimension in Foot and Wound Care. Come and see
this year's presenters. (715) 836-3636.
32. Foot and Wound Care Education and Training - Wound…
www.uwec.edu/.../programs/wound… University of Wisconsin–Eau Claire
Woundstock – A New Dimension in Foot and Wound Care. Come and see
this year's presenters. (715) 836-3636.
Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
TITLE TAG
PAGE HEADING
(H1)
33. :: Angie Schottmuller @aschottmuller
AUDIT & FIX NON-MATCHES
Screaming Frog SEO Tool: http://bit.ly/screamingfrogtool
Crawls websites and extracts page meta data (and much more) info. 500 URLs free. Unlimited-use license $99/yr.
34. Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
WOUND CARE EDUCATION
wound care education
35. Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
WOUND CARE TRAINING
wound care training
36. Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
WOUND CARE COURSES
wound care courses
40. Who is the company?
What are they offering?
Do they appear credible? (-1, 0, +1)
What's the call to action?
:: Angie Schottmuller @aschottmuller
46. :: Angie Schottmuller @aschottmuller
NON-BOUNCE
5+ SECONDS
“STICK”
15+ SECONDS
BRAND LOGO
Offer Confidence/Urgency Booster....
[ Social Proof or Testimonial ]
[ Hero Shot Featured Image ]
Web Form
Heading
Resource benefit one
Another cool benefit
Memorable benefit
GET YOUR FREE
CHECKLIST
EMAIL:
HeadlineTo Hook Attention & Match Ad
CLICK
65. Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
WOUND CARE EDUCATION
1
3
2
INITIATE MAINTAIN ENHANCE
KEYWORD / AD / WOM PAGE HEADLINE HERO SHOT IMAGE
66. :: Angie Schottmuller @aschottmuller
FEATURED IMAGE STAND-OFF
Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education
HERO SHOTDESIGN IMAGE
Woundstock - Wound Care Education Conference
67. 1. Keyword Relevance
2. Purpose Clarity
3. Design Support
4. Authenticity
5. Added Value
6. Desired Emotion
7. Customer "Hero"
HERO SHOT SCORECARD
BRAND LOGO
Offer Confidence/Urgency Booster....
[ Social Proof or Testimonial ]
[ Hero Shot Featured Image ]
Web Form Heading
Resource benefit one
Another cool benefit
Memorable benefit
GET YOUR FREE
CHECKLIST
FULL NAME:
EMAIL:
HeadlineThat Hooks Attention & Matches Ad
http://bit.ly/heroshotscorecard
68. PHOTO FACTOR SCORING:
-1 = Negative Potential
0 = Not Quite
1 = Somewhat
2 = Great
+1 = Directional Cue
:: Angie Schottmuller @aschottmullerClient example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education
HERO SHOT SCORECARD EXAMPLE
KEYWORD RELEVANCE. Visualize the targeted search keyword or referring link text. 2
PURPOSE CLARITY. Help identify the page the page purpose/offer. 2
DESIGN SUPPORT. Support and enhance seamless flow of page design leading to the CTA. 1
AUTHENTICITY. Represent the organization/offer in an authentic, credible fashion. 1
ADDED VALUE. Add value by showing detail or context that helps answer potential questions. 2
DESIRED EMOTION. Portray desired qualities or emotion to resonate and inspire action. 1
CUSTOMER "HERO." Depict the customer as the "hero" once equipped with this solution. 2
= 11
SUBJECT: Hands-on Wound Care Education
69. :: Angie Schottmuller @aschottmuller
SUBJECT: Hands-on Wound Care Education
Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education
KEYWORD RELEVANCE 0
PURPOSE CLARITY 0
DESIGN SUPPORT -1
AUTHENTICITY 0
ADDED VALUE 0
DESIRED EMOTION 1
CUSTOMER "HERO” 0
= 0
2 KEYWORD RELEVANCE
2 PURPOSE CLARITY
1 DESIGN SUPPORT
1 AUTHENTICITY
2 ADDED VALUE
1 DESIRED EMOTION
2 CUSTOMER "HERO”
11 =
70. HERO SHOT SCORECARD GRADING
:: Angie Schottmuller @aschottmuller
13-15 LEGEND
Whoa. Epic visual. Stories will be told about you for
marketing eternity. Where do I sign up?!
10-12 HERO
Exceptional. You humbly add value and meaning that grips
emotion while making it look sooooo easy. Fans and advocates
are sure to follow!
7-9 SIDEKICK
Nice work. Clearly, you're getting the hang of this! Are you
satisfied with mediocre, though? You're capable of so much
more. Step up your game and fulfill your true ROI potential.
4-6 VIGILANTE
Good attempt to help out, but you're lacking in power and
authority. Drop the costume, focus on relevant value, and tap
the 7 persuasive factors to help make a meaningful impact.
0-3 CIVILIAN
Weak and forgettable. You either fear or doubt your powers.
Be brave. Start with a story that connects with your
customer's dilemma and context, then "save" (fix, improve,
delight) the day!
< 0 VILLAIN
Ouch. Your powers are working against you. Don't deny the
goodness your customer loves. Seek help before it leads to
your own demise.
74. :: Angie Schottmuller @aschottmuller
...only works well as a CTA if you
provide dominatrix services.
- Michael Aggaard
@ContentVerve, Conversion Optimization Expert
SUBMIT
75. :: Angie Schottmuller @aschottmuller
CALL TO ACTION FORMULA:
I’D LIKE TO WHAT (action)
BECAUSE I WANT WHY (benefit)
Get a LeafGuard Estimate
& 20% Install Savings
Get a LeafGuard
Estimate Today
Save 20% OFF install, and
NEVER clean your gutters again.
Call (800) 917-5323
Quick Estimate & 20% OFF
76. CALL TO ACTION FORMULA:
:: Angie Schottmuller @aschottmuller
Get a LeafGuard Estimate &
20% Install Savings
Get a LeafGuard Estimate
Save 20% OFF today, and NEVER clean your gutters again.
Call (800) 917-5323
Quick Estimate & 20% OFF
I’d like to WHAT (action) because I want WHY (benefit).
<WHAT“Action”> &
<WHY Value/Benefit>
<WHAT“Action”>
<WHY Value/Benefit>
<WHAT“Action”>
<WHY Value/Benefit>
77. Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
I need WHAT (search query) because I want WHY (benefit).
WOUND CARE EDUCATION
80. Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
FULL PAGE:
BEFORE
81. Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
AFTER
FULL PAGE
97% NON-BOUNCE
93% STICK
82. 97% NON-BOUNCE
93% STICK
Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
FULL PAGE
AFTER
89. Client example: University of Wisconsin-Eau Claire Continuing Education, Ethics & Boundaries Training :: Angie Schottmuller @aschottmuller
MOBILE:
CASE STUDY
94. Client example: University of Wisconsin-Eau Claire Continuing Education, Ethics & Boundaries Training :: Angie Schottmuller @aschottmuller
A B
95. Client example: University of Wisconsin-Eau Claire Continuing Education, Ethics & Boundaries Training :: Angie Schottmuller @aschottmuller
A B
96. Client example: University of Wisconsin-Eau Claire Continuing Education, Ethics & Boundaries Training
:: Angie Schottmuller @aschottmuller
77%SCROLL LIFT
A B
97. Client example: University of Wisconsin-Eau Claire Continuing Education, Ethics & Boundaries Training
:: Angie Schottmuller @aschottmuller
29%CONVERSION LIFT
A B
99. Client example: Byer’s LeafGuard Gutter System – Fall 2014
:: Angie Schottmuller @aschottmuller
Get a LeafGuard Estimate
& 20% Install Savings
Get a LeafGuard Estimate
& 20% Install Savings
Get a LeafGuard Estimate
& 20% Install Savings
100. BE MINDFUL OF
THUMB REACH
Image reference: forbes.com :: Angie Schottmuller @aschottmuller
iPhone 5
iPhone 6
101. :: Angie Schottmuller @aschottmuller
Client example: Red Wing Shoes - Spring Sale 2015
iPhone 5
iPhone 6
iPhone 5
iPhone 6
102. :: Angie Schottmuller @aschottmuller
NON-BOUNCE
5+ SECONDS
“STICK”
15+ SECONDS
BRAND LOGO
Offer Confidence/Urgency Booster....
[ Social Proof or Testimonial ]
[ Hero Shot Featured Image ]
Web Form
Heading
Resource benefit one
Another cool benefit
Memorable benefit
GET YOUR FREE
CHECKLIST
EMAIL:
HeadlineTo Hook Attention & Match Ad
ENGAGE
JUMP, PLAY, CALL
SCROLL
BELOW FOLD / PAGE BOTTOM
CLICK
103. KEY METRIC #4
Client example: University of Wisconsin-Eau Claire Continuing Education, Ethics & Boundaries Training :: Angie Schottmuller @aschottmuller
104. What SPECIFIC DATA do web
visitors need to make a good
decision?
How can I make consumption
of that data into a
MEASURABLE ACTION?
:: Angie Schottmuller @aschottmuller
ASSESSMENT:
1
2
105. What SPECIFIC DATA do web
visitors need to make a good
decision?
How can I make consumption
of that data into a
MEASURABLE ACTION?
:: Angie Schottmuller @aschottmuller
ASSESSMENT:
1
2
Seriously. This is huge. WRITE IT DOWN.
109. ARE THE ARMPIT
OF WEB CONTENT.
THEY’RE NOT ATTRACTIVE AND NOBODY WANTS
TO GO THERE.
DON’T HIDE CONTENT. USE JUMP LINKS INSTEAD.
:: Angie Schottmuller @aschottmuller
111. Client example: University of Wisconsin-Eau Claire Continuing Education, Ethics & Boundaries Training :: Angie Schottmuller @aschottmuller
MOBILE:
CASE STUDY
120. ATTENTION RATIO:
CAN DO : SHOULD DO
Client example: University of Wisconsin-Eau Claire, Woundstock Wound Care Education :: Angie Schottmuller @aschottmuller
124. BOUNCE rate is a critical UX KPI
Use“what + why”to lure STICK
“The FOLD”is very real
Track decision-making data as
clickable actions
:: Angie Schottmuller @aschottmuller
KEY TAKEAWAYS
129. :: Angie Schottmuller @aschottmuller
Are YOU Winning with Data?
ANGIE SCHOTTMULLER
Growth Marketing Advisor
angie@interactiveartisan.com @aschottmuller
Ask about interactive training workshops and
quick-win consultations.
GET AN OPTIMIZATION CONSULT
and start kicking ROI butt with smart data!
137. :: Angie Schottmuller @aschottmuller
Are YOU Winning with Data?
ANGIE SCHOTTMULLER
Growth Marketing Advisor
angie@interactiveartisan.com @aschottmuller
Ask about interactive training workshops and
quick-win consultations.
GET AN OPTIMIZATION CONSULT
and start kicking ROI butt with smart data!
138. ANGIE SCHOTTMULLER
Growth Marketing Advisor
@aschottmuller
linkedin.com/in/angieschottmuller
angie@interactiveartisan.com
Top 10 of 2015
ONLINE MARKETINGEXPERTS
GA definition: https://support.google.com/analytics/answer/1009409?hl=en
Justin Cutroni on ABR - http://cutroni.com/blog/2012/07/27/rethinking-blog-metrics/
Bounce rate benchmarks: < 20% = hard to achieve. 35% = cause for concern, 50%> = worth worrying
http://www.kaushik.net/avinash/2007/08/standard-metrics-revisited-3-bounce-rate.html
GA definition: https://support.google.com/analytics/answer/1009409?hl=en
Justin Cutroni on ABR - http://cutroni.com/blog/2012/07/27/rethinking-blog-metrics/
http://www.sfgate.com/bayarea/article/Freshly-baked-ads-are-toast-City-orders-that-2482764.php#photo-2459751
2006 campaign by CBS Outdoor. (Pulled a day later by city for fear of allergic response to the scent.)
Kirsten Jung, age 14, a student at Sacred Heart, and Stephanie Jung, age 19, a student at the Fashion institute of Design and Marketing, both of San Francisco, made a special trip to this bus shelter after hearing about it, to smell the scent. Both said it did indeed smell like cookies, and yes, it made them want milk. Story is about the reaction to the chocolate smell wafting from Muni bus shelters with the "Got Milk?" ads. We go to the bus shelter on the NW corner of Sutter and Stockton Sts. Rachel Gordon is the writer for Metro. These photos were made on Monday, Dec. 4, 2006, in San Francisco, CA. (Katy Raddatz/SF Chronicle)