Beginnersgids voor Schema en Hoe het Je SEO Kan Verbeteren

Het belangrijkste doel van Search Engine Optimization (SEO) is om je inhoud hoger te laten scoren in de zoekresultaten voor de trefwoorden die het belangrijkst zijn voor jouw merk of bedrijf.

Echter, het bemachtigen van een van de top posities in de ranglijsten is mogelijk niet voldoende om je site te onderscheiden van de concurrentie en die felbegeerde organische klik te verdienen. Je hebt misschien dat extra voordeel nodig om de meeste klikken (en daadwerkelijk verkeer) te krijgen — dat is waar schema-markering van pas komt.

Schema markup is een vorm van gestructureerde gegevens die zoekmachines extra informatie geeft over je inhoud. Het coole aan schema is dat het de mogelijkheid creëert om het uiterlijk van je inhoud in organische zoekresultaten visueel te verbeteren zodat het opvalt.

Bijvoorbeeld, je kunt schema gebruiken om Google te vertellen of een pagina een recept, een blogpost of een productpagina vertegenwoordigt, en je zoeklijst kan wat van die extra informatie bevatten. Bovendien kun je kiezen welke gegevens je wilt opnemen met behulp van markering, zoals sterrenbeoordelingen, prijzen en zelfs de kooktijd.

In dit artikel gaan we uitleggen wat schema markup is en de voordelen ervan opsplitsen. Vervolgens laten we je zien hoe je schema markup aan je website kunt toevoegen.

Laten we beginnen!

Wat Is Schema?

Elke pagina die je maakt, moet een behoorlijke hoeveelheid metadata bevatten. Enkele van de belangrijkste elementen voor SEO zijn paginatitels, meta-omschrijvingen, alt-tekst en kop-tags. Die metadata heeft een aanzienlijke invloed op hoe jouw site verschijnt in de Zoekmachine Resultaten Pagina’s (SERP’s).

Denk aan schema-opmaak als het “volgende niveau” van metadata voor pagina’s. In plaats van alleen aan zoekmachines te vertellen wat de titel en beschrijving van een pagina zijn, biedt de schema context.

Je kunt schema gebruiken om de inhoud van elke pagina aan te geven, zoals locaties, recepten, producten en honderden andere opties. Om je een voorbeeld te geven, hier is hoe het zoekresultaat voor een recept eruitziet zonder schema:

Het ziet er goed uit en zou zeker wat klikken kunnen krijgen. Laten we het vergelijken met een rijk snippet zoekresultaat dat schema markup gebruikt, inclusief beoordelingen, aantal stemmen, en kooktijd. De rijke resultaten zijn mogelijk dankzij schema markup:

Als je op zoek bent naar een recept, op welk van die twee resultaten zou je dan klikken? Voor veel mensen zou het antwoord het laatste zijn, omdat het meteen meer informatie biedt.

Er zijn veel schema “categorieën” voor verschillende soorten inhoud. Naast recepten, heb je ook opties voor een persoon. Dit kan perfect zijn als je wilt dat de zoekresultaatfragmenten informatie bevatten zoals geboortedatum, namen van ouders en broers en zussen:

Een van de meest voorkomende methoden om Schema aan een webpagina toe te voegen, maakt gebruik van JavaScript Object Notation for Linked Data (JSON-LD).

Hier is een voorbeeld van hoe schema-opmaak met JSON-LD eruit zou zien als je werkt aan, laten we zeggen, een bananenbroodrecept:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Recipe",
  "author": "John Smith",
  "cookTime": "PT1H",
  "datePublished": "2009-05-08",
  "description": "Dit klassieke bananenbroodrecept komt van mijn moeder -- de walnoten voegen een lekkere textuur en smaak toe aan het bananenbrood.",
  "image": "bananabread.jpg",
  "recipeIngredient": [
    "3 of 4 rijpe bananen, geprakt",
    "1 ei",
    "3/4 kopje suiker"
  ],
  "interactionStatistic": {
    "@type": "InteractionCounter",
    "interactionType": "https://schema.org/Comment",
    "userInteractionCount": "140"
  },
  "name": "Mama's Wereldberoemde Bananenbrood",
  "nutrition": {
    "@type": "NutritionInformation",
    "calories": "240 calorieën",
    "fatContent": "9 gram vet"
  },
  "prepTime": "PT15M",
  "recipeInstructions": "Verwarm de oven voor op 350 graden. Meng de ingrediënten in een kom. Voeg als laatste de bloem toe. Giet het mengsel in een broodvorm en bak een uur.",
  "recipeYield": "1 brood",
  "suitableForDiet": "https://schema.org/LowFatDiet"
}
</script>

