27
Web Design Buzzwords: Here’s How They Translate Into Dollars By Bill Erickson

Web Design Buzzwords, Authority Intensive 2014

Embed Size (px)

DESCRIPTION

HTML5. Responsive Design. You’ve heard the buzzwords, but don’t know exactly why your website needs them. I’ll guide you through the latest tools your developer should be using, when they are appropriate, and the value they can bring to your business.

Citation preview

Page 1: Web Design Buzzwords, Authority Intensive 2014

Web Design Buzzwords: Here’s How They Translate Into Dollars

By Bill Erickson

Page 2: Web Design Buzzwords, Authority Intensive 2014
Page 3: Web Design Buzzwords, Authority Intensive 2014

Responsive Design

HTML5

Schema.org

Page 4: Web Design Buzzwords, Authority Intensive 2014
Page 5: Web Design Buzzwords, Authority Intensive 2014
Page 6: Web Design Buzzwords, Authority Intensive 2014
Page 7: Web Design Buzzwords, Authority Intensive 2014
Page 8: Web Design Buzzwords, Authority Intensive 2014

Responsive Design is

▶ Device Agnostic▶ Future Proof▶ Intended▶ Canonical▶ Affordable

Page 9: Web Design Buzzwords, Authority Intensive 2014

Techniques

▶ Percentage Widths▶ CSS targeting Browser Widths▶ CSS targeting pixel density▶ Browser Detection

Page 10: Web Design Buzzwords, Authority Intensive 2014

Collaboration

Page 11: Web Design Buzzwords, Authority Intensive 2014
Page 12: Web Design Buzzwords, Authority Intensive 2014

Semantic HTML Tags

Page 13: Web Design Buzzwords, Authority Intensive 2014

Semantic HTML Tags

Page 14: Web Design Buzzwords, Authority Intensive 2014

Media Tags

Page 15: Web Design Buzzwords, Authority Intensive 2014

Input type “text”

Page 16: Web Design Buzzwords, Authority Intensive 2014

Input type “tel”

Page 17: Web Design Buzzwords, Authority Intensive 2014

Input Required

Page 18: Web Design Buzzwords, Authority Intensive 2014
Page 19: Web Design Buzzwords, Authority Intensive 2014
Page 20: Web Design Buzzwords, Authority Intensive 2014

Product Review

Page 21: Web Design Buzzwords, Authority Intensive 2014

Breadcrumbs

Page 22: Web Design Buzzwords, Authority Intensive 2014

Events

Page 23: Web Design Buzzwords, Authority Intensive 2014

Recipe

Page 24: Web Design Buzzwords, Authority Intensive 2014

Recipe Search

Page 25: Web Design Buzzwords, Authority Intensive 2014

Resources

▶ Genesis Framework & Microdata Manager▶ Yoast: WordPress SEO, Video SEO, Local SEO...▶ Schema Creator plugin▶ Schema.org▶ Google Structured Data Testing Tool▶ Google Rich Snippet Types

Page 26: Web Design Buzzwords, Authority Intensive 2014

Responsive Design

HTML5

Schema.org

Page 27: Web Design Buzzwords, Authority Intensive 2014

Bill Erickson@billerickson