Doordat het aanvullende informatie naar zoekmachines stuurt, kan Schema markup je SEO aanzienlijk verbeteren. Ook helpt Schema markup om beter gebruik te maken van andere tools zoals social mediaplatforms en Google’s Kenniskaarten (Engels: Knowledge Graphs).

Er zijn verschillende manieren waarop je deze markup toe kunt voegen aan je site: via het installeren van een plugin of handmatig door de juiste code aan je site toe te voegen.

In dit artikel leggen we uit wat Schema markup is, bespreken we de voordelen en laten we enkele voorbeelden uit de praktijk zien. En natuurlijk leer je ook hoe je zelf Schema markup aan je WordPress-site kunt toevoegen.

Wat is Schema markup?

Schema markup is een soort meta-data (ook wel bekend als microdata) die je toe kan voegen aan een site om zoekmachines meer inzicht te geven in wat er op de site gebeurt. Vroeger gebruikten we HTML-tags om dit soort informatie aan zoekmachines te geven.

Denk bijvoorbeeld aan title tags, meta descriptions en meta keywords (niet langer relevant).

Maar daarmee kunnen zoekmachines nog niet alle benodigde informatie uit je site halen om écht te weten waar je site over gaat en voor wie je site relevant is. En daar komt Schema markup om de hoek kijken.

Schema markup voeg je toe aan de HTML binnen de pagina’s van je site. Het geeft extra eigenschappen aan individuele elementen, zoals wat voor soort informatie ze bevatten en wat de context is.

Zo zou je bijvoorbeeld dit kunnen zien op een pagina:

<div itemscope itemtype ="http://schema.org/Movie">
  <h1 itemprop="name">Avatar</h1>
  <span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
  <span itemprop="genre">Science fiction</span>
  <a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

Schema markup voegt dus een extra laag data toe aan je inhoud. Daardoor weten zoekmachines of de pagina gaat over een organisatie, een persoon, een plek of zelfs een film.

Dat betekent dat wanneer mensen zoeken naar bijvoorbeeld een specifieke film, ze betere en relevantere resultaten te zien krijgen. Schema markup zorgt er dus niet alleen voor dat je pagina’s eerder gevonden worden binnen de zoekresultaten, maar ook dat je accurate Kenniskaarten binnen Google krijgt, en dat je social mediaprofielen goed naar je site linken en zo je rankings verbeteren.

We kunnen het nog beter uitleggen aan de hand van enkele voorbeelden die laten zien hoe Schema markup wordt gebruikt en wat voor soort informatie er mee getoond kan worden. Hier gaan we verderop in dit artikel naar kijken.

Bevat jouw WordPress-site al Schema markup? Zo niet, dan is hier een gedetailleerde uitleg waarom het belangrijk is en hoe je het op de juiste manier toevoegt! 📈Click to Tweet

De voordelen van het toevoegen van Schema markup aan WordPress-sites

Voordat we gaan kijken hoe je Schema markup aan je WordPress-site kunt toevoegen, wil ik eerst even kort de voordelen bespreken.

Het grootste voordeel is natuurlijk de SEO van je site. Door contextuele informatie te leveren aan zoekmachines, vergroot je de kans dat je WordPress-site hoog in de SERP’s komt. De zoekmachines kunnen met hun crawlers veel informatie vergaren over je site, maar door Schema markup toe te voegen, is de kans veel groter dat de informatie die zoekmachines onttrekken van je site, correct is. Ze weten dus veel beter waar je site over gaat.

Als je dus een persoonlijk site met je eigen blog beheert, kun je de zoekmachines vertellen dat je site over een persoon gaat, en wie die persoon is. Dankzij Schema markup kun je je site ook goed linken aan je eigen, persoonlijke social mediaprofielen.

Is je site geen persoonlijke blog, maar juist een bedrijfssite? Ook dat kan je met Schema markup laten weten.

Verder zijn er ook voordelen door locatie-afhankelijke SEO. Je kunt Schema markup namelijk gebruiken om zoekmachines te vertellen waar je site – of de organisatie achter de site – zich mee bezighoudt. Als mensen vervolgens op jouw soort bedrijf zoeken bij jou in de buurt, dan rank je beter in de zoekresultaten.