Dat script zou in de HTML van de pagina gaan, en je hebt volledige controle over de schema-elementen. Sommige tools laten je schema-markering toevoegen zonder code te gebruiken door te selecteren met welk soort inhoud je werkt en een paar velden in te vullen.

(Maak je geen zorgen, we zullen hieronder enkele van onze favoriete schema-generatorgereedschappen delen.)

Om samen te vatten, schema is een markering die je toevoegt aan websitepagina’s om zoekmachines extra informatie te geven over je inhoud. Laten we nu bespreken hoe dat proces je website kan bevoordelen.

Waarom Schema Markup Je SEO Kan Verbeteren

Om duidelijk te zijn, de loutere aanwezigheid van gestructureerde gegevens op een webpagina geeft geen algemene boost aan de rangschikking.

Bijvoorbeeld, stel je hebt twee websites, één die schema-markup gebruikt en één die dat niet doet. Als ze concurreren om dezelfde trefwoorden met een vergelijkbare domeinautoriteit en inhoudskwaliteit, zullen ze waarschijnlijk vergelijkbare rangschikkingen krijgen.

Echter, schema markup helpt wel met organische doorklikpercentages. Door je zoekresultaten aantrekkelijker te maken, vergroot je de kans dat gebruikers op jouw resultaten klikken in plaats van op die van je concurrenten.

Onderzoek van Google ondersteunt dit. Uit een studie bleek dat Rotten Tomatoes schema-markeringen toevoegde aan meer dan 100.000 van zijn webpagina’s en een toename van 25% in doorklikratio’s zag in vergelijking met pagina’s die het niet gebruikten:

The Food Network zag vergelijkbare resultaten. Het toevoegen van schema markup leidde tot een stijging van 35% in organische verkeersbezoeken:

Naast het helpen krijgen van meer klikken, kan schema-markering ervoor zorgen dat je website verschijnt in lokale zoekopdrachten, afhankelijk van de metadata die je aan je website toevoegt.

Bijvoorbeeld, als je locatiemetagegevens toevoegt aan een pagina voor een locatie of een evenement, kan het verschijnen wanneer gebruikers zoeken naar nabijgelegen opties:

Op dezelfde manier haalt Google schemainformatie uit pagina’s om kennispanels in zoekresultaten te vullen. Deze panels linken misschien niet direct naar jouw website, maar ze bieden een betere ervaring voor zoekgebruikers.

Hoewel schema-opmaak geen invloed heeft op zoekmachinerangschikkingen, is het toch een slimme zet vanuit een SEO-perspectief. Het toevoegen van opmaak kan de klikken naar je pagina’s die al goed scoren verhogen, en dat is zeker de moeite waard (kleine inspanning die nodig is om het op te zetten).

Hoe Schema Markup Aan Je Website Toe Te Voegen (2 Methoden)

Afhankelijk van of je WordPress of een andere websitebouwer gebruikt, zijn er twee manieren om schema-markeringen aan een website toe te voegen. Met een WordPress-site kun je toegang krijgen tot schema-markeringen plugins die het proces vereenvoudigen.

Anders moet je de opmaak handmatig toevoegen (wat niet zo ingewikkeld is). Laten we beide methoden doornemen!

1. Gebruik een Schema Markup WordPress Plugin

Het is niet verrassend dat er meerdere schema Plugins zijn die je kunt gebruiken in WordPress. In feite stellen sommige van de meest populaire SEO-plugins, waaronder Yoast SEO en Rank Math, je in staat schema-markeringen toe te voegen aan berichten en pagina’s direct uit de doos.

