lunedì 31 dicembre 2012

I principali microformati

Tra i principali microformati troviamo:
  • hCard: formato utilizzato per creare strutture dati inerenti a persone, aziende, organizzazioni e luoghi;
  • hProduct: formato utilizzato per la descrizione di prodotti;
  • hReview: formato utilizzato per la recensione di prodotti o servizi;
  • hCalendar: formato utilizzato per iedntificare date o eventi.
I microformati sono i più utilizzati e semplici da implementare. Vediamo un esempio su come descrivere la nostra organizzazione.
<body>
<div class=”vcard”>
<span class=”fn org”>Web2lab Studio</span>
<div class=”adr”>
<span class=”street-address”>via Speranza 5</span>
<span class=”locality”>San Lazzaro di Savena</span>
<span class=”region”>Bologna</span>
<span class=”postal-code”>40068</span>
</div>
<span class=”tel”>333333333</span>
<a href=”http://www.web2lab.it” class=”url”>www.web2lab.it</a>
</div>
</body>
Le proprietà utilizzate, attraverso l’utilizzo delle classi,  sono:
  • fn org: nome dell’azienda
  • url: link del sito web
  • adr: l’indirizzo dell’azienda, esso contiene le sottoproprietà street-address, locality, region, postal-code
  • tel: numero di telefono
Alcuni esempi di rich snippet per i prodotti, li troviamo a questo indirizzo:
http://support.google.com/webmasters/bin/answer.py?hl=en&answer=146750
Dopo aver creato le pagine contenenti i microformati, è necessario validare il nostro codice di mark up che utilizza i microformati:
http://www.google.com/webmasters/tools/richsnippets
Si può quindi notare la facilità di utilizzo di queste strutture dati che si integrano completamente con il nostro codice HTML.

Nessun commento:

Posta un commento