Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.
-
Upload
berenice-payne -
Category
Documents
-
view
216 -
download
0
Transcript of Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.
![Page 1: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/1.jpg)
Who Wrote This $#!7
Authorship and Semantic Web Markup for SEO and Social Media
Integration
![Page 2: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/2.jpg)
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
![Page 3: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/3.jpg)
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!
![Page 4: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/4.jpg)
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>
![Page 5: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/5.jpg)
rel=“author”
<a rel=“author” href=“https://plus.google.com/100038801356570551641/”>My Google+ Profile</a>
<link rel="author" href="https://plus.google.com/100038801356570551641/" />
![Page 6: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/6.jpg)
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/" />
![Page 7: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/7.jpg)
Authenticating the Link
![Page 8: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/8.jpg)
Authorship on Google Search
![Page 9: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/9.jpg)
Facebook OpenGraph
![Page 10: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/10.jpg)
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” />
![Page 11: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/11.jpg)
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
![Page 12: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/12.jpg)
Schema.org
• “Standard” set of Microdata Structures for explaining real items in HTML in a way Machines can easily and reliably understand.
![Page 13: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/13.jpg)
So why mark it up?
![Page 14: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/14.jpg)
![Page 15: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/15.jpg)
![Page 16: Who Wrote This $#!7 Authorship and Semantic Web Markup for SEO and Social Media Integration.](https://reader035.fdocuments.us/reader035/viewer/2022062716/56649e165503460f94b00ddd/html5/thumbnails/16.jpg)