Jon-Mikel Bailey

1. @woodstreetweb@jonmikelbailey
The Web Design Circle of Trust
UsingContentandDesigntoIncreaseConversions

2. @woodstreetweb@jonmikelbailey
BuildingYour Online Circle ofTrust
To build this trust you need to understand…
• What code matters to Google
• How design and user experience (UX) affect SEO
• Why mobile matters so dang much!
• How to keep your website FRESH!
Let’s take a look….

3. @woodstreetweb@jonmikelbailey
Which code matters?
TITLE TAG
• Unique title tag that describes page content.
• These signal what the page is about.
• 55 characters seems to be about the average.
These aren’t silver bullets, but they do matter to Google.

4. @woodstreetweb@jonmikelbailey
Which code matters?
HEADING TAGS (H1, H2, H3)
These tags work as indicators of context:
• What is this page about? H1
• What is this section about? H2, H3, H4
Your webmaster can preset these for you.
Use keywords but make sure it makes sense to the reader.

5. @woodstreetweb@jonmikelbailey
Which code matters?
META DESCRIPTIONS
• No effect on ranking but can be your pitch.
• Describes the page to encourage a click.
• With a CMS, you can easily manage these.
A search for Italian Restaurants in Google. 
Other code like ALT tags and link titles can help.
Check schema.org for more.

6. @woodstreetweb@jonmikelbailey
Alt Tags, Attributes and Schema
• Alt tags for images
• Title tags for images and links
• Visit www.schema.org to get real nerdy on tags
• Also try WP SEO Structured Data Schema on WordPress
Examples….

7. @woodstreetweb@jonmikelbailey

8. @woodstreetweb@jonmikelbailey

9. @woodstreetweb@jonmikelbailey
What is User Experience?
My friend Joe Natoli from GiveGoodUX.com gave me this …
"UX isn't just about users; it's really a value loop in three parts:
1. The person using the website has to perceive that it’s valuable to them.
2. That perception has to be validated through use. Proof equals trust, which means
they use and/or purchase.
3. When both things happen, value comes back to the business/creator: increased
market share, customer loyalty, money made or money saved.”
In other words, good UX means good ROI, happy clients, better traffic …

10. @woodstreetweb@jonmikelbailey
Lead Them!
KISSmetrics* says effective UX means you:
1. Help visitors take the first step.
2. Avoid information overload.
3. Lead the way for your customers.
4. Watch your visitors.
Good UX reduces bounce rate and improves time on site.
Don’t confuse them; lead them!

11. @woodstreetweb@jonmikelbailey
Is it clear what this site wants you to do??

12. @woodstreetweb@jonmikelbailey
Speaking of Heat Maps

13. @woodstreetweb@jonmikelbailey
UX and The Client “Journey”
What story are you telling?…
• Each page is a chapter in this story.
• Do pages have a clear beginning and end?
• Does it all tie together?
A client can land on any page from Google…
• Are they confused when they get there?
• Does each page contain something useful?
• Is there a meaningful call to action?
Get inside their head; understand and align with their journey.
Source – wikipedia.org

14. @woodstreetweb@jonmikelbailey
Anticipate Their “Journey” with an “F”
• Western users will scan in an “F” pattern
• Place important elements in this shape
• Anticipate their needs page by page
• Action is “suggested”
• Or try a heatmap like Crazy Egg
Site purpose is dictated by its design.

15. @woodstreetweb@jonmikelbailey
People love them some them!
Is there a sense of belonging?
• Are you encouraging engagement?
• Do you ask for their opinion?
• Giving special access to gated content?
Are you giving them cool fuel?
• Content they can use to build up their influence
• Facts, analysis, infographics they can use
Turn your audience into influencers, give them utility content!
Source – makeameme.org

16. @woodstreetweb@jonmikelbailey
Utility Content
Content your audience devours…
• How-to videos
• Thought provoking posts
• Tools, references, studies
• Problem solving content
• Timely and up-to-date content
Utility content makes you a hero to your clients!

17. @woodstreetweb@jonmikelbailey
Speed!
Are they getting what they need quickly???
• Images – optimize images
• JavaScript – avoid bloated script
• CSS – use a clean framework like Bootstrap
• PageSpeed Insights – test your site speed
• Hosting – don’t skimp on hosting
Slow speed kills websites, hurt rankings, and erodes trust.

18. @woodstreetweb@jonmikelbailey
Optimize Images
500 KB 25 KB

19. @woodstreetweb@jonmikelbailey
Do they stay or do they bounce???
Design and UX can keep them engaged and clicking.
What they do on your site can affect SEO…
• Bounce rate – One page and out.
• This shows a low value for that page.
• Time on site – Or do they stick around?
• The more time, the better.
Give them a reason to stay awhile!

20. @woodstreetweb@jonmikelbailey
Map it out!
Flowcharts and wireframes can make all the difference...
Your website should have a natural flow with consistent design.

21. @woodstreetweb@jonmikelbailey
What about Tablets, Mobile Devices?
Is your mobile site a “go-to”
or “has-been?”

22. @woodstreetweb@jonmikelbailey
What about Tablets, Mobile Devices?
How do you meet the needs of your mobile audience?
Responsive Design
A website that works well on multiple device types
Responsive Content
Content with a strong lead, bulleted lists, scan-ability.
Make sure your site works for all devices, including mobile!

23. @woodstreetweb@jonmikelbailey
Tablet and mobile view of Wood Street

24. @woodstreetweb@jonmikelbailey
Check Your Website for Mobile-ness
Make sure your site works for all devices, including mobile!
FireFox (crtl + shift +M)
Chrome (F12 Key and then click the mobile icons)
Device Specific Testing (iPhone 6+, etc.) you can use BrowserStack
https://www.browserstack.com

25. @woodstreetweb@jonmikelbailey
Is Your Website Fresh?
How much of your site do you control?…
• Do you have a CMS, like WordPress?
• Can you change calls to action?
• Can you change navigation?
• Can you keep it interesting?
• Can you add good content often?
Your site’s design is only as good as the content it contains!
Make sure you can control that content to keep the site fresh!
Source: RollingStone.com

26. @woodstreetweb@jonmikelbailey
Control???
Can you update all of your site?
• Headers
• Calls to action
• Images
• Offers
• Testimonials
• Navigation
You need to control it all!!!

27. @woodstreetweb@jonmikelbailey
Circle of Trust
All of this creates a circle of activity…
• Content and code that gets you found.
• Good UX and utility content that delivers value.
• Value that builds engagement and trust!
• Trust that leads to shares, links, and a following!
This is a circle of trust. Make sure you stay in it!

28. @woodstreetweb@jonmikelbailey
Questions???
www.woodst.com/design-seo - slides and resources
Suggested resources:
• www.woodst.com/journal
• www.designdepot.com
• www.uxdesign.com
• www.givegoodux.com
• www.kissmetrics.com
• www.uxbooth.com
Contact me/us:
• https://www.woodst.com/
• jbailey@woodst.com
• @woodstreetweb
• @jonmikelbailey
• Facebook.com/woodstreetweb
• 301.668.5006 x101