Vind je het niet geweldig als het menu met foto's van het eten komt? Je wilt het allemaal opeten! Klanten maken beslissingen op basis van wat het snelst in het oog springt, en dat doen we ook als we iets googelen. Als we eenmaal een compleet zoekresultaat zien, voelen we de behoefte om erop te klikken, nietwaar?
Dit is waar het bij Schema om gaat: de informatie op een meer gestructureerde en visuele manier presenteren zodat u weet wat u kunt verwachten bij een klik... en er echt op wilt klikken. Het implementeren van het schema geeft extra informatie aan de bezoekers en zorgt daardoor voor meer bezoek. De perfecte win-win situatie!
Wat zijn schema en gestructureerde gegevens?
Schema.org is een vocabulaire van tags (ook bekend als markups) die webmasters kunnen toevoegen aan de HTML om een pagina er aantrekkelijker uit te laten zien in de SERPs (Search Engine Results Pages). Door deze tags toe te voegen, verkrijgen we wat we Structured Data noemen, en dat resulteert in Rich Snippets.
Hoewel deze termen gemakkelijk door elkaar worden gehaald, zijn ze verschillend. Waar Schema de taal is waarmee we de inhoud presenteren, zijn gestructureerde gegevens de feitelijke gegevens die u verstrekt. Google leest en identificeert gestructureerde gegevens om rich snippets weer te geven in de SERP's.
Hier zijn een paar voorbeelden:
Door te begrijpen dat een snippet een gewone resultaten pagina is met een titel, URL, en meta beschrijving, kunt u zien dat het rich snippet voorbeeld hierboven meer details laat zien dan normaal. Deze functionaliteit geeft je oneindig veel mogelijkheden, afhankelijk van de pagina die je wilt promoten. We zullen je later enkele voorbeelden laten zien.
Dus, wat is deze code, algemeen bekend als schema markup? Het initiatief komt van een samenwerkingsgemeenschap genaamd schema.org die alle tags verzamelt waarmee marketeers schema's kunnen maken en promoten voor gestructureerde gegevens op websites, e-mailberichten en meer.
Wat is schema.org in SEO
Benieuwd hoe schema.org te gebruiken voor SEO? Het doel van het implementeren van Schema is om informatie (details van de site/product) te verstrekken aan zoekmachines om hun begrip van de inhoud te verbeteren, om de snippets rijker te maken en om de CTR te verhogen.
Ja, dat klinkt misschien voor de hand liggend, maar we willen benadrukken dat rich snippets een enorme impact hebben op de CTR (Click Through Rate), omdat ze de aandacht van mensen meer trekken dan welk ander zoekresultaat ook, en dat drijft meer klikken aan. Onthoud dat deze parameter het succes van een snippet bepaalt, en het wordt berekend door te delen hoe vaak het verscheen op de SERPs door het aantal keren dat erop geklikt werd. Hoe meer kliks, hoe hoger de CTR.
In het geval van rijke snippers, verhogen ze de CTR tot 30%! Vooral als het gaat om de beoordeling van producten of diensten: ratings en beoordelingen zijn de meest invloedrijke elementen op rijke snippets. Heeft u meer redenen nodig om ze te implementeren? Hier komt een goede:
In het verleden moesten SEO-specialisten hun ontwikkelaars pushen om de markups te schrijven en vervolgens te uploaden, wat leidde tot lange wachttijden en soms verkeerde implementaties, met veel feedback loops. Nu kunnen SEO professionals schema tags bewerken met behulp van JSON-LD (een van de door schema.org geaccepteerde codes). Het is vrij eenvoudig te gebruiken, en het enige wat u hoeft te doen -naast het toevoegen van de informatie- is het naar de ontwikkelaars sturen of zelf toevoegen aan de HTML of aan Google Tag Manager. Daar komen we later op terug.
Nu, verschijnen rich snippets onmiddellijk? Helaas niet. Het duurt even voordat ze verschijnen. Vergeet het idee om schema.org te implementeren op een slechte pagina om deze hoger te laten ranken. U moet nog steeds uw SEO-inspanningen investeren in elke afzonderlijke pagina, omdat Google waardeert of de tekst relevant genoeg is of wat er in de tags staat overeenkomt met de inhoud van de pagina, of de pagina kwaliteitslinks krijgt of niet, enz.
Een groot nut van schema.org is de "organisatie"-markering. Daarmee kun je Google helpen alle gegevens van je bedrijf te identificeren en weer te geven in de Knowledge graph. U zult een logo, contactgegevens, openingstijden (als het een fysiek bedrijf is) en een link naar uw sociale mediakanalen willen opgeven.
Hier is een voorbeeld:
U kunt ook de website schema.org markup toevoegen om Google te helpen sitelinks te genereren met een zoekvak, en zelfs de broodkruimels te laten verschijnen onder de titel van het fragment. De mogelijkheden zijn eindeloos!
Hoe schema.org te implementeren
Volg deze stappen om schema's aan uw pagina's toe te voegen:
- U wilt schema.org bezoeken, waar u een directory vindt met allerlei pagina's, behoeften, industrieën, enz.
- Kies de industrie of het product dat het beste de pagina('s) definieert die u wilt promoten op de SERP's. Er is veel informatie die u kunt markeren, neem de tijd om de juiste gegevens te kiezen. Vergeet niet dat u niet alles hoeft op te nemen.
- Kies de codering die bij uw mogelijkheden past en pas deze aan de inhoud van uw pagina aan. U vindt het onderaan de pagina, kopieer het voorbeeld om aan de slag te gaan.
- Voeg de markeringen toe aan uw pagina, afhankelijk van welke code u gebruikt heeft (zie de volgende paragraaf).
- Valideer de code met een gestructureerde data testtool zoals FandangoSEO.
- En ta-da! Uw pagina's zullen er aantrekkelijker uitzien dan ooit tevoren.
De schema-opmaak kan worden gebruikt met 3 verschillende coderingen: RDFa, Microdata en JSON-LD (deze zul je waarschijnlijk het leukst vinden).
Microdata en RDFa
MicroData en RDFa zijn vormen van semantische opmaak die kunnen worden gecombineerd met typische HTML-eigenschappen om elk type item (beoordeling, tarief, prijs, enz.) te definiëren door het gebruik van bijbehorende attributen.
In principe worden de woorden die u wilt markeren ingekaderd met behulp van deze code in de body van het HTML-bestand. Op deze manier vertelt u zoekmachines dat dat woord door hen moet worden beschouwd als - bijvoorbeeld - de productnaam, of de beschrijving.
Voor Microdata begin je met:
<div itemscope itemtype="http://schema.org/Movie">
And then move on with the different tags:
<h1 itemprop="name">Pirates of the Caribbean: On Stranger Tides (2011)</h1>
<div vocab="http://schema.org/" typeof="Movie">
And so on…
<h1 property="name">Pirates of the Caribbean: On Stranger Tides (2011)</h1>
Taking “product” as an example, with Microdata you’ll want to use these tags:
<itemprop=”name“>
<itemprop=”description”>
<itemprop=”price“>
<itemprop=”aggregateRating“> à The overall rating, is based on a collection of reviews or ratings of the item. This is a key influential element, together with the next two:
<itemprop=”ratingValue“> à The rating for the content
<itemprop=”reviewCount“> àThe total number of reviews
<itemprop=“image” > à URL of the item’s image (not the thumbnail, and only one per product)
<itemprop="color">
<itemprop="brand">
etc.
Het slechte nieuws is dat u deze taal handmatig moet toepassen op de HTML van elk van de pagina's die u wilt benadrukken, dus begin met de best verkopende producten om de verkoop te stimuleren of de beste blogberichten om het aantal bezoeken te verhogen.
Tips voor gestructureerde gegevens over e-commerce
- Voor categorieën (die een lijst met producten weergeven) kunt u 1 miniatuur als "afbeelding" markeren, een "prijsklasse" die alle weergegeven producten groepeert, en de "geaccepteerde betaling".
- Wanneer u meer dan één item op een categorie of subcategorie-pagina wilt markeren, kunt u ze in een lijst opnemen door nummers toe te wijzen met ITEMREF.
- Gebruik "isRelatedTo" om te wijzen op verwante producten.
- Vergeet de beoordelingen en waarderingen niet. De prijs helpt ook, als deze concurrerend is.
JSON-LD
Zoals we eerder vermeldden, wordt JSON-LD het meest gebruikt door SEO Experts, omdat het de gemakkelijkste schema markup is voor gestructureerde gegevens. Waarom? Nou, terwijl de andere moeten worden geschreven binnen het HTML-bestand met de woorden, kan deze apart worden geschreven en geüpload en Google zal begrijpen dat de code naar de hele pagina verwijst. Op die manier vermijdt u dat u de HTML-tags moet bewerken en de boel in de war schopt.
You will add the code to the HTML as another tag, but there’s no need to touch the existing code. Told you it was easier. 😉 Google recommends adding JSON-LD to the <head> section of the HTML document; but it’s okay if the JSON-LD is within the <body> section. Just paste it (or ask a developer if you have the chance).
In dit geval zal de code er zo uitzien:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Movie",
"actor": [
{
"@type": "Person",
"name": "Johnny Depp"
},
Dit geldt voor alle drie soorten codering: kies de voorbeeldcode op de schema.org website en vervang de voorbeeldtekst door uw eigen gegevens. Op deze manier zal de validatie soepel verlopen. Vergeet niet dat FandangoSEO ook werkt als een JSON-LD schema validator, en natuurlijk, het is geweldig voor RDFa en Microdata ook.
Schema.org voorbeelden
U hebt gezien dat gestructureerde gegevens veel potentieel hebben. Afhankelijk van uw bedrijf zijn gestructureerde gegevens de beste oplossing om uw concurrenten te verslaan in zoekmachines. Klinkt cool, toch?
Laten we eens kijken naar een aantal Google gestructureerde data voorbeelden:
- U heeft een kookblog en uw recept bevat minder calorieën en kost minder tijd dan dat van uw grootste concurrent.
Zie hoe schema eruit moet zien, je zou zelfs de video schema markup kunnen toevoegen en een link kunnen maken naar de video tutorial.
- U runt e-commerce en wilt uw best verkopende schoenen laten opvallen op de SERP's. Voeg de details van het product toe, maar ook de gemiddelde beoordeling op basis van meerdere beoordelingen of recensies.
- Je bent een boekauteur en hebt net een epische gids geschreven over hoe je een geweldige leider kunt zijn. Er zijn er veel van die er zijn, maar de jouwe is de beste. Gebruik schema.org voor boeken om de best verkopende auteur van de volgende Kerstmis te worden.
- U hebt een app om vluchten te volgen en wilt dat het wordt gevonden wanneer mensen zoeken naar aankomsttijden en luchthaventerminals; dan kunt u gebruik maken van de schema software applicatie markup.
Kortom, we willen dat u zich bewust bent van het belang van gestructureerde gegevens over SEO en dat u weet hoeveel mogelijkheden schema.org u biedt om rijke snippets te maken. Onthoud deze 2 cruciale tips:
- Kies wat u verstandig wilt laten zien, zodat alleen de meest bruikbare informatie in de resultaten van de zoekmachine verschijnt.
- Valideer voor publicatie. U wilt niet dat al uw inspanningen verloren gaan, dus ga naar onze schema tester en blijf veilig 😉.
