Microdata, authorship, schema.org and semantic HTML for Joomla! - by Ruth Cheesley at J and Beyond 2013

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

2. Show me the money!

3. Good SEO = Reputation Management

4. Could do better!

5. Autor: 18.10.12Ruth Cheesley - @RCheesley
Microdata

6. It all starts with the markup

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

8. So many things to do!

9. Rich Snippets in action
30% HIGHER CLICK THROUGH
RATE

10. Stand out from the crowd!
CHECK YOUR SITES WITH THE GOOGLE RICH SNIPPETS TESTING TOOL!

11. One format to rule them all

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

13. Creative Work Schema
Creative
Work
Creative
Work
Article Painting
Blog Photograph
Book Recipe
Comment Review
Diet Sculpture
Exercise Plan Software App
Item list TV Episode
Map TV Season
Media object TV Series
Movie WebPage
Music Playlist WebPage element
Music Recording
Article Painting
Blog Photograph
Book Recipe
Comment Review
Diet Sculpture
Exercise Plan Software App
Item list TV Episode
Map TV Season
Media object TV Series
Movie WebPage
Music Playlist WebPage element
Music Recording

14. How to use schema.org markup
Define the
schema
Define the
schema
Declare the
property
Declare the
property
itemscope
&
itemtype
itemprop

15. schema.org markup
<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>

16. Movie listing - before Microdata
<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.

17. Movie listing - after Microdata
<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>

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

19. Autor: 18.10.12Ruth Cheesley - @RCheesley
Authorship & Publisher
Microdata

20. What is Authorship?
Link to profile

21. Why bother?

22. Recognise this?

23. Google+ is where it starts

24. Adding authorship microdata
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+

25. Adding publisher microdata
Step 1: Add link to your G+ Company Page
<a href="[page_url]?rel=publisher">Google+</a>
Step 2: Verify your website on your company G+
page

26. Profile linking in action

27. View all by author
Taken from your
Google+ Profile

28. Knowledge Graph in action

29. Related people

30. Relevance to business

31. Trusted recommendations

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

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

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

35. Schema Independent Plugin
Microdata Library Plugin

36. Lots of cool tools & overrides!
www.microdataforjoomla.com

37. Here's some I made earlier ….
www.microdataforjoomla.com
JAB13 – 20% discount
@MicrodataJoomla

38. Extend Joomla!
?

39. Autor: 18.10.12Ruth Cheesley - @RCheesley
Review

40. Autor: 18.10.12Ruth Cheesley - @RCheesley
●
Microdata allows you to add context to your
web-based content
●
Search engines can use microdata to create
'rich snippets' in your listings
●
Authorship and Publisher markup is a type
of microdata which links an author and
organisation to their content on the web
●
Joomla! does not include microdata by default
but you can add it manually or with extensions

41. Autor: 18.10.12Ruth Cheesley - @RCheesley
For more information
www.schema.org
plus.google.com/authorship
www.microdataforjoomla.com (JAB13)
gplus.to/RCheesley