Upload
berenice-payne
View
216
Download
0
Tags:
Embed Size (px)
Citation preview
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?