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.

1. Microdata, Authorship and
Joomla!
Ruth Cheesley – Virya Technologies
Autor: Cheesley - @RCheesley
Ruth 18.10.12

2. Show me the money!

3. Good SEO = Reputation Management

4. Could do better!

5. Microdata
Autor: Cheesley - @RCheesley
Ruth 18.10.12

6. It all starts with the markup

7. I Iwant to know
want to know
about avatar
about avatar
Uhhh, which
Uhhh, which
one?
one?
Content + Context = King

8. So many things to do!

9. Goo.gl/1n2wj
– rich snippets
testing tool
Rich Snippets in action

10. Stand out from the crowd!

11. One format to rule them all

12. Creative Work
Creative Work Place
Place
Product
Product Event
Event
Thing
Thing
Intangible
Intangible Person
Person
Medical entity
Medical entity Organisation
Organisation
Available Schemas

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 App
Creative
Creative 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. Define the
Define the Declare the
Declare the
schema
schema property
property
itemscope
& itemprop
itemtype
How to use schema.org markup

15. <div itemscope itemtype ="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<div itemprop="director" itemscope
itemtype="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. <h1>Pirates of the Carribean: On Stranger Tides (2011)</h1>
Jack Sparrow and Barbossa embark on a quest to find the elusive
fountain of youth, only to discover that Blackbeard and his daughter are
after it too.
Director: Rob Marshall
Writers: Ted Elliott, Terry Rossio, and 7 more credits
Stars: Johnny Depp, Penelope Cruz, Ian McShane
8/10 stars from 200 users. Reviews: 50.
Movie listing - before Microdata

17. <div itemscope itemtype="http://schema.org/Movie"><h1 itemprop="name">Pirates of the
Carribean: On Stranger Tides (2011)</h1>
<span itemprop="description">Jack Sparrow and Barbossa embark on a quest to find the
elusive 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"><span
itemprop="name">Rob Marshall</span></div>
Writers: <div itemprop="author" itemscope itemtype="http://schema.org/Person"><span
itemprop="name">Ted Elliott</span></div><div itemprop="author" itemscope
itemtype="http://schema.org/Person"><span itemprop="name">Terry Rossio</span></div>,
and 7 more credits
Stars: <div itemprop="actor" itemscope itemtype="http://schema.org/Person"><span
itemprop="name">Johnny Depp</span>, </div><div itemprop="actor" itemscope
itemtype="http://schema.org/Person"><span itemprop="name">Penelope
Cruz</span>,</div><div itemprop="actor" itemscope
itemtype="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> / <span
itemprop="bestRating">10</span> stars from <span itemprop="ratingCount">200
</span>users. Reviews: <span itemprop="reviewCount">50</span>.</div></div>
Movie listing - after Microdata

18. Google search listings Google's “Knowledge Graph”
And the results are ...

19. Authorship
Autor: Cheesley - @RCheesley
Ruth 18.10.12

20. Link to
profile
Establishing the author of web
based content by linking
(using microdata) with
Google+ profiles
What is Authorship?

21. Why bother?

22. Google+ is where it starts

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. Profile linking in action

25. View all by author

26. Trusted recommendations

27. Joomla!
Autor: Cheesley - @RCheesley
Ruth 18.10.12

28. Shops
Contact page Resources
Articles Directories
Blogs Reviews
Media
Microdata needs adding

29. J4Schema
www.fabbricabinaria.it
Insert microdata 'on
the fly' via editor
button, also includes
template overrides
Pro version creates
tokens for use in
templates,
extensions etc
Use JWC12 for 33%
discount on pro
version
Check out the JED

30. Define the
Define the Declare the
Declare the
schema
schema property
property
itemscope
& itemprop
itemtype
Add it yourself!

31. Review
Autor: Cheesley - @RCheesley
Ruth 18.10.12

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 extensions
Autor: Cheesley - @RCheesley
Ruth 18.10.12

33. For more information
www.schema.org
plus.google.com/authorship
gplus.to/RCheesley
Autor: Cheesley - @RCheesley
Ruth 18.10.12