Colada | Freelance web en Drupal development 

Tijdens de ontwikkeling van deze website besloot ik om Microformats te integreren. Het zijn formaten om typische informatie op een webpagina meer betekenis mee te geven. Microformats zijn immer onstaan uit de beweging die streeft naar het semantische web. In de prakijk brengt de toepassing van Microformats heel wat voordelen met zich mee. In dit artikel geef ik wat meer duiding.

Wat zijn Microformats?

Het zijn sets van simpele en open (X)HTML/XML gebaseerde conventies om atomaire units van informatie gepubliceerd op een webpagina - ook wel microcontent genoemd - meer betekenis mee te geven. Het gaat vooral om typische datatypes zoals contactinformatie (zowel locaties als adressen), gebeurtenissen, producten, CV's, reviews, relaties tussen personen,...

Een praktijkvoorbeeld: de publicatie van contact- en adresinformatie op hun website is voor klanten cruciaal. Toch blijft het moeilijk voor toepassingen om die informatie te detecteren en te gebruiken. Een bezoeker moet ze zelf zoeken op de website en zelf verwerken. Een microformat zoals hCard laat toe om een adres zo te beschrijven dat ze herkenbaar wordt voor toepassingen en ze uit de webpagina kan worden gebroken. In plaats van het adres manueel over te tikken in zijn/haar adresboek kan de bezoeker dit nu automatisch importeren.

Een ander voorbeeld zijn evenementen. Door je activiteitencalender in het hCalendar microformat te publiceren kunnen bezoekers die informatie rechtstreeks importeren in hun (online) kalender of op hun mobiele toestel.

Het kan nog interessanter: een bezoeker kan een locatie rechtstreeks naar Google Maps sturen. Een adres wordt meteen vertaald naar een punt op de kaart. Kalenderinformatie kan je dankzij Microformats direct delen via sociale netwerken zoals Facebook.

Ook zoekmachines beginnen rekening te houden met Microformats. Google kondigde in mei 2009 aan dat het rekening zal houden met Microformats zoals hCard en hReview. Google zal geannoteerde informatie - Rich Snippets zoals zij het noemen - in hun zoekresultaten opnemen. Dankzij Microformats wordt informatie dus makkelijker terugvindbaar.

Microformats implementeren

Microformats zijn gebaseerd op twee bestaande formaten: XML en (X)HTML. Het zijn conventies die beschrijven hoe attributen van markup elementen moeten worden ingevuld om informatie betekenis mee te geven. Je structureert je informatie met HTML en via de attributen in de tags geef je aan wat wat is.

Daarnaast zijn Microformats bewust zeer eenvoudig gehouden. Er is geen hoge leercurve en dus nauwelijks een meerkost om ze toe te passen. Iedereen met een goede basiskennis (X)HTML en CSS kan Microformats toepassen.

Een voorbeeld: Deze website maakt zelf gebruik van het hCard microformat om de contactinformatie in de footer van elke pagina te structureren en betekenis mee te geven. De HTML ziet er zo uit:

<ul class="vcard">
  <li class="org"><strong><a href="" class="url fn">Colada</a></strong></li>
  <li class="adr">
    <span class="street-address">Diksmuidse Heerweg 68</span>
    <span class="locality">Brugge</span>
    <span class="postal-code">8200</span>
  </li>
  <li class="tel">+32 486 75 56 23</li>
  <li class="email"><a href="mailto:info@colada.be">info@colada.be</a></li>
</ul>

Omdat de extra betekenis via de class attributen wordt meegegeven kon ik tegelijk ook CSS gebruiken om de footer visueel aantrekkelijk te maken. In dit geval maak ik gebruik van HTML lijst tags maar het is ook mogelijk om paragrafen te gebruiken. Microformats bepalen immers niet welke tags je moet gebruiken.

Hieronder vind je een aantal pointers terug om zelf met Microformats van start te gaan:

• Microformats Wiki
• Brian Suda's Microformats Cheat Sheet

Microformats gebruiken

Als surfer kan je gemakkelijk plugins installeren op je browser die microformats detecteren en je toelaten om data uit een webpagina te exporteren. Een voorbeeld is de Operator plugin voor Firefox.

Op de Microformats wiki is er een lijst van (web)toepassingen die Microformats gebruiken.

Conclusie

Microformats vormen een groep standaarden die nog aan belang zal winnen naarmate dataportabiliteit op het web belangrijker wordt. Het toepassen van Microformats kost weinig tijd maar de visibiliteit van data verhoogt wel zeer sterk. In de praktijk betekent dit dat bedrijven en organisaties informatie over zichzelf, hun diensten en hun producten transparanter kunnen publiceren, dat die informatie een veel grotere reikwijdte krijgt en gemakkelijker kan worden meegenomen door bezoekers.