Naast SEO helpt Schema markup ook bij het maken van Kenniskaarten binnen Google. Kenniskaarten zijn vensters met informatie die rechts van de zoekresultaten worden weergegeven. Ze hebben betrekking op zoektermen en geven informatie-rijke tabellen weer van verschillende bronnen.

Als ik bijvoorbeeld op Matt Mullenweg zou zoeken, zie ik een Kenniskaart die me meer over hem vertelt, zoals hier te zien.

Kenniskaart over Matt Mullenweg

Kenniskaart over Matt Mullenweg

Als je Schema markup aan je WordPress-site toevoegt, dan weet Google dus of je site over een individu of een organisatie gaat en wat voor soort inhoud er op je pagina’s staat.
Google kan die inzichten gebruiken om Kenniskaarten te maken en ervoor te zorgen dat er meer (en juiste) informatie instaat vanuit verschillende bronnen, bijvoorbeeld uit je social mediaprofielen.

Schema markup helpt ook met rich snippets en sitelinks. Dat is wanneer een zoekmachine niet alleen je startpagina weergeeft, maar ook extra informatie zoals inhoud of een aantal subpagina’s binnen je site. Schema markup biedt dus informatie die zoekmachines helpt om al die informatie uit je site te halen en dat toe te voegen aan de SERP’s. Deze verrijkte zoekresultaten verbeteren je click-through-ratio.

Veel hooggerankte sites kiezen voor Kinsta om het vele verkeer af te handelen die ze vanuit de zoekmachines ontvangen. Probeer Kinsta gratis.

Schema markup kan ook helpen bij het linken van je site aan je social media-profielen. Een van de soorten microdata die je kunt toevoegen aan je site is een link naar je verschillende social media-profielen zoals Facebook en Twitter. Dit helpt zoekmachines om deze twee informatiebronnen samen te gebruiken om mensen de resultaten te geven waarnaar ze op zoek zijn als ze op jou zoeken.

Voorbeelden van Schema markup

Nu weet je wat de voordelen zijn van het toevoegen van Schema markup aan je WordPress-site. Maar voordat je dat doet, moet je eerst weten wat voor soorten markup je toe kunt voegen en wat voor datatypes er ondersteund worden.

Er is een volledige lijst met datatypes te vinden op schema.org, maar de meest gebruikte zijn:

Dit is nog maar een korte lijst van de beschikbare datatypes: er zijn er nog tientallen, zo niet honderden, meer.

En er worden geregeld nieuwe markups toegevoegd. Zo heeft bijvoorbeeld Schema versie 6.0 nieuwe datatypes toegevoegd, waaronder MediaGallery, SportsEvent, FloorPlan en extra eigenschappen voor JobPosting.

En vanwege de recente gebeurtenissen rondom het Corona-virus, bevat Schema.org nu ook schema’s voor speciale aankondigingen, Covid-19 testlocaties, en nog meer.

De voordelen van het labelen van podcasts met Schema markup

Naarmate steeds meer mensen gebruik maken van stemgestuurde assistenten zoals Echo van Amazon of de Google Assistant, wordt het steeds belangrijker om aan te geven dat je inhoud een podcast is. Google neemt nu zelfs audiobronnen op in de zoekresultaten en geeft prioriteit aan audiobestanden binnen de zoekresultaten op Android-apparaten, Google-apps en hun eigen startpagina.

Het gebruiken van data types

Laten we als voorbeeld stellen dat je een site beheert voor een restaurant. Je wil uiteraard graag de zoekmachines laten weten dat de site een restaurantsite is. Om dat aan zoekmachines te vertellen moet je dus Schema markup gebruiken. Specifiek moet je de data types Organization en Restaurant gebruiken, om de bijbehorende kenmerken toe te voegen aan de pagina’s.

Daarnaast wil je idealiter ook een pagina met je locatie hebben en een pagina voor evenementen die binnenkort plaatsvinden in je restaurant. Daarvoor gebruik je dan het Event data type, waarmee je duidelijk maakt aan zoekmachines dat de pagina een evenement betreft.

Dit is nog maar een simpel voorbeeld. Toch het laat al goed zien hoe verschillende data types relevant kunnen zijn voor één site.

