Who Wrote This $#!7

Authorship and Semantic Web Markup for SEO and Social Media

Integration

Nick MolineSenior Software Engineer at Justia.com

Google+: plus.google.com/100038801356570551641Twitter: @NickMolineFacebook: facebook.com/nickmolineLinkedIn: linkedin.com/in/nickmolineBlog: www.nick.pro

Web: nickmoline.com

Topics Today

• Authorship Markup and Google+• Facebook OpenGraph• Twitter Cards• Semantic Markup & Schema.org• Why does it Matter?– The Knowledge Graph– Google Now– Google Glass

• Live DEMO!

The rel=“type” attribute on Links

<a rel=“spouse met” href=“http://barbara.pro”>My Wife’s Site</a><a rel=“coworker met” href=“http://timstanley.com/”>My Boss</a>

<link rel=“stylesheet” href=“/site.css” /><link rel=“shortcut icon” href=“/favicon.ico” />

<link rel=“next” href=“/page2.html” /><link rel=“top” href=“/index.html” />

<a rel=“me” href=“http://nickmoline.com/”>My Website</a>

rel=“author”

<a rel=“author” href=“https://plus.google.com/100038801356570551641/”>My Google+ Profile</a>

<link rel="author" href="https://plus.google.com/100038801356570551641/" />

rel=“me”

By <a rel=“author” href=“/author/nickmoline”>Nick Moline</a>

<link rel=”author" href="https://plus.google.com/100038801356570551641/" />

<link rel=”me" href="https://plus.google.com/100038801356570551641/" />

Authenticating the Link

Authorship on Google Search

Facebook OpenGraph

Twitter Cards

Similar to OpenGraph syntax, but uses meta name instead of meta property<meta name=“twitter:site” value=“@JustiaCom” /><meta name=“twitter:creator” value=“@NickMoline” />

Semantic Markup (A History)• HTML

– Great for Markup, but no Structured Data• XML

– Great for Structured Data, but Difficult for Markup• HTML with Microformats

– Hack• RDF-A

– Adds XML to HTML, difficult for the novice– I don’t get it!

• HTML5 Microdata– Part of the HTML5 spec– Markup First, but highlighting data in the markup– Much simpler than RDF-A IMHO

Schema.org

• “Standard” set of Microdata Structures for explaining real items in HTML in a way Machines can easily and reliably understand.

So why mark it up?