RDFa Resource Description Framework in Attributes

Wat is RDFa?

Het internet bestaat uit een grote verzameling van gegevens van bijvoorbeeld nieuwsberichten, blogs, profiel pagina's etc. Ruim 11 jaar geleden is het idee ontstaan om al deze gegevens leesbaar te maken voor computer zonder dat de gebruiker daar last van heeft. Zo is RDFa tot leven gekomen, RDFa staat voor: Resource Description Framework in Attributes, met andere woorden: beschrijving van gegevens door middel van attributen. Een klein voorbeeld:

Ons bedrijf bevindt zich op de logterweg 3 in Dalfsen, met de postcode 7722MA en hebben deze informatie op onze site in de footer staan.

HTML code:

<div>
  <span>Apsdotnet</span>
  <span>Logterweg 3</span>
  <span>Dalfsen</span>
  <span>0529-401399</span>
  <span>0529-401373</span>
</div>

Als bezoekers dit zien, is het eenvoudig te begrijpen dat dit om een straatnaam met huisnummer, een postcode en een plaatsnaam gaat. Voor een computer ligt dat heel anders. Deze kan de informatie, die in de footer staat, namelijk niet zo makkelijk relateren aan een adres met woonplaats en postcode, tenzij we hem daar bij helpen.

Als we bovenstaande voorbeeld herschrijven naar RDFa krijgen we het volgende:

<div xmlns:vcard="http://www.w3.org/2006/vcard/ns#" typeof="vcard:Vcard">
  <span property="vcard:fn">Apsdotnet</span>
  <span property="vcard:street-address">Logterweg 3</span>
  <span property="vcard:locality">Dalfsen</span>
  <span property="vcard:country-name" content="Netherlands"></span>
  <span property="vcard:tel">0529-401399</span>
  <span property="vcard:fax">0529-401373</span>

</div>

Als dit wordt weergegeven in de browser staat er normaal leesbare informatie. Echter is de inhoud van de <div> zo opgebouwd dat de computer nu een vcard (virtual card, oftewel visite kaart) kan verwachten. Een applicatie kan nu weten dat de inhoud van het <div> element een Vcard is. Als deze applicatie door de inhoud heen gaat en het attribuut property met de waarde vcard:fn ziet staan dan weet hij nu dat dit de volledige naam van de vcard is. Op deze manier kunnen alle genoemde waardes aan elkaar gekoppeld worden.

Het is ook mogelijk om een waarde op te geven die voor de bezoeker niet belangrijk is, maar voor een applicatie wel. In het voorbeeld zie je <span property="vcard:country-name"> staan, deze informatie is voor een bezoeker (in ons geval) niet belangrijk. Maar ik wil wel duidelijk maken dat ons bedrijf in zich Dalfsen, Nederland bevindt. Ik doe dit door het attribuut content toe te voegen, hierin geef ik de waarde Netherlands op. De bezoeker zal dit niet zien, een zoekmachine wel.

Hiermee kan het voor zoekmachines een stuk makkelijker worden om correcte gegevens weer te geven in hun zoekresultaten. Maar het gaat verder dan alleen correcte weergave van gegevens.

GoodRelations voor google

Martin Hepp van Hepp Research GmbH heeft GoodRelations ontwikkeld. GoodRelations is een uitbreiding op de RDFa en zorgt ervoor dat producten duidelijker worden weer gegeven in de zoekresultaten van zoekmachines zoals google.

Weergave zonder GoodRelations:

Met gebruik van GoodRelations:

Door simpelweg een paar attributen toe te voegen aan de gegevens van het product, kan Google zijn resulaten beter weergeven. Een persoon die een product zoekt zal eerder naar een pagina toe gaan waar hij al van te voren ziet wat hij ongeveer kan verwachten.

Waarom RDFa?

Het is nu mogelijk om gegevens in websites aan elkaar te koppelen. Tegenwoordig zijn veel mobiele telefoons voorzien van GPS, het is mogelijk om zoekresultaten zo aan te passen dat je een bakker vind die dicht bij de locatie van de telefoon is.
Door gebruik te maken van GoodRelations kan het aantal bezoekers van de website verhogen.
RDFa heeft dus indirect invloed op de SEO van een website; doordat de gegevens beter worden weergegeven in de zoekresultaten is het goed mogelijk dat je hogere bezoekers aantallen zult krijgen.

Bronnen:
GoodRelations van Hepp Research GmbH
RDFa specificatie van W3C