Verderop in dit artikel zul je zien hoe je met een plugin microdata van schema.org kunt toevoegen aan de verschillende pagina’s binnen je WordPress-site.

Maar laten we eerst eens kijken naar enkele praktijkvoorbeelden van Schema markup.

Voorbeeld Schema markup: Kinsta.com

De site van Kinsta is natuurlijk een goede plek om te beginnen.

Als we zoeken op Kinsta, krijgen we niet alleen een link naar de site te zien, maar ook andere zoektermen waar mensen naar hebben gezocht én een aantal vaak bezochte subpagina’s van de site.

Zoekresultaten van Kinsta

Zoekresultaten van Kinsta

Als je de site van Kinsta in de structured data testtool van Google stopt, zul je zien dat er nog meer microdata in onze site verstopt zit.

Het testen van de structured data van Kinsta

(Er zit daar ook nog een best coole easter egg verstopt in de vorm van het logo en andere grafische informatie die we hebben omgezet naar code)

Het inspecteren van de resultaten in de data testtool laat zien welke Schema markup data types er gebruikt worden, onder meer:

Dit is nog slechts een deel van de microdata over Kinsta. Je kan de rest vinden via de structured data testtool van Google.

Voorbeeld Schema markup: Yoast.com

Laten we nog een ander voorbeeld van Schema markup bekijken. Ik heb Yoast hiervoor gekozen omdat hun eigen SEO-plugin ook Schema markup bevat.

Als je googelt op Yoast, zie je een aantal sitelinks (net als bij Kinsta), maar je krijgt ook een Kenniskaart te zien die informatie over Yoast en hun social mediaprofielen bevat.

Kenniskaart over Yoast

Kenniskaart over Yoast

Als je de Yoast-site door de structured data testtool haalt zul je zien dat zij inderdaad Schema markup gebruiken om deze informatie door te geven aan Google (zoals je ook mag verwachten van Yoast).

Het testen van de structured data van Yoast

Het testen van de structured data van Yoast

Schema markup wordt vooral door grote organisaties en techorganisaties gebruikt. Dat komt met name omdat het vroeger vrij ingewikkeld was om Schema markup aan een site toe te voegen.
Gelukkig is dat in de laatste jaren veranderd, met name voor WordPress-sites. Eigenaren van een WordPress-site hebben namelijk een groot voordeel: ze kunnen een simpele plugin gebruiken om Schema markup toe te voegen.

Laten we eens kijken hoe je dat doet.

Zo voeg je Schema markup toe aan je WordPress-site

Er zijn verschillende manieren waarop je de schema.org markup kan toevoegen aan je site. Laten we ze allemaal even bekijken.

Toevoegen van Schema markup via je thema

De eerste manier om Schema markup toe te voegen aan je WordPress-site is door een thema te installeren waar al Schema markup ingebouwd zit. Als je zoekt op schema binnen de thema-bibliotheek van WordPress, krijg je een aantal resultaten.

Resultaten van zoeken op 'schema' binnen de thema's

Resultaten van zoeken op ‘schema’ binnen de thema’s

Laten we enkele van deze thema’s wat beter bekijken.

The Schema

The Schema thema

The Schema thema

Het gratis The Schema thema is speciaal ontworpen om je SEO te verbeteren. Het bevat Schema als onderdeel van de code en claimt dat het helpt bij het verbeteren van je rankings bij zoekmachines. Er zitten ook een aantal features ingebouwd die je prestaties verbeteren.

Schema Lite

Schema Lite thema

Schema Lite thema

The Schema Lite theme is the free version of the premium Schema theme. It doesn’t include all of the features of the premium theme, but it’s a good way to try it out and see if the theme works for you.

Schema

Schema thema

Schema thema

Het premium Schema thema levert een soortgelijk ontwerp als Schema Lite, maar heeft meer features die de SEO verbeteren. Het bevat een pagina met opties waar je informatie over je site kan toevoegen. Deze informatie wordt vervolgens toegevoegd zal worden als Schema markup.

Toevoegen van Schema markup met een specifieke WordPress-plugin

De meeste sites hebben al een thema geïnstalleerd. Dan wil je dus niet je thema veranderen alleen maar om Schema markup te krijgen. Het goede nieuws is dat er allerlei plugins zijn die je kan gebruiken om Schema markup aan je WordPress-site toe te voegen.