Het enige nadeel van het gebruik van SEO plugins voor het toevoegen van schemacode is dat je niet veel controle hebt over de metadata. Yoast SEO laat je bijvoorbeeld alleen kiezen welk type pagina of artikel je aan het bewerken bent:

Je zult een gespecialiseerde plugin moeten gebruiken als je meer controle wilt over de schemagegevens die je aan je WordPress-inhoud toevoegt. Een van onze favoriete tools voor deze taak is Schema & Structured Data for WP & AMP:

Deze plugin stelt je in staat om aangepaste JSON-LD markeringen toe te voegen aan elke post of pagina. Je kunt ook voorgeconfigureerde soorten schema markeringen instellen en beslissen welke velden je wilt opnemen, afhankelijk van de inhoud waaraan je werkt.

Nadat je de plugin hebt ingeschakeld, ga je naar Structured Data > Schema Types in het WordPress-dashboard en selecteer je de Add Schema Type optie:

De plugin zal je vragen welk schema je wilt instellen. Je kunt kiezen uit een lijst die alle schema’s bevat die beschikbaar zijn op Schema.org. Enkele van de meest voorkomende opties omvatten opmaak voor artikelen, producten, nieuwsartikelen en veelgestelde vragen:

De markeerelementen waartoe je toegang hebt, zijn afhankelijk van het schema dat je kiest. Daarna kun je beslissen voor welke soorten inhoud je dit schema wilt inschakelen.

In dit voorbeeld hebben we de opmaak geconfigureerd voor het “post” contenttype:

Nadat je een type schema hebt toegevoegd, kun je het direct bewerken. De pagina voor het bewerken van schema’s toont de standaardvelden die het bevat.

Voor het Artikel-schema kun je selecteren of je te maken hebt met een lijstgebaseerd artikel en of het uitspreekbaar is. Je kunt ook andere eigenschappen toevoegen door te klikken op Voeg Eigenschap Toe:

Wij raden aan de tijd te nemen om elk type schema aan te passen door de eigenschappen toe te voegen die je wilt laten verschijnen in de zoekresultaten voor elke pagina. Houd echter in gedachten dat als je te veel schema-eigenschappen toevoegt, niet allemaal zullen verschijnen in de resultaten. Gemiddeld toont Google tussen de drie en vier schema-elementen voor elk resultaat.

Aangezien de plugin je toestaat om te configureren welke soorten inhoud verschillende soorten schema’s zullen gebruiken, hoef je de opmaak niet op een pagina-per-pagina basis in te schakelen.

Echter, als je een pagina of een bericht bewerkt en je wilt aangepaste schema’s toevoegen, kun je dit doen door naar de Schema & Structured Data on this post widget te gaan en de Custom Schema optie te selecteren:

Als je niet zeker weet hoe je schema-opmaak met JSON-LD moet structureren, raden we je aan om Schema.org te bekijken. Schema-opmaak kan zeer beheersbaar zijn, zelfs als je niet bekend bent met code, aangezien het een zeer eenvoudige set regels en eigenschappen volgt.

2. Voeg Schema Markup Handmatig Toe

De stappen voor het handmatig toevoegen van schema-markup aan een website zijn afhankelijk van het formaat dat je gebruikt. Tot nu toe hebben we ons uitsluitend gericht op JSON-LD, omdat dit de meest populaire optie is voor schema-markupgegevens (en het wordt aanbevolen door Google).

JSON-LD

JSON-LD-markering aan een pagina toevoegen is relatief eenvoudig. Je moet het markeerscript samenstellen met de eigenschappen die je wilt opnemen en het in het juiste formaat structureren.

Laten we het eerdere voorbeeld van een JSON-LD schema-markupfragment opnieuw bekijken:

