13 februari
6

Wat zijn Rich Snippets?

Rich Snippets in Google, iedereen heeft ze wel eens gezien, maar wat zijn het precies? Het zijn toevoegingen aan de standaard resultaten (een titel, URL en omschrijving) die zorgen voor een verrijkte zoekresultatenpagina. Een standaard zoekresultaat ziet er als volgt uit:

In dit artikel brengen we u op de hoogte van de mogelijkheden en de ontwikkelingen op het gebied van Rich Snippets in Google. In de voorbeelden gaan we uit van de toepassing van de vocabulaire van schema.org, een toepassing van microdata. Deze opmaak wordt ondersteund door de grotere zoekmachines van dit moment (Google, Bing, Yahoo en Yandex).

Hoe voegt u Rich Snippets toe?

Door het toevoegen van HTML-tags aan de opmaak van een HTML-pagina, kunnen zoekmachines deze informatie beter interpreteren. Schema.org zorgt voor een eenduidige “taal” om extra tags aan uw HTML-code toe te voegen, waardoor informatie gestructureerd wordt.

Voor gebruikers vormt de weergave van deze informatie, in de vorm van Rich Snippets in Google, een visuele ‘trigger’ om op zo’n zoekresultaat te klikken. Het zorgt dus mogelijk voor een hogere doorklik ratio (CTR: Click Through Rate). In onderstaande paragrafen wordt beschreven welke Rich Snippets er getoond kunnen worden en hoe deze verkregen worden. Ze zijn o.a. toe te passen op:

Let wel: De toepassing van schema.org-markup op uw webpagina’s is echter geen garantie dat Google ook Rich Snippets toont bij zoekresultaten van de betreffende website. De voorwaarden hiervoor zijn (nog) niet openbaar gemaakt.

Uit onderstaande voorbeelden blijkt dat de vereiste schema.org-markup voor een bepaald item in ieder geval de volgende tags bevat:

  • itemscope: Kondigt een schema.org item aan en geeft aan dat onderliggende elementen samenhangende informatie bevatten.
  • itemtype: Een geldige URL naar een schema.org-item. Via deze URL worden het item en de onderliggende elementen beschreven.
  • itemprop: De naam van een specifiek schema.org-element.

Voorbeelden Rich Snippets

De rich snippets, zoals ze op dit moment getoond worden in Google, zijn uitgewerkt in onderstaande paragrafen. Voor de breadcrumbs is een voorbeeld toegevoegd, waarin het verschil tussen de originele code zonder breadcrumbs en de nieuwe code met breadcrumbs getoond wordt. Voor meer informatie en codevoorbeelden van de toepassing van schema.org-elementen verwijzen we onder het voorbeeld naar het betreffende item op de website van schema.org.

Breadcrumbs

Breadcrumbs staan voor het “kruimelpad” van een website. De pagina’s die zich hoger in de structuur bevinden worden op een eenvoudige manier getoond, waardoor gebruikers een “sense of direction” krijgen voor de locatie van de website waar hij/zij zich bevindt.

Hoe toont Google breadcrumbs in de zoekresultaten?

Originele code

<a href="categorie/boeken.html">Boeken</a> &gt; 
<a href="categorie/boeken/literatuur.html">Literatuur</a> &gt; 
<a href="categorie/boeken/literatuur/klassiekers.html">Klassiekers</a>

Met Microdata

<body itemscope itemtype="http://schema.org/WebPage">
[...]
<div itemprop="breadcrumb">
<a href="categorie/boeken.html">Boeken</a> &gt;  
<a href="categorie/boeken/literatuur.html">Literatuur</a> &gt; 
<a href="categorie/boeken/literatuur/klassiekers.html">Klassiekers</a>
</div>

Een overzicht van alle elementen van het Webpage-item op Schema.org.

Reviews en ratings

Tegenwoordig zijn de meest herkenbare uitingen van Rich Snippets misschien wel de reviews/ratings, waarbij de sterren een visuele presentatie zijn van de waardering van het betreffende item. Door het toevoegen van de betreffende markup kun je ervoor zorgen dat de sterren aan je betreffende pagina’s gekoppeld worden.

Hoe toont Google reviews/ratings in de zoekresultaten?

Een overzicht van alle elementen van het Review-item op Schema.org.

Video’s

Een prominente toepassing van Rich Snippets in de rijkere zoekresultaten van Google zijn de video’s. Je kunt video’s voorzien van vele soorten informatie. Denk hierbij aan:

  • De naam van de maker en/of uploader
  • Een link naar de thumbnail
  • Duur van de video
  • Reviews van de video
  • Datum van publicatie

Hoe toont Google video’s in de zoekresultaten?

Een overzicht van alle elementen van het VideoObject-item op Schema.org.

Films

Net zoals bij de video’s veel informatie gestructureerd kan worden, geldt dit ook voor (speel)films. Denk hierbij aan:

  • De naam van de regisseur
  • Alle acteurs
  • Duur van de film
  • Beoordelingen van de film
  • Datum van de prémiere

Hoe toont Google films in de zoekresultaten?

Een overzicht van alle elementen van het Movie-item op Schema.org.

Recepten

Voor recepten heeft Google ook een implementatie van Rich Snippets ingebouwd. Voor recepten kunnen de volgende eigenschappen naar voren komen:

  • Voorbereidingstijd
  • Totale bereidingstijd
  • Vetgehalte
  • Aantal calorieën
  • Ingrediënten

