24-09-2010 08:58
UPDATE!: Metadata op je website
Hallo trouwe lezers! ![[[party]]](/projects/plugins/ubb/smileys/smiley_party.gif)
Ik heb dit artikel wat geupdate, omdat het toch eigenlijk vrij vaag was, en omdat ik ondertussen meer te weten ben gekomen. Lees hieronder het nieuwe artikel. (Ook de titel van het artikel is veranderd. Voorheen heette dit artikel "Microformats, RDF(a/s), goodrelations en dergelijke". Ik heb het nu een wat algemenere titel gegeven.
Inleiding
Om webpagina's leesbaar te maken voor machines kan je pagina's opvullen met metadata.Deze metadata kan op verschillende manieren in de webpagina's gezet worden. De metadata is niet alleen goed voor SEO, maar kan ook gebruikt worden om de koppeling met Social Network sites te verbeteren. Vooral facebook loopt hier op dit moment in voor. Nog een filmpje dat de inleiding duidelijker maakt:
Microformats
Een voorbeeld van een manier om metadata toe te voegen aan pagina's is microformats. Microformats is eigenlijk niets anders dan het geven van bepaalde class-namen aan span's/div's etc. Het voordeel van Microformats is dat het heel simpel te implementeren is. Het nadeel is echter dat er geen duidelijk afgesproken standaard is. hCard is een vorm van microformats. Daarom is het wellicht verstandiger om RDF te gebruiken.
hCard links
* www.google.com/support/webmasters/bin/answer.py
* http://www.microformats.org/wiki/hcard
RDF (Resource Description FrameWork)
RDF is een standaard ontwikkelt door W3C. RDF is een concept met een onderwerp-predikaat-object triple opbouw. Hiermee word bedoelt dat je een onderwerp en een object hebt, en dit word met elkaar verbonden aan de hand van een predikaat (relatie). Een voorbeeld is: "Erwin houd van pizza" in deze zin is 'Erwin' het onderwerp, 'pizza' het object en 'houd van' het predikaat. Op RDF bestaan weer uitbreidingen: RDFa (Resource Description Framework attributes) en RDFs (Resource Description Framework schema), deze geven aan welke attributen en waardes je kan gebruiken. Dan zijn er nog vocabularies, die nog meer waardes mogelijk maken, en daarmee meer specifieke metagegevens mogelijk maken. Nog een filmpje met uitleg over RDF(a)
RDFa links
* www.google.com/support/webmasters/bin/answer.py
* http://www.en.wikipedia.org/wiki/RDFa
OpenGraph
Opengraph is vooral handig voor facebook. Je kan onder andere like-buttons er mee maken, maar je kan ook aangeven welke afbeelding je wilt gebruiken voor op facebook.
* http://www.developers.facebook.com/docs/opengraph#extra-data
* http://www.opengraphprotocol.org/#types
Tools
* Google heeft een tool om te kijken welke informatie het kan vinden op de pagina's en hoe dit weer gegeven zou kunnen worden: http://www.google.com/webmasters/tools/richsnippets
* Op http://check.rdfa.info/ staat nog een tool voor het checken van welke gegevens er uit de bron opgehaald kunnen worden.
* Op http://validator.w3.org/check is het mogelijk de syntax te controleren van pagina's.
Ik heb dit artikel wat geupdate, omdat het toch eigenlijk vrij vaag was, en omdat ik ondertussen meer te weten ben gekomen. Lees hieronder het nieuwe artikel. (Ook de titel van het artikel is veranderd. Voorheen heette dit artikel "Microformats, RDF(a/s), goodrelations en dergelijke". Ik heb het nu een wat algemenere titel gegeven.
Inleiding
Om webpagina's leesbaar te maken voor machines kan je pagina's opvullen met metadata.Deze metadata kan op verschillende manieren in de webpagina's gezet worden. De metadata is niet alleen goed voor SEO, maar kan ook gebruikt worden om de koppeling met Social Network sites te verbeteren. Vooral facebook loopt hier op dit moment in voor. Nog een filmpje dat de inleiding duidelijker maakt:
Microformats
Een voorbeeld van een manier om metadata toe te voegen aan pagina's is microformats. Microformats is eigenlijk niets anders dan het geven van bepaalde class-namen aan span's/div's etc. Het voordeel van Microformats is dat het heel simpel te implementeren is. Het nadeel is echter dat er geen duidelijk afgesproken standaard is. hCard is een vorm van microformats. Daarom is het wellicht verstandiger om RDF te gebruiken.
hCard links
* www.google.com/support/webmasters/bin/answer.py
* http://www.microformats.org/wiki/hcard
RDF (Resource Description FrameWork)
RDF is een standaard ontwikkelt door W3C. RDF is een concept met een onderwerp-predikaat-object triple opbouw. Hiermee word bedoelt dat je een onderwerp en een object hebt, en dit word met elkaar verbonden aan de hand van een predikaat (relatie). Een voorbeeld is: "Erwin houd van pizza" in deze zin is 'Erwin' het onderwerp, 'pizza' het object en 'houd van' het predikaat. Op RDF bestaan weer uitbreidingen: RDFa (Resource Description Framework attributes) en RDFs (Resource Description Framework schema), deze geven aan welke attributen en waardes je kan gebruiken. Dan zijn er nog vocabularies, die nog meer waardes mogelijk maken, en daarmee meer specifieke metagegevens mogelijk maken. Nog een filmpje met uitleg over RDF(a)
RDFa links
* www.google.com/support/webmasters/bin/answer.py
* http://www.en.wikipedia.org/wiki/RDFa
OpenGraph
Opengraph is vooral handig voor facebook. Je kan onder andere like-buttons er mee maken, maar je kan ook aangeven welke afbeelding je wilt gebruiken voor op facebook.
* http://www.developers.facebook.com/docs/opengraph#extra-data
* http://www.opengraphprotocol.org/#types
Tools
* Google heeft een tool om te kijken welke informatie het kan vinden op de pagina's en hoe dit weer gegeven zou kunnen worden: http://www.google.com/webmasters/tools/richsnippets
* Op http://check.rdfa.info/ staat nog een tool voor het checken van welke gegevens er uit de bron opgehaald kunnen worden.
* Op http://validator.w3.org/check is het mogelijk de syntax te controleren van pagina's.