Microdata, Authorship, Google+ and Joomla! - Ruth Cheesley - Joomla! World Conference 2012


Published on

An introduction to microdata, schema.org, authorship and Google+ and its relevance to website developers. Delivered at the Joomla! World Conference on 17th November 2012, this presentation will be available in video format via the official Joomla! distribution channels in due course.

Published in: Technology
1 Comment
  • That is a greaaat presentation by Ruth Cheesley
    Have watched it all (desipite creepy sound). It will help us participate further into the efforts towards a friendlier semantic Web.
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Microdata, Authorship, Google+ and Joomla! - Ruth Cheesley - Joomla! World Conference 2012

  1. 1. Microdata, Authorship and Joomla! Ruth Cheesley – Virya TechnologiesAutor: Cheesley - @RCheesleyRuth 18.10.12
  2. 2. Show me the money!
  3. 3. Good SEO = Reputation Management
  4. 4. Could do better!
  5. 5. MicrodataAutor: Cheesley - @RCheesleyRuth 18.10.12
  6. 6. It all starts with the markup
  7. 7. I Iwant to know want to know about avatar about avatar Uhhh, which Uhhh, which one? one? Content + Context = King
  8. 8. So many things to do!
  9. 9. Goo.gl/1n2wj– rich snippetstesting tool Rich Snippets in action
  10. 10. Stand out from the crowd!
  11. 11. One format to rule them all
  12. 12. Creative Work Creative Work Place Place Product Product Event EventThingThing Intangible Intangible Person Person Medical entity Medical entity Organisation Organisation Available Schemas
  13. 13. Article Article Painting Painting Blog Blog Photograph Photograph Book Book Recipe Recipe Comment Comment Review Review Diet Diet Sculpture Sculpture Exercise Plan Exercise Plan Software App Software AppCreativeCreative Item list Item list TV Episode TV Episode Work Work Map Map TV Season TV Season Media object Media object TV Series TV Series Movie Movie Webpage Webpage Music Playlist Music Playlist Webpage element Webpage element Music Recording Music Recording Creative Work Schema
  14. 14. Define the Define the Declare the Declare the schema schema property property itemscope & itemprop itemtypeHow to use schema.org markup
  15. 15. <div itemscope itemtype ="http://schema.org/Movie"> <h1 itemprop="name">Avatar</h1> <div itemprop="director" itemscopeitemtype="http://schema.org/Person"> Director: <span itemprop="name">James Cameron</span>(born <span itemprop="birthDate">August 16, 1954)</span> </div> <span itemprop="genre">Science fiction</span> <a href="../movies/avatar-theatrical-trailer.html"itemprop="trailer">Trailer</a></div> schema.org markup
  16. 16. <h1>Pirates of the Carribean: On Stranger Tides (2011)</h1>Jack Sparrow and Barbossa embark on a quest to find the elusivefountain of youth, only to discover that Blackbeard and his daughter areafter it too.Director: Rob MarshallWriters: Ted Elliott, Terry Rossio, and 7 more creditsStars: Johnny Depp, Penelope Cruz, Ian McShane8/10 stars from 200 users. Reviews: 50. Movie listing - before Microdata
  17. 17. <div itemscope itemtype="http://schema.org/Movie"><h1 itemprop="name">Pirates of theCarribean: On Stranger Tides (2011)</h1><span itemprop="description">Jack Sparrow and Barbossa embark on a quest to find theelusive fountain of youth, only to discover that Blackbeard & his daughter are after it too.</span>Director: <div itemprop="director" itemscope itemtype="http://schema.org/Person"><spanitemprop="name">Rob Marshall</span></div>Writers: <div itemprop="author" itemscope itemtype="http://schema.org/Person"><spanitemprop="name">Ted Elliott</span></div><div itemprop="author" itemscopeitemtype="http://schema.org/Person"><span itemprop="name">Terry Rossio</span></div>,and 7 more creditsStars: <div itemprop="actor" itemscope itemtype="http://schema.org/Person"><spanitemprop="name">Johnny Depp</span>, </div><div itemprop="actor" itemscopeitemtype="http://schema.org/Person"><span itemprop="name">PenelopeCruz</span>,</div><div itemprop="actor" itemscopeitemtype="http://schema.org/Person"><span itemprop="name">Ian McShane</span></div><div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating > <span itemprop="ratingValue">8</span> / <spanitemprop="bestRating">10</span> stars from <span itemprop="ratingCount">200</span>users. Reviews: <span itemprop="reviewCount">50</span>.</div></div> Movie listing - after Microdata
  18. 18. Google search listings Googles “Knowledge Graph” And the results are ...
  19. 19. AuthorshipAutor: Cheesley - @RCheesleyRuth 18.10.12
  20. 20. Link to profileEstablishing the author of web based content by linking (using microdata) with Google+ profiles What is Authorship?
  21. 21. Why bother?
  22. 22. Google+ is where it starts
  23. 23. Step 1: Add link to your G+ Profile<a href="[profile_url]?rel=author">Google+</a>Step 2: Add link in contributor to section on G+ Adding author markup
  24. 24. Profile linking in action
  25. 25. View all by author
  26. 26. Trusted recommendations
  27. 27. Joomla!Autor: Cheesley - @RCheesleyRuth 18.10.12
  28. 28. ShopsContact page Resources Articles Directories Blogs Reviews Media Microdata needs adding
  29. 29. J4Schemawww.fabbricabinaria.itInsert microdata onthe fly via editorbutton, also includestemplate overridesPro version createstokens for use intemplates,extensions etcUse JWC12 for 33%discount on proversion Check out the JED
  30. 30. Define theDefine the Declare the Declare the schema schema property propertyitemscope & itemprop itemtype Add it yourself!
  31. 31. ReviewAutor: Cheesley - @RCheesleyRuth 18.10.12
  32. 32. ● Microdata allows you to add context to your web-based content ● Search engines can use microdata to create rich snippets in your listings ● Authorship is a way of using microdata to link an author to all their content on the web ● Joomla! does not include microdata by default but you can add it manually or with extensionsAutor: Cheesley - @RCheesleyRuth 18.10.12
  33. 33. For more information www.schema.org plus.google.com/authorship gplus.to/RCheesleyAutor: Cheesley - @RCheesleyRuth 18.10.12