Een inleiding tot gestructureerde gegevensmarkering

De voorwaarde Gestructureerde data verwijst naar informatie die op een universeel begrijpelijke manier is geformatteerd. Zoekmachines zoals Google, Bing en Yahoo gebruiken gestructureerde gegevens (geïmplementeerd in webpagina's) om zoekresultaten te verfijnen, met grotere nauwkeurigheid te filteren en de manier waarop resultaten worden weergegeven te verbeteren. Dit alles maakt het gemakkelijker voor gebruikers om de informatie te vinden waarnaar ze op zoek zijn.

Waarom hebben we gestructureerde gegevens nodig??

Gestructureerde gegevens worden een steeds belangrijker onderdeel van het webecosysteem. - Google

Webpagina's hebben een inherente betekenis die gebruikers begrijpen als ze ze lezen. Zoekmachines hebben daarentegen een beperkt begrip van de inhoud van webpagina's. Stel dat u een webpagina heeft over 'jaguar'. Een zoekmachine kan de pagina crawlen, maar weet niet per se wat het woord 'jaguar' betekent. 'Jaguar' kan verwijzen naar het dier, of het kan verwijzen naar de autofabrikant.

Dit maakt het voor zoekmachines moeilijk om relevante zoekresultaten voor een gebruiker weer te geven. Mensen kunnen de betekenis van een woord ontlenen aan de context van de webpagina, maar zoekmachines hebben hier moeite mee.

Met gestructureerde gegevens kunt u zoekmachines helpen uw inhoud te begrijpen en op een nuttige, relevante manier weer te geven.

Hoe worden gestructureerde gegevens gebruikt?

Gestructureerde gegevens hebben één groot voordeel: zichtbaarheid. Informatie die is opgeslagen in gestructureerde gegevens kan door zoekmachines worden gebruikt om rich snippets te genereren. Rich snippets bieden de gebruiker gedetailleerde informatie met betrekking tot hun specifieke vragen.

U hebt waarschijnlijk voorbeelden van deze rich snippets tegengekomen - zo niet, bekijk dan de SERP van Google voor lasagne. Ik weet zeker dat je de afbeeldingen opmerkt naast sommige zoekresultaten. Deze afbeeldingen zijn toegevoegd dankzij microdata. Ze kunnen worden gebruikt om zoekmachines aanvullende informatie te geven over de webpagina, in dit geval een afbeelding, maar u kunt ook een beoordeling, kooktijd, hoeveelheid calorieën, enz. Toevoegen..

Met deze rich snippets onderscheiden bepaalde resultaten zich van de rest, wat vaak resulteert in een hogere klikfrequentie (CTR). Sommige websites hebben een toename van de CTR van 30% gemeld na het implementeren van gestructureerde markupgegevens. Klinkt best goed, he?

Soorten gestructureerde gegevensmarkering

Er zijn drie soorten gestructureerde gegevensopmaak:

  • microdata
  • Microformats
  • RFDA

Voordat we beginnen met het verkennen van deze opmaaktypen, moet u één ding in gedachten houden: u kunt niet meer dan één type gestructureerde gegevens op één webpagina gebruiken, omdat dit zoekmachines in de war brengt. We moeten daarom kiezen tussen deze drie opties. Maar welke is het meest geschikt voor onze website? Laten we ze allemaal afzonderlijk bekijken.

Als je alles wilt weten (en ik bedoel echt alles) over de technische verschillen tussen RDFa, microdata en microformats, raad ik aan dat je een Uber-vergelijking van RDFa, Microdata en Microformats leest van Manu Sporny, voorzitter van de groep wereldwijd Web Consortium dat RDFa heeft gemaakt.

microdata

Microdata is waarschijnlijk het meest populaire type gestructureerde gegevens, grotendeels te danken aan de website Schema.org. Op deze website, een initiatief van de drie grootste zoekmachines (Google, Bing en Yahoo), vindt u een gedeelde verzameling schema's (microdata) die u kunt gebruiken.

De opmaak van microdata bestaat uit 3 elementen: itemscope, type voorwerp en itemprops. Het item itemscope bevat informatie over het item. Door itemscope toe te voegen aan uw HTML, specificeert u dat de inhoud binnen uw gekozen element over een bepaald item gaat.

Foo Fighters Concert

Voeg het itemtype-element toe om het type inhoud te identificeren. Gebruik dit kenmerk onmiddellijk na de itemscope.

Foo Fighters Concert

In dit voorbeeld deelt de itemscope zoekmachines mee dat het item in de div eigenlijk een evenement is. Itemtypes worden altijd als URL's toegevoegd. Je vindt een complete lijst van alle itemtypen op Schema.org.

Nu de zoekmachines weten dat onze pagina over een evenement gaat, kunnen we hem aanvullende informatie over dit specifieke evenement geven. Hiervoor gebruiken we de itemprop attribuut.

Als we de locatie van het Foo Fighters-concert willen identificeren, voegen we eenvoudig toe itemprop =”location” naar het element dat de locatienaam bevat (bezoek opnieuw schema.org voor een volledige lijst van alle eigenschappen die u aan een itemtype kunt koppelen).

Foo Fighters Concert. Het concert vindt plaats op Madison Square Garden.

Soms moet u extra elementen toevoegen om itemprop-details toe te voegen. We gebruiken tags omdat ze standaard niet van invloed zijn op de manier waarop inline tekst wordt gepresenteerd door een browser.

Datums en tijden

Datums en tijden kunnen moeilijk te interpreteren zijn. De datum 08/10/12 bijvoorbeeld, betekent het 8 oktober 2012? Of 10 augustus 2012? Of 12 augustus 2008? Verwarrend, toch? Zoekmachines hebben hetzelfde probleem.

Om hen de juiste tijd en datum te geven, moeten we een kenmerk 'datetime' toevoegen. Dit kenmerk geeft een datum op met behulp van de indeling JJJJ-MM-DD.

De bovenstaande code is voor de datum 1 april 2011.

Het kenmerk datetime kan ook worden gebruikt om een ​​tijd op te geven. Tijden worden voorafgegaan door de letter T en kunnen worden voorzien van een datum.

De bovenstaande code geeft de volgende datum en tijd weer: 8 mei 2011, 19.30 uur. Als we de datum- en tijdmarkering toevoegen aan ons vorige voorbeeld, kunnen we zoiets als dit krijgen:

Foo Fighters Concert. Het concert vindt plaats op Madison Square Garden op .

Met deze eenvoudige tags kunnen we zoekmachines vertellen dat er op 8 mei 2011 om 19.30 uur een Foo Fighters-concert zal plaatsvinden in Madison Square Garden. We kunnen andere kenmerken gebruiken om webpagina's over boeken, films, organisaties, recepten, enz. Te markeren.

Impliciete informatie

Informatie is niet altijd zichtbaar voor gebruikers en zoekmachines. Sommige informatie kan worden ingesloten in een media-object of wordt mogelijk niet expliciet op een pagina vermeld. In dit geval kunt u metatags gebruiken om deze informatie op te geven.

Laten we zeggen dat we een video op onze pagina hebben en we willen dat de duur van de video wordt weergegeven als een rich snippet. Omdat de duur van de video niet wordt weergegeven als tekst op onze pagina, moeten we een metatag gebruiken om deze informatie toe te voegen. Bijvoorbeeld:

De bovenstaande code vertelt de zoekmachines dat de video 2 minuten en 40 seconden lang is (vergeet niet dat we het ISO8601-formaat gebruiken voor datums en tijden). Deze informatie verschijnt als een rich snippet in de zoekresultaten.

Microformats

Microformats breiden conventionele HTML-tags uit met semantische informatie. Als u gestructureerde gegevens wilt toevoegen aan een webpagina met microformats, gebruikt u meestal het kenmerk class. Dit maakt microformats misschien wel de gemakkelijkste en schoonste manier om gestructureerde gegevens toe te voegen.

De meest populaire soorten microformats zijn hCard, hCalendar en hReview. hCard wordt gebruikt voor mensen, bedrijven en organisaties. hCalendar kan worden gebruikt om informatie over evenementen toe te voegen. En met hReview kunt u restaurants, boeken, films enz. Bekijken.

Laten we zeggen dat we een pagina hebben voor een voetbalwedstrijd. Allereerst moeten we zoekmachines vertellen dat deze webpagina over een evenement gaat door naar hCalendar te verwijzen in de .

 

Vervolgens moeten we aan zoekmachines laten weten welk deel van onze webpagina over het evenement gaat. Hiervoor gebruiken we de vevent-klasse.

Alles wat door onze

geeft de zoekmachine meer informatie over de gebeurtenis (maar u kunt ook andere tags gebruiken, zoals of

indien nodig). Als we de titel van ons evenement willen toevoegen, gebruiken we de samenvattingseigenschap. Samenvatting is een vereiste eigenschap voor een evenement!

Real Madrid - FC Barcelona

Door de locatievorm te gebruiken, kunnen we specificeren waar de wedstrijd zal plaatsvinden.

Real Madrid - FC Barcelona op Camp Nou

Met deze code vertellen we zoekmachines dat de wedstrijd tussen Real Madrid en FC Barcelona zal plaatsvinden in Camp Nou. Een andere vereiste eigenschap voor hCaldendar is dtstart. Het beschrijft de datum en tijd van het evenement.

Real Madrid - FC Barcelona op Camp Nou op

Deze tags geven zoekmachines meer informatie over de voetbalwedstrijd tussen Real Madrid en FC Barcelona, ​​zoals de locatie en de datum / tijd.

Ga voor meer informatie over microformats naar de microformats-wiki.

RFDA

RFDa gebruikt een aantal eigenschappen om entiteiten te identificeren (zoals een persoon of een gebeurtenis). Het maakt gebruik van HTML-tags, zoals

en , om entiteiten te beschrijven. De meer geavanceerde functies van RFDa kunnen moeilijk zijn voor webmasters die geen expert zijn in gestructureerde gegevens.

RFDa heeft vier basiskenmerken: voctype, soort van, eigendom en hulpbron.

Het eerste kenmerk, voctype, definieert de woordenschat die we gaan gebruiken voor onze gestructureerde gegevens. Dankzij dit attribuut weten zoekmachines waar ze informatie over deze gestructureerde gegevens kunnen krijgen.

Hallo, mijn naam is John Doe!

Met de bovenstaande code specificeren we dat het vocabulaire voor onze RFDa-tags te vinden is op schema.org (bijvoorbeeld). Er zijn verschillende andere vocabulaires, zoals LOV en Dublin Core. Nu moeten we het type gegevens opgeven. Is het informatie over een persoon, een evenement, een restaurant ...? Hiervoor gebruiken we het typeof attribuut.

Hallo, mijn naam is John Doe!

Zoekmachines weten dat we het over een persoon hebben, maar ze weten niet veel over hem. Door eigenschappen toe te voegen kunnen we hen meer informatie geven over deze persoon.

Hallo mijn naam is John Doe!

De bovenstaande code vertelt ons dat deze webpagina gaat over een persoon met de naam John Doe. We kunnen een unieke id aan deze gestructureerde gegevens toevoegen om deze persoon te identificeren door het resourceste attribuut toe te voegen.

Hallo mijn naam is John Doe!

Deze unieke ID is handig als we het over John Doe willen hebben op een andere website. Door het ID aan het einde van de URL van deze webpagina toe te voegen (bijvoorbeeld http://example.com/employees#john), hebben we een verwijzing voor alle informatie over John Doe.

Raadpleeg de RDFa-documentatie op w3.org voor meer informatie over de implementatie van RFDa.

Waarom ik de voorkeur geef aan Microdata

Ik gebruik liever microdata om gestructureerde gegevens te implementeren. Ik zeg niet dat microdata de beste optie is (er zijn voordelen en nadelen voor elk genoemd type) maar voor mij biedt microdata de meeste voordelen.

In vergelijking met microdata heeft RDFa een beetje een leercurve bij het werken met geneste entiteiten. En de implementatie van RFDa op niet-XHTML-pagina's kan problematisch zijn vanwege bepaalde attributen en waarden.

Het nadeel van microformats is dat je dit waarschijnlijk zult hebben als je het achteraf op een website wilt plaatsen
om veel CSS-klassen te hernoemen en

en labels.

Voor mij is microdata het beste van beide werelden; het is eenvoudig en gemakkelijk te implementeren. Microdata wordt ook aanbevolen door Google, dus voor mensen die graag de richtlijnen van Google volgen, kan dit een reden zijn om microdata te kiezen op microformats en RFDa.

Uw markeringen testen

U hebt talloze uren besteed aan het toevoegen van gestructureerde gegevens aan uw website. Maar hoe weet u of het correct is geïmplementeerd? Dat is waar Google Rich Snippet Testing Tool van pas komt. Op deze website kunt u een URL of een stuk HTML-code nemen en de gestructureerde gegevensmarkering testen. Het kan u een idee geven van hoe de pagina in de zoekresultaten zal verschijnen.

Hulpmiddelen

We beëindigen dit artikel met een verzameling hulpprogramma's die van pas kunnen komen als u gestructureerde gegevens toevoegt aan uw website.

  • Schema.org Creator is een gemakkelijke manier om microdata te genereren. Kies een inhoudstype (persoon, evenement, beoordeling ...), vul de vereiste velden in en met een klik op de knop hebt u de juiste HTML-code.
  • Als je een Wordpress-blog of -website hebt, kun je deze handige Wordpress-plug-in gebruiken. De Schema Creator-plug-in, ontwikkeld door Raven, maakt het heel eenvoudig om gestructureerde gegevens aan uw webpagina's toe te voegen. Een van de voordelen van deze plug-in is dat deze shortcodes gebruikt. U hoeft dus geen microdata handmatig toe te voegen.
  • Microformat heeft verschillende makers voor hCard, hCalendar en hReview. Gebruik deze hulpmiddelen om snel microformats voor uw website te genereren.
  • RDFa Play is waarschijnlijk het beste hulpmiddel als u RFDa wilt implementeren. Hiermee kunt u uw code bewerken en debuggen. Plus, het komt zelfs met een data-visualizer!

Conclusie

In de toekomst zullen we veel meer gestructureerde gegevens zien. Hiermee kunnen zoekmachines inhoud efficiënter interpreteren en rich snippets genereren. Dit alles resulteert in een begrijpelijk hogere klikfrequentie voor pagina's waarop gestructureerde gegevens worden geïmplementeerd.

Laat ons uw mening weten in de opmerkingen; profiteert u binnenkort van gestructureerde gegevens? Heb je daar al ervaring mee??