Who Wrote this $#!7: Authorship and Semantic Web Markup for SEO and Social Media Integration

441 views

Published on

My presentation at the 2013 CALI Conference for Law School Computing.

The video of the presentation is up on youtube here:
http://youtu.be/pZsxaKcU8iA

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
441
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Who Wrote this $#!7: Authorship and Semantic Web Markup for SEO and Social Media Integration

  1. 1. Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration
  2. 2. 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
  3. 3. 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!
  4. 4. 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>
  5. 5. rel=“author” <a rel=“author” href=“https://plus.google.com/100038801356570551641/”>My Google+ Profile</a> <link rel="author" href="https://plus.google.com/100038801356570551641/" />
  6. 6. 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/" />
  7. 7. Authenticating the Link
  8. 8. Authorship on Google Search
  9. 9. Facebook OpenGraph
  10. 10. 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” />
  11. 11. 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
  12. 12. Schema.org • “Standard” set of Microdata Structures for explaining real items in HTML in a way Machines can easily and reliably understand.
  13. 13. So why mark it up?

×