<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “Recipe”,
“author”: “John Smith”,
“cookTime”: “PT1H”,
“datePublished”: “2009-05-08”,
“description”: “Dit klassieke bananenbroodrecept komt van mijn moeder — de walnoten voegen een leuke textuur en smaak toe aan het bananenbrood.”,
“image”: “bananabread.jpg”,
“recipeIngredient”: [
“3 of 4 rijpe bananen, geprakt”,
“1 ei”,
“3/4 kop suiker”
],
“interactionStatistic”: {
“@type”: “InteractionCounter”,
“interactionType”: “https://schema.org/Comment”,
“userInteractionCount”: “140”
},
“name”: “Mama’s Wereldberoemde Bananenbrood”,
“nutrition”: {
“@type”: “NutritionInformation”,
“calories”: “240 calorieën”,
“fatContent”: “9 gram vet”
},
“prepTime”: “PT15M”,
“recipeInstructions”: “Verwarm de oven voor op 350 graden. Meng de ingrediënten in een kom. Voeg als laatste de bloem toe. Giet het mengsel in een broodvorm en bak een uur.”,
“recipeYield”: “1 brood”,
“suitableForDiet”: “https://schema.org/LowFatDiet”
}
</script>

Elk JSON-LD script dat je toevoegt, moet binnen de <body> tags van het HTML-bestand waar je aan werkt geplaatst worden. De code kan variëren afhankelijk van het type inhoud dat je creëert, maar alles wat je nodig hebt om het toe te voegen is een teksteditor.

Als je niet bekend bent met schema-eigenschappen, wil je ook de Schema.org website open houden. De site laat je de eigenschappen zien die je kunt gebruiken met schema-markeringen en voorbeelden van hoe je ze kunt toevoegen.

Onze Favoriete JSON-LD Schema Markup Generators

• TechnicalSEO.com
• Rank Ranger Schema Markup Generator
• Steel Onze JSON-LD

RDFa en Microdata-indelingen

Naast JSON-LD kun je ook de RDFa- en microdataformaten gebruiken. Beide formaten zijn minder populair omdat ze afhankelijk zijn van inline code.

Hier is hoe een schema markup snippet voor een film eruit zou kunnen zien, waarbij de regisseur, het genre en een link naar een trailer worden aangegeven:

<div itemscope itemtype ="https://schema.org/Movie">
  <h1 itemprop="name">Apocalypse Now</h1>
  <span>Regisseur: <span itemprop="director">Francis Ford Coppola</span>
  <span itemprop="genre">Actie</span>
  <a href="../movies/apocalypsenow-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>

Microdata vereist dat eigenschappen rechtstreeks binnen de <div> tags voor elk item worden toegevoegd, en hetzelfde geldt voor RDFa. In de praktijk is deze aanpak te tijdrovend en kun je het niet automatiseren, in tegenstelling tot werken met JSON-LD opmaak.

Hoe Je Schema Markup Te Valideren

Waarom al die tijd besteden aan het begrijpen en maken van al die Schema-markeringen als het niet geldig is? Vergeet niet om de Schema.org Markup Validator te gebruiken om je werk te controleren. Om het te gebruiken, voeg gewoon je URL in en klik op ‘Run Test’.

Je kunt ook een ruw codesnippet toevoegen aan de tester en kijken of alles correct valideert. Let vooral op de “fouten” en “waarschuwingen” meldingen in de rechterhelft van het scherm, die je zullen helpen bij het oplossen van problemen met je schema als er problemen zijn.

Hoe je het ook test, deze belangrijke stap zorgt ervoor dat zoekmachines de extra gestructureerde gegevens die je aan je inhoud hebt toegevoegd herkennen en dat ze op de juiste manier worden weergegeven in zoekresultaten.

Voeg Schema Markup Toe Om Je SEO Te Verbeteren En Je Organische Verkeer Te Verhogen

Als je wilt dat je website zoveel mogelijk verkeer krijgt, moet je de zoekmachine rankings en de doorklikratio verbeteren. Schema-markering kan je helpen met het laatste doel, en als je het niet gebruikt, kun je een aanzienlijk aantal bezoekers mislopen.

Schema-markering toevoegen aan je website is niet moeilijk. Het proces varieert echter afhankelijk van of je WordPress gebruikt of niet:

1. Gebruik een schema markup WordPress plugin.
2. Voeg schema markup handmatig toe.

Om ervoor te zorgen dat je website klaar is voor het extra verkeer dat je kunt ontvangen door het gebruik van schema markup, moet je eens kijken naar onze DreamPress-plannen. Dankzij beheerde WordPress-hosting hoef je je nooit meer zorgen te maken over een trage website of beveiligingsproblemen. Bekijk onze plannen vandaag nog!