Microsocial: How tiny bits of data can make or break your WordPress website

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Shannon Smith Web Developer Café Noir Design www.cafenoirdesign.com @cafenoirdesign

Slide 3

Slide 3 text

O father, what a hell of witchcraft lies In the small orb of one particular tear. -William Shakespeare

Slide 4

Slide 4 text

What We’ll Cover 1. Structured Data. What is it? 2. Solutions for bloggers 3. Code for developers

Slide 5

Slide 5 text

Does It Really Matter?

Slide 6

Slide 6 text

“Yes.” -Google, Yahoo, Facebook, Twitter

Slide 7

Slide 7 text

Structured Data

Slide 8

Slide 8 text

What Is Structured Data?

Slide 9

Slide 9 text

What Is Structured Data? Data with Meaning

Slide 10

Slide 10 text

What Is Structured Data? “I have a dream for the Web [in which computers] become capable of analyzing all the data on the Web – the content, links, and transactions between people and computers. A "Semantic Web", which makes this possible, has yet to emerge, but when it does, the day-to-day mechanisms of trade, bureaucracy and our daily lives will be handled by machines talking to machines. The "intelligent agents" people have touted for ages will ﬁnally materialize.” Tim Berners-Lee

Slide 11

Slide 11 text

What Is Structured Data? Context for Machines

Slide 12

Slide 12 text

A Brief History of Structured Data 1995 Dublin Core 2004 RDFa 2006 Microformats (μF) 2009 Microdata (part of HTML5) 2011 Schema.org (Bing, Google and Yahoo!) 2012 Open Graph protocol (Facebook) 2012 Twitter Cards

Slide 13

Slide 13 text

What Is Microdata? By adding additional tags to the HTML of your web pages— tags that say, "Hey search engine, this information describes this speciﬁc movie, or place, or person, or video"—you can help search engines and other applications better understand your content and display it in a useful, relevant way. Microdata is a set of tags, introduced with HTML5, that allows you to do this.. -Schema.org

Slide 14

Slide 14 text

What Is Microdata? If Google understands the content on your pages, we can create rich snippets—detailed information intended to help users with speciﬁc queries. -Google

Slide 15

Slide 15 text

What Does Structured Data Look Like?

Slide 16

Slide 16 text

What Does Structured Data Look Like?

Slide 17

Slide 17 text

What Does Structured Data Look Like?

Slide 18

Slide 18 text

Who Is Using Structured Data? 1.Search Engines 2.Social Networks

Slide 19

Slide 19 text

Who Is Using Structured Data? Facebook vs.

Slide 20

Slide 20 text

Who Is Using Structured Data? Twitter

Slide 21

Slide 21 text

Who Is Using Structured Data? Google Authorship

Slide 22

Slide 22 text

Who Is Using Structured Data? Google Search

Slide 23

Slide 23 text

Who Is Using Structured Data? Specialized Search

Slide 24

Slide 24 text

Who Is Using Structured Data? Everyone. LinkedIn flickr Google+ Lego Last.fm Google Maps Target BestBuy TripAdvisor Twitter Zappos Wikipedia Amazon Apple store Anthropologie Office Depot Costco Netflix Google Search Toys ‘R Us NYT

Slide 25

Slide 25 text

How Can You Leverage Up? Add structured data that is... • standards-compliant • semantic • tested •useful

Slide 26

Slide 26 text

“More Structured Data, Please.” -Bloggers

Slide 27

Slide 27 text

Yoast SEO Plugin

Slide 28

Slide 28 text

hCard Creator http://microformats.org/code/hcard/creator

Slide 29

Slide 29 text

hCalendar Creator http://microformats.org/code/hcalendar/creator

Slide 30

Slide 30 text

hReview Creator http://microformats.org/code/hreview/creator

Slide 31

Slide 31 text

rel tags http://microformats.org/code/hreview/creator Erin Smith @t

Slide 32

Slide 32 text

Other Plugins

Slide 33

Slide 33 text

Is It Working? Structured Data Testing Tool

Slide 34

Slide 34 text

“More Structured Data, Please.” -Developers

Slide 35

Slide 35 text

What Can I Code?

Slide 36

Slide 36 text

Structured Data Markup Helper

Slide 37

Slide 37 text

What Does Structured Data Look Like?

Slide 38

Slide 38 text

What Does Structured Data Look Like?

Slide 39

Slide 39 text

What Does Structured Data Look Like?

Slide 40

Slide 40 text

Where Do I Add hCards to WordPress? author.php page-‐contact.php functions.php get_template_part widget shortcode

Slide 41

Slide 41 text

What Does Structured Data Look Like?

Slide 42

Slide 42 text

What Does Structured Data Look Like?

Slide 43

Slide 43 text

Where Do I Add Reviews/Products/ Events to WordPress? single-‐review.php single-‐product.php taxonomy-‐event.php functions.php custom fields / meta boxes

Slide 44

Slide 44 text

Where Do I Add Reviews/Products/ Events to WordPress?

Slide 45

Slide 45 text

Where Do I Add Reviews/Products/ Events to WordPress? http://www.techburnett.com/add-review-micro-data-to-wordpress.html

Slide 46

Slide 46 text

Is It Working? Structured Data Testing Tool

Slide 47

Slide 47 text

The greatest task before civilization at present is to make machines what they ought to be, the slaves, instead of the masters of men. Havelock Ellis

Slide 48

Slide 48 text

Shannon Smith Web Developer Café Noir Design Get the slides: http://chroni.ca www.cafenoirdesign.com @cafenoirdesign