Verbeter uw zoekresultaten met Rich Snippets & Schema.org Woordenschat

Gestructureerde data maakt het mogelijk uw zoekresultaten op een meer visueel aantrekkelijke en informatieve manier te presenteren. Volgens een Searchmetrics-studie leidt de toevoeging van gestructureerde gegevensmarkering aan een website tot een toename van 36% in de zoekresultaten van Google.

Gestructureerde gegevensopmaak wordt weergegeven in Google, Bing en andere zoekmachines rich snippets. Rich snippets are verbeterde zoekresultaten die toevoegen extra informatie, zoals een foto, de prijs, gebruikersbeoordelingen en andere kenmerken, voor zoekmachine-fragmenten.

Gestructureerde gegevens leiden tot betere zoekresultaten om twee belangrijke redenen:

1. Het breidt HTML-semantiek uit door de inhoud te maken begrijpelijker voor zoekmachines.
2. Rich snippets - de zoekmachine presentatie van gestructureerde data - hebben een betere klikfrequentie dan reguliere, minder informatieve zoekresultaten.

Schema.org Woordenschat

Als u rich snippets voor uw eigen site wilt hebben, moet u dat doen voeg gestructureerde gegevens toe aan uw HTML-markup. Gestructureerde gegevens gebruiken de schema.org vocabulaire waarmee u zoekmachines kunt informeren over de aard van uw inhoud.

Schema.org is het initiatief van Google, Bing en Yahoo dat ernaar streeft te bieden een reeks schema's voor het beschrijven van verschillende soorten webinhoud, zodat zoekmachines het beter kunnen begrijpen.

Het vocabulaire van Schema.org is georganiseerd in een hiërarchie op twee niveaus:

1. Types: verschillende soorten webinhoud, ze zijn gerangschikt in hun eigen hiërarchie
2. eigenschappen: elk type heeft een bepaald aantal eigenschappen

Eerste niveau van typen

Ding is het meest generieke item in de vocabulaire van schema.org is dit de voorloper van alle andere typen.

Tweede niveau van typen

De tweede niveau van typen is een beetje specifieker en bevat de Evenement, de Actie, de ontastbaar, de Creatief werk, de Plaats, de Organisatie, de Artikel, en de Persoon Types. Er is ook een apart tweedegraads ding dat beschikbaar is als een schema.org-extensie; het is de MedicalEntity Type.

Derde niveau van typen

Elk tweede niveau Type bevat enkele of veel soorten van het derde niveau, bijvoorbeeld een van het subtype CreativeWork is de Beoordeling Type. Merk op dat meer specifieke typen (tweede en derde niveau) erven de eigenschappen van hun ouder (en grootouder in geval van derde niveau).

De onderstaande afbeelding is gepubliceerd op de officiële schemablog en visualiseert de hiërarchie van de woordenschat van schema.org.

Zoek het schema dat u nodig hebt

Blader door het vocabulaire om het schema te vinden dat je nodig hebt. Voor recept rich snippets moet u bijvoorbeeld de Recept Typ dat is het kind van CreativeWork. Het heeft veel eigenschappen, zoals kooktijd, kook methode, recipeIngredient, en anderen, plus het erft ook de eigenschappen van de bovenliggende (CreativeWork) en grootouder (Thing).

Schema.org is een gemeenschapsproject, het wordt vaak uitgebreid en er worden regelmatig nieuwe versies uitgebracht. Als u het schema dat u nodig hebt niet kunt vinden, kunt u het voorstellen aan de Schema.org-community en kunt u ook bijdragen aan hun Github-project.

Voeg gestructureerde gegevens toe aan uw markup

Dus hoe voeg je jouw schema's toe aan de front-end code? Schema.org kan gebruiken drie verschillende formaten. U moet er een kiezen om gestructureerde gegevensopmaak aan uw site toe te voegen. Hoewel u in theorie meerdere indelingen op dezelfde site kunt gebruiken, schaadt dit de codele leesbaarheid en onderhoudbaarheid, dus het is geen goede praktijk.

De drie hoofdformaten van gestructureerde gegevensopmaak zijn de volgende:

