Gouden sterren in Google: Rich Snippets, hoe krijg je ze?

Waarschijnlijk heb je het al meerdere malen bij concurrenten gezien, gouden sterren met reviews in Google, extra informatie over producten, of zelfs evenementen. Ze trekken meteen de aandacht. Helemaal nu nog bijna niemand deze elementen heeft. Maar hoe krijg je deze zogenaamde Rich Snippets?

Maar hoe krijg je die Rich Snippets dan in je zoekresultaten?

Het toevoegen van Rich Snippets, ook wel structured data genoemd, is niet heel erg lastig voor iemand die al jaren met de materie werkt. Klinkt het stappenplan hieronder als rocket science, neem dan even contact op met ons. We helpen je graag.

1. Testen of je al gebruik maakt van structured data

Het is goed om allereerst te testen of je website al gebruik maakt van structured data. Google heeft een tool ontworpen waar je dit kunt testen, dit heet de zogenaamde Structured Data Testing Tool. Voer je URL in en er wordt een scan gemaakt van je website.

Ik heb mijn eigen testomgeving in de Testing Tool geplaatst om te laten zien wat redelijk normale resultaten zijn. Zoals je ziet in de afbeelding maakt mijn website gebruik van het element WebPage, WPHeader, ImageObject, CreativeWork, WPFooter en SiteNavigationElement. Dit zijn eigenlijk vrij standaard elementen die al in een WordPress installatie zijn opgenomen.

2. Kiezen welke elementen je toe wilt voegen

Leuk die structured data, maar waar kun je überhaupt uit kiezen? Heb ik voor je uitgeschreven.

Je kunt kiezen uit verschillende structured dataelementen. De meest voorkomende heb ik even voor je opgesomd.

Reviews

Met de zogenaamde review-informatie krijg je je gouden sterren (mocht Google ook echt vinden dat jij ze mag gebruiken, natuurlijk). Dit ziet eruit als hieronder.

Je advertentie valt meer op door deze sterren. Helemaal wanneer al jouw concurrenten dit niet gebruiken. Belangrijk om te vermelden, je hoeft geen eigen reviewsectie op je website te hebben wanneer je dit wilt implementeren. Zelfs wanneer jij reviews hebt bij een FeedbackCompany, of een KlantenVertellen, kun je dit gebruiken.

Evenementen

Heb je een bedrijf waar regelmatig evenementen plaatsvinden dan zou dit perfect zijn om te integreren. Je kunt bij de Rich Snippet voor evenementen aangeven waar, wanneer en de naam van een evenement aangeven.

Recepten

Ben je beheerder van een website als Culy, of Smulweb. Implementeer dan zeker deze. Overtuig je bezoekers om op jouw recept te klikken door een productafbeelding te tonen. In Nederland doet bijna niemand dit.

Je kunt ze als volgt integreren

Het integreren is dus niet heel erg lastig maar je moet het even weten. Een goede eerste stap is om naar Schema.org te gaan. Deze website is volledig gericht op Rich Snippets en bevat alle elementen die je maar wilt gebruiken.

Het integreren van Reviews doe je als volgt.
Zoek bij Schema.org de term Rating op. Hier vind je veel elementen die je kunt toevoegen. Zelf raad ik aan om eens te kijken naar ratingValue, worstRating & bestRating.

ratingValue is de daadwerkelijke rating van je website of jouw diensten. Deze dient te gaan linken naar de URL van jouw reviewwebsite.

worstRating is de slechtst mogelijke rating. In Nederland hanteren we hier vaak “1” voor.

bestRating is de best mogelijke rating. Dit is vaak “5” of “10”. Leuk: Google snapt wanneer je 1-10 aanhoudt. Een 9 wordt automatisch 4.5 ster.

Integreren via HTML, in de tekst, doe je als volgt.

   <div itemprop="aggregateRating"

itemscope itemtype="http://schema.org/AggregateRating">

Rated <span itemprop="ratingValue">3.5</span>/5

based on <span itemprop="reviewCount">11</span> customer reviews

<meta itemprop="worstRating" content = "1"/>

      <span itemprop="bestRating">5</span>stars

Eerst geef je aan wat het itemtype is. Dat is in dit geval Rating. Bij ratingValue geef je aan wat nu jouw gemiddelde cijfer is. Dit kan ook op basis van een URL.

Bij bestRating en worstRating hebben we in dit voorbeeld neergezet dat ratings op een schaal van 1-15 geschieden.