Laten we een aantal van de beste opties bekijken.

De plugin Schema

De Schema plugin maakt het makkelijk om Schema markup toe te voegen aan WordPress. Het heeft enkele handige features zoals het inschakelen van verschillende schema types per categorie of per artikel. De plugin is verder compatibel met custom berichttypes. Ook werkt de plugin goed samen met andere gerelateerde plugins, zoals SEO plugins, om zo het gebruik van de markup die je al op je site hebt, te maximaliseren.

Deze plugin gebruikt JSON-LD (een lichtgewicht Linked Data format) dat aangeraden wordt door Google en ook wordt ondersteund door Bing. Let op dat beoordelingsmarkup niet bij de kernplugin zit inbegrepen. Wil je dit wel, dan kan je gebruik maken van een andere (gratis) plugin genaamd Schema Review.

Laten we kijken hoe je de Schema plugin goed instelt.

Installeer de plugin op de normale manier door naar Plugins > Nieuwe toevoegen te gaan en te zoeken op Schema. Klik op Installeren en vervolgens op Activeren.

Installeren van de Schema plugin

Installeren van de Schema plugin

Zodra de plugin is geïnstalleerd en geactiveerd, ga je naar Schema > Settings om Schema markup aan je site toe te voegen. Vul de belangrijkste info in, zoals de locatie of je “Over ons” en “Contact” pagina’s en voeg een logo toe.

Klik vervolgens op de Quick Configuration Wizard om alles in te stellen.

De snelle configuratiewizard van Schema

De snelle configuratiewizard van Schema

Volg de wizard, waarbij je informatie geeft over je site en je social mediaprofielen, en klik ten slotte op de knop om je custom berichttypes aan te passen.

Aanpassen van schema types

Aanpassen van schema types

Het toevoegen van extra custom berichttypes aan de lijst doe je door te klikken op de Add New knop en de gegevens in te vullen. Je kunt deze pagina ook gebruiken om Schema markup aan categorieën toe te wijzen. Lees de documentatie van de plugin voor meer geavanceerde functies.

Als je je instellingen nog verder wilt aanpassen, ga je naar het tabblad Settings. Je kan ook uitbreidingen toevoegen door naar Schema > Extensions te gaan. Hier kun je extra plugins voor bijvoorbeeld WooCommerce toevoegen. Je kan ook de premium versie van de Schema plugin installeren, waardoor je de volgende extra features krijgt:

Schema Premium plugin

Schema Premium plugin

Als je geavanceerde Schema markup op je site wilt hebben, is het eventueel de moeite waard om te betalen voor Schema Premium.

De Schema Prop plugin

Een alternatieve premium plugin die geavanceerde Schema markup aan je WordPress-site toevoegt is de Schema Pro plugin.

Schema Pro plugin

Schema Pro plugin

De features zijn onder meer:

  1. Ondersteuning voor veel data types.
  2. Volledige automatisering zodat schema data direct wordt toegevoegd aan zowel nieuwe als reeds bestaande artikelen en pagina’s.
  3. Ondersteuning voor custom berichttypes, taxonomieën en archieven.
  4. Ondersteuning voor custom velden.
  5. De mogelijkheid om de plugin verder uit te breiden en meer markup toe te voegen.

Veel hooggerankte sites kiezen voor Kinsta om het vele verkeer af te handelen die ze vanuit de zoekmachines ontvangen. Probeer Kinsta gratis.

Alternatieve plugins

Schema en Schema Pro zijn zeker niet de enige plugins die schema.org markup toevoegen aan je site. Anderen zijn bijvoorbeeld:

Toevoegen van Schema markup met de Yoast SEO plugin

Als je de Yoast plugin voor SEO al gebruikt op je WordPress-site, kun je vrij eenvoudig Schema markup toevoegen via deze plugin. Het voegt niet zoveel markup toe als enkele van de premium plugins van hierboven, en is niet gespecialiseerd voor Schema markup, maar het betekent wel dat je niet een nieuwe plugin hoeft te installeren en configureren.

Laten we even kijken hoe dit werkt.

