Microdata en Rich Snippets

logo pdb
Backups, updates & easy restores for Joomla & Wordpress (read the review). Use coupon JOOMLASEO for €25 in free credits to try it out.

Microdata worden soms ook wel aangeduid als Rich Snippets of Structured Data. Het is bedoeld om voor geautomatiseerde systemen (zoals zoekmachines) nog meer structuur aan de HTML mee te geven. Je gebruikers zien er op de website zelf helemaal niets van, maar zoekmachines begrijpen nu veel sneller de context. Als je een artikel schrijft over Ratatouille is het wel handig om te weten dat het hier om een film of over een recept gaat, en dat is precies wat je met microdata kunt bereiken.

Daarnaast nemen zoekmachines deze informatie vaak op in hun zoekresultaten, en dat zien bezoekers nu juist wel, zoals bijvoorbeeld sterretjes voor reviews, thumbnails van video's, de prijs voor producten van je webshop enzovoorts. Hiermee kun je de Click Through Rate soms spectaculair mee verhogen, je site valt nu veel meer op:

microdata in Google

In de broncode van je website ziet dat er ongeveer als volgt uit::

<div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<div class="rating">
<i class="star-img stars_3_half" title="3.5 star rating">
<img alt="3.5 star rating" class="offscreen" src="/stars_map.png.">
</i>
<meta itemprop="ratingValue" content="3.5">
</div>
</div>

Je ziet dat er aan bepaalde tags eigenschappen worden toegevoegd, volgens een afgesproken formaat, beschreven op schema.org. het zal misschien niet direct een heel hoog effect op je rankings hebben, maar het effect op CTR is vaak wel vrij hoog. het verschil kan volgens sommige onderzoeken wel oplopen tot 30%!

logo 500

Hoe gebruik je microdata in Joomla

Tot Joomla 3.3 had je plugins en overrides nodig om microdata te gebruiken, maar sindsdien kent Joomla een beperkte ondersteuning van microdata. de ondersteuning is nog beperkt tot Joomla artikelen en contactpersonen. Een contactpersoon ziet er nu in de broncode als volgt uit:

<dl itemprop="address" itemscope="" itemtype="http://schema.org/PostalAddress">
<dd><span class="contact-street" itemprop="streetAddress">
Street here...
</span></dd>
<dd><span class="contact-suburb" itemprop="addressLocality">
City here...
</span></dd>
<dd><span class="contact-postcode" itemprop="postalCode">
Postal code here...
</span></dd>
</dl>

Mocht je de microdata niet aantreffen in je code kan het zijn dat je een template override gebruikt die de code van een eerdere Joomla versie gebruikt. Als je een commerciële template gebruikt, check dan of er geen update beschikbaar is. Heb je je eigen template gebouwd, check dan of er in de locatie \templates\YOUR_TEMPLATE\html\com_content\article een bestandje default.php staat. Je moet dan waarschijnlijk deze weggooien en de override opnieuw aanmaken op basis van de nieuwe Joomla code.

Niet ondersteunde zaken (en Joomla 2.5)

Helaas zijn nog lang niet alle onderdelen van Joomla verrijkt met microdata. In die gevallen, of als je nog Joomla 2.5 gebruikt, heb je voorlopig nog extensies nodig. Gelukkig zijn er voor talloze toepassingen extensies gemaakt, bijvoorbeeld Rich Snippets Vote, voor de sterretjes bij artikel-beoordelingen. Ook kun je overrides voor Joomla downloade bij Microdata for Joomla.

Je kunt natuurlijk ook je eigen microdata implementeren met template overrides. Voor het toepassen van microdata in het kruimelpad heb ik een blogpost geschreven.

Tenslotte weerhoudt niets je ervan om de microdata gewoon in de HTML van je editor in te typen. Als je de code opzoekt kun je dat handmatig doen, maar je kunt ook werken met een plugin voor de JCE editor: Micro-data add-on for JCE. Nog een oplossing voor de JCE editor is J4schema.

Een tikfout is zo gemaakt bij het invoeren van microdata, zeker als je het handmatig doet. Gelukkig heeft Google ook hier weer een tooltje voor gemaakt: de structured data testing tool.

Over deze site

Joomlaseo.com is volledig gebouwd en geschreven door Simon Kloostra, SEO Specialist en Webdesigner uit Utrecht. Ik heb ook een boek geschreven en blogs voor bedrijven als OStraining, TemplateMonster, SEMrush en dergelijke.