160 likes | 259 Views
Who Wrote This $#!7. Authorship and Semantic Web Markup for SEO and Social Media Integration. Nick Moline. Senior Software Engineer at Justia.com Google+: plus.google.com /100038801356570551641 Twitter: @ NickMoline Facebook: facebook.com / nickmoline
E N D
Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration
Nick Moline Senior Software Engineer at Justia.com Google+: plus.google.com/100038801356570551641 Twitter: @NickMoline Facebook: facebook.com/nickmoline LinkedIn: linkedin.com/in/nickmoline Blog: 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/" />
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.