Wanneer je Yoast voor het eerst installeert, wordt je gevraagd naar informatie zoals de organisatie, voor wie de site is bedoeld en social medialinks. Dit hoort allemaal bij het proces van het toevoegen van Schema markup aan je WordPress-site.

Allereerst wordt je gevraagd naar het soort site en wat je met je site wil doen.

Yoast wizard – site type

Yoast wizard – site type

Vervolgens wordt je gevraagd naar de naam. Als het een organisatie betreft, kun je ook een logo uploaden. In de screenshot hieronder gaf ik aan dat de site over een gebruiker gaat. Als je gegevens over die persoon wil veranderen, doe je dat via hun profielpagina.

Aanwijzen van een gebruiker als het onderwerp van de site

Aanwijzen van een gebruiker als het onderwerp van de site

Als de site gaat over een persoon die geen gebruiker is op je site, heb je twee mogelijkheden. Óf je kiest voor de Organization optie en vult de gegevens in van de persoon alsof het om een organisatie gaat óf je stelt een gebruikersaccount in met een e-mailadres dat een alias van je eigen mail is, zodat je cliënt niet opeens mails krijgt.

Als je het type onderwerp van je site op enig moment wil veranderen, ga je naar SEO > Search Appearance en selecteer je het tabblad General. Vervolgens scrol je naar beneden tot het deel Knowledge Graph & Schema.org en vul je de juiste details in.

Als het onderwerp van je site een individu betreft, kun je een gebruiker kiezen uit het drop-downmenu en zal de plugin alle informatie over die gebruiker uit het gebruikersprofiel ophalen. Als je dat zelf bent, moet je zorgen dat je gebruikersprofiel goed is ingevuld met, onder andere, je naam en social mediaprofielen.

Bewerken van schema.org markup in Yoast

Bewerken van schema.org markup in Yoast

Als het onderwerp van de site een organisatie of een persoon zonder gebruikersprofiel is, kun je simpelweg zelf de informatie invoeren in plaats van een gebruiker te selecteren. Dit doe je door naar SEO > Social te gaan.

Als je het sitetype hebt ingesteld, zal Yoast automatisch data types en Schema markup aan je WordPress-site toevoegen.

Voorbeelden van de Schema markup die Yoast aan je WordPress-site toevoegt zijn:

Een andere interessante feature is Yoast Structured Data Blocks. Deze kun je gebruiken om FAQs en How-to’s toe te voegen aan je artikelen en pagina’s, waarna de Schema markup de zoekmachines vertelt wat het precies zijn.

Yoast structured data blokken

Yoast structured data blokken

Je kunt nóg meer Schema markup toevoegen met de uitbreidingen van Yoast, bijvoorbeeld locatie data types met de Local SEO add-on en News data met de News SEO add-on.

Zo voeg je Schema markup toe aan een WooCommerce-webshop

Als je een WooCommerce-webshop beheert, zijn er nog meer voordelen aan het toevoegen van Schema markup. Als zoekmachines een goed idee hebben van wat je in je winkel verkoopt en waar je belangrijkste afzetmarkten zich bevinden, is de kans groter dat ze relevante klanten naar de winkel sturen. Het is dus zeker de moeite waard om Schema markup aan je WooCommerce-webshop toe te voegen.

Waarom zou je Schema markup aan je webshop toevoegen?

Het toevoegen van Schema markup vertelt mensen twee belangrijke dingen over je winkel.

Het eerste is het merk: het Organization type en de subtypes zullen zoekmachines precies vertellen wat voor site je hebt en wat voor soort producten je verkoopt. Je kunt ook data types speciaal voor lokale bedrijven gebruiken om lokale klanten aan te trekken.

Het tweede is dat je schema markup kunt toevoegen aan je artikeltypen. Op die manier weten zoekmachines dat je producten verkoopt. Dit vergroot je kans om bij de “Shopping”-zoekresultaten naar boven te komen, waarmee je winkelende bezoekers aantrekt.

Het toevoegen van Schema markup aan WooCommerce-winkels met een speciale WordPress-plugin

Er zijn verschillende plugins waarmee je Schema markup kunt toevoegen aan je WooCommerce-webshop:

Zo voeg je Schema markup handmatig toe aan WordPress