1. microdata: Het is een webstandaard die HTML verlengt met nieuwe attributen introduceren zoals itemprop. De officiële website van schema.org bevat een geweldige zelfstudie over het gebruik van microdata, dus als u al bekend bent met HTML, kan dit formaat een goede keuze zijn.
2. RDFa: De lange vorm van RDFa is Bronbeschrijvingskader in kenmerken, en het is een W3C-aanbeveling die HTML-, XML- en SVG-documenten uitbreidt met behulp van een reeks specifieke kenmerken. Het Open Graph Protocol van Facebook is ook gebaseerd op RDFa, dus waarschijnlijk ben je het al tegengekomen. Er is een RDFa Lite-versie voor beginners, en ook een volledige versie die veel opties biedt om op een uitgebreide manier met gestructureerde gegevens te werken.
3. JSON-LD: Terwijl de twee andere opties de HTML-markering uitbreiden, gebruikt JSON-LD de JSON syntaxis. JSON-LD staat voor JavaScript-objectnotatie voor gekoppelde gegevens, en dit is het formaat dat Google Developers aanbeveelt, volgens hun visie, "gestructureerde gegevensopmaak is het gemakkelijkst te representeren in JSON-LD-indeling". U hoeft geen JavaScript-expert te zijn om JSON te gebruiken, omdat het een eenvoudig notatiesysteem is dat naam / waarde-paren gebruikt.

U kunt de drie indelingen eenvoudig vergelijken met behulp van een handig tabblad onderaan elke pagina van het type schema.org.

Door de voorbeelden nauwkeurig te bestuderen, kunt u gemakkelijk begrijpen hoe elk formaat werkt en een daarvan gebruiken op uw eigen site.

De gestructureerde gegevensmarkering die u aan uw code moet toevoegen, is gebaseerd op de woordenschat van schema.org. Als u microdata of RDFa kiest, moet u de extra kenmerken toevoegen aan normale HTML-tags.

Bijvoorbeeld met microdata, u voegt de naam van het Type toe aan de container met behulp van de itemscope attribuut, en elke eigenschap met de itemprop attribuut. Hier is een heel eenvoudig voorbeeld:

 
 
Mijn recept
  
Receptbeschrijving
 
 

En hetzelfde voorbeeld met behulp van RDFa, het is de moeite waard om aandacht te besteden aan de verschillende attributen die je hier moet gebruiken:

 
 
Mijn recept
  
Receptbeschrijving
 
 

Als u de JSON-LD-indeling, je moet je code plaatsen binnen in de label in het hoofd van uw HTML-pagina. Het bovenstaande voorbeeld ziet er als volgt uit:

Tips om gestructureerde gegevens te gebruiken

Test uw gestructureerde gegevensmarkering

Voordat u de gestructureerde gegevensmarkering aan uw site toevoegt, kunt u deze snel testen met de tool voor gestructureerde gegevenstests van Google. Op deze manier kun je snel de problemen vinden als je die hebt.

Maak gebruik van Google Knowledge Graph-kaarten

Google gebruikt niet alleen gestructureerde gegevens voor rich snippets, maar als u een autoriteit bent voor een bepaald inhoudstype, kan uw inhoud dat ook zijn verschijnen in een van de Kennisgrafiekkaarten weergegeven aan de rechterkant van sommige Search Engine Result Pages.

Houd er rekening mee dat u Google geen Kennisgrafiekkaart kunt laten weergeven voor uw inhoud, maar als uw gestructureerde gegevensopmaak correct is ingesteld, hebt u de mogelijkheid.

Maak gebruik van Google Rich Cards

In mei 2016 introduceerde Google Rich Cards dat zijn "de upgrade van het huidige Rich Snippets-formaat" en bieden boeiende mobiele zoekresultaten gepresenteerd in carrousels dat kan worden bekeken door naar links en rechts te scrollen. Google Rich Cards gebruiken ook gestructureerde gegevensopmaak en de woordenschat van schema.org.

Voeg gestructureerde gegevens toe aan uw e-mails

U kunt gestructureerde gegevensmarkering gebruiken in uw e-mails om Google Now-kaarten voor de ontvanger te activeren, heeft Google Developers een geweldige zelfstudie over hoe dit moet.

Genereer gestructureerde gegevens dynamisch

Het is mogelijk om Google Tag Manager te gebruiken dynamisch gestructureerde gegevens genereren in het JSON-LD-formaat leert Moz.com je hoe je het moet doen.