Onderwater doorvoeren kan ook. Dat kan bijvoorbeeld door middel van JSON-LD. Die codes vind je hier.

Het integreren van een evenement doe je als volgt.

Ga naar de Event pagina van Schema.org. Hier vind je alle elementen die je mee mag nemen in je implementatie.
Een voorbeeld van hoe je het kunt integreren:

<div class="event-wrapper">

  <div class="event-date">Sat Sep 14</div>

  <div class="event-title">Typhoon with Radiation City</div>

  <div class="event-title">CANCELLED - Typhoon with Radiation City</div>

  <div class="event-venue">

    The Hi-Dive

    <div class="address">

      7 S. Broadway<br>

      Denver, CO 80209

    </div>

  </div>

  <div class="event-time">9:30 PM</div>

  <div class="event-price">$13.00</div>

  <a href="http://www.ticketfly.com/purchase/309433">Tickets</a>

</div>

Bij event-date vul je de datum in. Event-title duidt uiteraard de naam aan van het evenement, in het voorbeeld hierboven wordt deze vervolgens gecanceld.
Event-venue duidt de locatie aan en address is uiteraard het adres. Event-time betekent de begintijd van het evenement en event-price duidt de prijs aan. Werk je met wisselende prijzen dan zou je hier een vanafprijs neer kunnen zetten.

Het integreren van een recepten snippet doe je als volgt.

Op de website van Schema over Recipe vind je alle soorten elementen die je kunt gebruiken.

Je zou het als volgt toe kunnen passen.

<div itemscope itemtype="http://schema.org/Recipe">

  <span itemprop="name">Mom's World Famous Banana Bread</span>

  By <span itemprop="author">John Smith</span>,

  <meta itemprop="datePublished" content="2009-05-08">May 8, 2009

  <img itemprop="image" src="bananabread.jpg"

       alt="Banana bread on a plate" />

  <span itemprop="description">This classic banana bread recipe comes

  from my mom -- the walnuts add a nice texture and flavor to the banana

  bread.</span>

  Prep Time: <meta itemprop="prepTime" content="PT15M">15 minutes

  Cook time: <meta itemprop="cookTime" content="PT1H">1 hour

  Yield: <span itemprop="recipeYield">1 loaf</span>

  Tags: <link itemprop="suitableForDiet" href="http://schema.org/LowFatDiet" />Low fat

  <div itemprop="nutrition"

    itemscope itemtype="http://schema.org/NutritionInformation">

    Nutrition facts:

    <span itemprop="calories">240 calories</span>,

    <span itemprop="fatContent">9 grams fat</span>

  </div>

  Ingredients:

  - <span itemprop="recipeIngredient">3 or 4 ripe bananas, smashed</span>

  - <span itemprop="recipeIngredient">1 egg</span>

  - <span itemprop="recipeIngredient">3/4 cup of sugar</span>

  ...

  Instructions:

  <span itemprop="recipeInstructions">

  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add

  the flour last. Pour the mixture into a loaf pan and bake for one hour.

  </span>

  140 comments:

  <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">

    <meta itemprop="interactionType" content="http://schema.org/CommentAction" />

    <meta itemprop="userInteractionCount" content="140" />

  </div>


</div>

Name houdt de naam in van het recept. Author de auteur. datePublished de gepubliceerde datum. Description bevat een korte tekst over het recept. prepTime is de tijd dat het in beslag neemt om het recept uit te voeren. cookTime is de tijd dat je dient te besteden aan het koken of bakken van het product. recipeYield is aantal “servings” dat het recept bevat. suitableForDiet vertelt voor welke diëten het geschikt is.

Vervolgens zou je ook nog dieper in kunnen gaan op voedingswaarden. Dit kan door middel van Schema.org/Nutrition.

Onder Nutrition zou je vervolgens nog hoeveelheid calorieën, vetten, koolhydraten, eiwitten e.d. toe kunnen voegen.

Aan de slag!

Met de Rich Snippets kun je nu weer extra bezoekers gaan binnenhalen. Na implementatie kan het enige tijd duren voordat Google ze toont, als ze al getoond worden. Want dat is geen gegeven. Google beslist uiteindelijk zelf of ze doorgevoerd worden, of niet.

Heb je een second look nodig, of heb je andere vragen over SEO of SEA, neem dan contact op met ons!

Recent Posts