De laatste mogelijkheid om Schema markup aan je WordPress-site toe te voegen is natuurlijk handmatig, dus zonder plugin. Het voordeel is dat je geen onnodige extra code op je site krijgt, maar het nadeel is dat het iets meer werk is.

Je kunt dit doen door de sjabloonbestanden van je thema te bewerken.

Als je bijvoorbeeld het loop-single.php bestand hebt waarmee je individuele artikelen worden samengesteld, bestaat dat bestand ongeveer uit de volgende code:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

 <h2 class="entry-title"><?php the_title(); ?></h2>

 <?php if ( has_post_thumbnail() ) { ?>                            
  <?php the_post_thumbnail( medium, array(
   'class' => 'left',
   'alt'      => get_the_title()
  ) );
 ?>                  
 <?php } ?>

 <section class="entry-content">
  <?php the_content(); ?>
 </section><!-- .entry-content -->

</article>

Je kunt deze code bewerken zodat het ook de Schema markup bevat, namelijk zo:

<article itemscope itemtype ="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  
 <h2 itemprop="name" class="entry-title"><?php the_title(); ?></h2>

 <?php if ( has_post_thumbnail() ) { ?>                            
  <?php the_post_thumbnail( medium, array(
   'class' => 'left',
   'alt'      => get_the_title()
  ) );
  ?>                  
  <?php } ?>

 <section itemprop=”articleBody”>class="entry-content">
  <?php the_content(); ?>
 </section><!-- .entry-content -->

</article>

Je kunt nog meer markup toevoegen, zoals de uitgelichte afbeelding en eventuele metadata. Je kan op de site van Schema.org uitzoeken welke item types en eigenschappen relevant zijn voor jouw inhoud.

Je moet de relevante markup aan elk apart sjabloonbestand toevoegen of bestanden opnemen binnen je thema, waaronder het header.php bestand.

Als je dat gedaan hebt, zal het automatisch worden toegevoegd aan elke pagina die dat sjabloon gebruikt. Je zult wellicht merken dat je ook nog extra sjabloonbestanden moeten toevoegen voor artikeltypen die bestanden hoger in de hiërarchie gebruiken, maar dat is een kwestie van kopiëren en plakken.

Testen van je Schema markup

Als je de Schema markup aan je WordPress-site hebt toegevoegd, is het een goed idee om het te testen (wellicht ook een goed idee om van tevoren te testen, om te kunnen vergelijken).

Gebruik hiervoor de structured data testtool van Google.

Open de tool in je browser en typ het adres van je site in. Sommige plugins geven je ook een knop die hier direct naar linkt vanuit het WordPress-dashboard.

De testtool van Google geeft aan welke aspecten van Schema markup aanwezig zijn op je site en welke er nog missen. Als je nog onderdelen mist die je wel nodig denkt te hebben, kun je de instellingen van je plugin aanpassen of handmatig de extra markup toevoegen.

Schema markup en SEO gaan hand in hand🤝 Leer in deze gedetailleerde uitleg hoe je de ranking van je site kunt verbeteren 🚀Click to Tweet

Samenvatting

Het toevoegen van Schema markup aan je WordPress-site verbetert je SEO, omdat het zoekmachines precies vertelt wat je site doet. Het rechtstreeks weergeven van relevante informatie binnen de zoekresultaten kan net het beetje verschil maken tussen extra sale of een klant die jouw site overslaat in de zoekresultaten en bij de concurrent aanklopt.

De meeste sites gebruiken nog geen Schema markup. Als je dus nu een klein beetje tijd investeert om het toe te voegen, dan haal je er meteen voordeel uit ten opzichte van de concurrentie. Je kan Schema markup handmatig toevoegen, met een SEO-plugin zoals Yoast of een speciale schema plugin op je site installeren.

Nu jij: ga je ook met Schema markup aan de slag op jouw site? Laat het ons weten in de reacties!


Als je dit artikel leuk vond, dan ga je Kinsta’s WordPress hosting platform ook heel erg leuk vinden! Of het nu gaat om het versnellen van je website of de 24/7 support van ons ervaren WordPress-team. Onze door Google Cloud aangedreven infrastructuur is gericht op automatische schaalbaarheid, prestaties en beveiliging. Laat ons jou het Kinsta verschil tonen! Bekijk onze pakketten