¿Qué son los microformatos?

¿Qué son los microformatos?

Los microformatos son una de tantas formas que existen de dar un significado para las personas a texto plano. Normalmente se usa con HTML/XHTML, ampliando la información y dotándola de sentido para nosotros. A veces se abrevia como μF.

Los usos típicos de los microformatos son coordenadas geográficas, eventos de un calendario, información de contacto…etc.

Los microformatos surgieron como una necesidad para hacer fácilmente reconocibles ciertos datos en Internet. Según fue creciendo la comunidad que usaba microformatos, CommerceNet (una organización que promueve el comercio electrónico) apoyó la iniciativa y contribuyó a fundar la página microformats.org, que es a dia de hoy la referencia para trabajar con microformatos.

¿Por qué son importantes?

Probablemente hayas oido hablar de la web semántica, que básicamente consiste en hacer que el texto plano (HTML) que forma Internet se convierta en contenido entendible por buscadores y personas respecto a lo que representan, como una dirección postal, por ejemplo. Tiene mucha más historia, que se sale del objetivo de este pequeño tutorial de introducción a los microformatos, pero la idea es esa.

Pues bien, los microformatos son parte de ese movimiento que facilitaría el acceso a la información por parte de la gente interesada en ella. Y lo cierto es que a pesar de lo que se pueda pensar se usan, y no han quedado como una mera idea de futuro, de hecho el 12 de Mayo de 2009 Google anunció que parsearía los microformatos hCard, HReview y hProduct (puedes ver el anuncion aquí). Este es un ejemplo del uso de microformatos que hace Google para mostrar los resultados de las búsquedas:

Además otras empresas como BBC también se han subido al tren de la web semántica y usan microformatos.

Algunos ejemplos

Veamos algunos ejemplos de código HTML usando microformatos. En este primer caso primero vemos como sería el HTML sin microformatos:

1

Lugar: 45.32, -10.05

Y usándolos:

1
2
3
4
5

Lugar: 
<span class="geo">
	<span class="latitude">45.32</span>,
	<span class="longitude">-10.05</span>
</span>

Como se puede ver es un poco más costoso de escribir, pero bastante básico de entender, tanto para nosotros, como para los buscadores.

Aquí vemos otro ejemplo más, esta vez con una tarjeta (datos de contacto), este microformato se llama hCard. Sin microformatos:

1
2
3
4
5
6

 <div>
   <p>José</p>
   <p>Empresa Nueva</p>
   <p>604-555-1234</p>
   <a href="http://ejemplo.com/">http://ejemplo.com/</a>
 </div>

Con microformatos quedaría así:

1
2
3
4
5
6

 <div class="vcard">
   <div class="fn">José</div>
   <div class="org">Empresa Nueva</div>
   <div class="tel">604-555-1234</div>
   <a class="url" href="http://ejemplo.com/">http://ejemplo.com/</a>
 </div>

Por supuesto los ejemplos sin microformatos son subjetivos, se pueden representar de mil maneras.

Documentación

Y por si quieres saber más sobre los microformatos aquí tienes unos enlaces muy útiles:

• Página oficial de los microformatos (incluye generador de html con distintos microformatos)
• Artículo de la wikipedia.
• Artículo de microformatos centrado en SEO