Zoeken Afbeeldingen Maps Play YouTube Nieuws Gmail Drive Meer »
Inloggen

Webmasterhulpprogramma's

Overzicht

Over microformats

Informatie markeren met microformats

Microformats zijn eenvoudige conventies (entiteiten genoemd), die op webpagina's worden gebruikt om een specifiek type informatie te beschrijven, zoals een recensie, evenement, product, bedrijf of persoon. Elke entiteit bevat eigen eigenschappen. De entiteit voor een persoon bevat bijvoorbeeld de eigenschappen naam, adres, functietitel, bedrijf en e-mailadres.

Over het algemeen gebruiken microformats het kenmerk class in HTML-tags (vaak <span> of <div>) om korte en beschrijvende namen toe te wijzen aan entiteiten en hun eigenschappen. Hier volgt een voorbeeld van een klein blok HTML-inhoud met algemene informatie over Nicolaas de Vries.

<div>
   <img src="www.example.com/nicolaasdevries.jpg" />
   <strong>Nicolaas de Vries</strong>
   Hoofdredacteur bij Acme Recensies
   Hoofdstraat 200
   Amersfoort, Utrecht 3821 AA
</div>

Hier volgt dezelfde HTML-inhoud met markeringen in het microformat hCard (persoon). 

<div class="vcard">
   <img class="photo" src="www.example.com/nicolaasdevries.jpg" />
   <strong class="fn">Nicolaas de Vries</strong>
   <span class="title">Hoofdredacteur</span> bij <span class="org">Acme Recensies</span>
   <span class="adr">
      <span class="street-address">Hoofdstraat 200</span>
      <span class="locality">Amersfoort</span>, <span class="region">Utrecht</span>
      <span class="postal-code">3821 AA</span>
   </span>
</div>

Dit voorbeeld werkt als volgt.

  • Op de eerste regel wordt met class="vcard" aangegeven dat de HTML-inhoud tussen de <div>-tags een persoonsbeschrijving is. (Het microformat dat voor het beschrijven van personen wordt gebruikt, wordt hCard genoemd. In HTML-code wordt dit vcard genoemd. Dit is geen typefout.)
  • In het voorbeeld worden eigenschappen van het persoonsitem beschreven, zoals een foto, naam, functietitel, organisatie en adres. Voor het labelen van eigenschappen van de door de vcard beschreven persoon, wordt aan elk element dat een van deze eigenschappen bevat (zoals <span>, <img> of <title>) een kenmerk class toegekend waarmee een eigenschap wordt aangeduid. Zo wordt met fn de naam van een persoon en met title een functietitel aangegeven. (Het Help-artikel voor elk type informatie bevat een volledige lijst met eigenschappen die worden herkend.)
  • Eigenschappen kunnen andere eigenschappen bevatten. In het bovenstaande voorbeeld wordt met de eigenschap adr het adres van een persoon aangeduid. Deze eigenschap bevat de subeigenschappen street-address, locality, region en postal-code).

Geneste microformats

Het komt vaak voor dat één microformat (bijvoorbeeld een recensie) een ander microformat bevat (bijvoorbeeld contactinformatie over de recensent). In de voorbeeldrecensie hieronder is informatie opgenomen over de functietitel en werkgever van Nicolaas de Vries.

<div>
   <strong>Maai ze neer - recensie</strong>
   Door Nicolaas de Vries, hoofdredacteur van Acme Recensies
   Beoordeling: 4,5 van 5
   Dit is een fantastisch spel. Ik heb ervan genoten, van
   het eerste gevecht tot de laatste confrontatie met de aliens.
</div>

Hier is dezelfde HTML-inhoud, met markeringen in de microformats hReview (recensie) en hCard (persoon). Voor het overbrengen van de informatie over de recensent Nicolaas is het microformat hCard (persoon) genest in het microformat hReview (recensie).

<div class="hreview">
   <span class="item">
      <strong class="item"><span class="fn">Maai ze neer</span> - recensie</strong>
   </span>
   <span class="reviewer vcard">
      Door <span class="fn">Nicolaas de Vries</span>, <span class="title">Hoofdredacteur</span>
      bij <span class="org">Acme Recensies</span>
   </span>
   Beoordeling: <span class="rating">4,5</span> van 5.
   <span class="description">Dit is een fantastisch spel. Ik heb ervan genoten, van
   het eerste gevecht tot de laatste confrontatie met de aliens.</span>
</div>

Dit voorbeeld werkt als volgt.

  • Recensies worden beschreven door het microformat hReview, wat wordt geschreven als class="hreview". Aangezien dit een recensie is, wordt het volledige HTML-blok opgenomen in div met het kenmerk class="hreview".
  • Als u wilt aangeven wie de recensent is, gebruikt u hiervoor span class="reviewer". In dit geval willen we aanvullende informatie geven over de recensent, via het microformat vcard (persoon). U kunt dit doen door reviewer en vcard op dezelfde regel te plaatsen, gescheiden door een spatie: <span class="reviewer vcard">. Met de vcard-eigenschappen fn, title en org worden de naam en functietitel van Nicolaas aangegeven, evenals de organisatie waarbij hij werkzaam is.

Zie Geneste entiteiten voor meer voorbeelden.

Niet-zichtbare inhoud

In het algemeen geeft Google geen inhoud weer die niet zichtbaar is voor de gebruiker. Met andere woorden: u kunt geen inhoud aan gebruikers weergeven en vervolgens verborgen tekst gebruiken om extra informatie voor zoekmachines en webapplicaties te markeren. U moet de tekst markeren die daadwerkelijk wordt weergegeven aan de gebruikers die uw website bezoeken.

In sommige gevallen kan het nuttig zijn gedetailleerdere informatie te leveren aan zoekmachines, zelfs wanneer u deze informatie niet aan de bezoekers van uw pagina wilt weergeven. Als u bijvoorbeeld de lengte- en breedtegraad van een locatie opneemt, kan Google ervoor zorgen dat deze correct op de kaart wordt weergegeven. Als u de datum van een evenement opgeeft in de ISO-datumnotatie, kan dit ervoor zorgen dat de informatie correct wordt weergegeven in de zoekresultaten. In dit geval kunt u het microformat Value Class Pattern gebruiken. Kijk eens naar dit voorbeeld:

<span class="dtstart">
   <span class="value-title" title="2012-10-15T19:00-08:00" />
15 oktober, 19:00 uur
</span>

Door <span class="value-title" title="2012-10-15T19:00-08:00" /> op te nemen in het blok met het label class="dtstart", geeft u aan dat de rich snippets-parser de waarde in het kenmerk title moet gebruiken om de startdatum van het evenement te bepalen. De datum in het kenmerk title kan worden weergegeven met de ISO-datumnotatie, zonder de manier te beïnvloeden waarop de datum wordt weergegeven voor gebruikers.

Bekijk voor specifieke vocabulary en voorbeelden:

Als u uw markeringen wilt controleren, gebruikt u het hulpprogramma voor het testen van gestructureerde gegevens.

bijgewerkt 10/17/2012

Gerelateerd