Hoe toont Google recepten in de zoekresultaten?

Een overzicht van alle elementen van het Recipe-item op Schema.org.

Producten

Voor retailers is er een ideale manier om producten beter onder de aandacht te brengen. Door een productpagina op te maken met de schema.org-tags kunnen de volgende producteigenschappen getoond worden:

  • Merknaam
  • Prijs
  • Aanbiedingen
  • Voorraadstatus
  • Beoordelingen / Reviews

Hoe toont Google producten in de zoekresultaten?

Een overzicht van alle elementen van het Product-item op Schema.org.

Personen

Het toepassen van schema.org voor verschillende schrijvers op een weblog/website geeft de mogelijkheid om de auteur prominent in de SERP’s (zoekmachine resultatenpagina) te tonen. Een pagina krijgt zo meer zichtbaarheid in de zoekmachines. Bij personen dienen er wel extra handelingen genomen te worden om getoond te worden in de zoekresultaten. Zo dienen de tags rel=”me” en rel=”author” op verschillende webeigendommen van de auteur geplaatst te worden. Daarnaast dient er een formulier tot toelating ingevuld te worden. Meer uitleg hierover vindt u via Google Help.

Hoe toont Google personen in de zoekresultaten?

Een overzicht van alle elementen van het Person-item op Schema.org.

Evenementen

Wanneer informatie over evenementen wordt opgemaakt met schema-tags, dan kan Google deze informatie identificeren en toonbaar maken op pagina’s met zoekresultaten. Onderstaande informatie van een evenement kunnen gebruikers helpen bepalen op welke pagina’s te klikken in de zoekresultaten:

  • Naam evenement
  • Artiest(en)
  • Datum
  • Locatie
  • Aantal kaartjes

Hoe toont Google evenementen in de zoekresultaten?

Een overzicht van alle elementen van het Event-item op Schema.org.

Testen van de opmaak

Voor sommige van bovenstaande items kun je de juiste code via http://schema-creator.org creëren. Is het gelukt om de juiste opmaak binnen de bestaande webpagina’s toe te voegen, dan kan de toepassing van schema.org op je website getest worden met de Rich Snippets Testing Tool van Google.

Met de rich snippets testing tool kunt u controleren of Google de gestructureerde gegevens van uw pagina kan ophalen. Deze tool probeert de markup te vinden op een bepaalde webpagina en toont hierbij een voorbeeld van hoe die pagina kan worden weergegeven in de zoekresultaten van Google.

Deze tool is nog in ontwikkeling, vandaar enkele opmerkingen:

  • De tool geeft alleen informatie die officieel wordt ondersteund voor Rich Snippets.
  • De interface is momenteel alleen beschikbaar in het Engels. De tool zal de juiste markup ook in andere talen kunnen testen, maar het voorbeeld geeft geen correct overzicht van de daadwerkelijke pagina met zoekresultaten.

Zelfs als de testing tool aangeeft dat je opmaak correct en volledig is, kan het enige tijd duren voor de Rich Snippets verschijnen in de zoekresultaten van Google.

Zie ook onze Rich Snippets presentatie:



LEES OOK ONS NIEUWSTE ARTIKEL:
Sjoerd Jongmans Als SEO Consultant bij Easy Internet Marketing optimaliseer ik websites ten behoeve van de verschillende zoekmachines. Hierbij ligt mijn focus op rijkere zoekresultaten, door het koppelen van productfeeds aan Google Shopping en het toepassen van schema.org voor Rich Snippets.
-->

4 Reacties

  1. Roald | 14-02-2012 om 15:43

    Goed artikel :)
    Heb je enig idee welk van deze typen rich snippets al in de Nederlandse SERP’s voor komen? Ben namelijk erg benieuwd naar events en personen.

  2. Chris | 14-02-2012 om 15:58
    • Roald | 14-02-2012 om 16:20

      Thanks! Zag ze zelf wel al veel in Google.com.

  3. Sjoerd | 14-02-2012 om 16:03

    Rich snippets van personen ben ik nog niet tegengekomen op Nederlandse domeinen (.nl). Voor films geldt hetzelfde, nog geen rich snippets op Nederlandse domeinen.
    Bij de grotere poppodia in Nederland zie je nog geen rich snippets m.b.t. optredens verschijnen.

    Bij enkele Ticketsites komen ze al wel naar voren, zie de link van Chris.

    Het kan dus een kwestie van (gebrek) aan implementatie zijn op websites of terughoudendheid vanuit Google.

    Welke rich snippets-vormen worden al wel in Google.nl getoond:
    - Video’s
    - Breadcrumbs
    - Reviews en ratings
    - Producten
    - Recepten
    - Events

2 Trackbacks

  1. [...] implementatie van reviews zorgt daarnaast voor extra content en de mogelijkheid tot het tonen van rich snippets bij de zoekresultaten van Google. Deze vorm van UGC (user generated content) kan de relevantie van [...]

  2. [...] een productpagina op te tellen en op te maken met microdata en Schema.org. Hoe je dat doet, wordt hier uitgelegd. Het verzamelen van eigen reviews en het vervolgens juist opmaken ervan, zorgt dat je [...]

Plaats een reactie

*
*