Como venimos viendo, la optimización de sitios tiene que ver con la web semántica, la organización de la información y el acceso a la misma.

Hoy queríamos hablar de otra herramienta de la que disponemos para organizar la información, los microformatos. Un estándar abierto que intenta, con las herramientas disponibles, hacer la web más semántica. Tan así que podrás aplicarlos a cualquier web que ya tengas funcionando sin inconvenientes.

Vamos a ir por un ejemplo, el siguiente código muestra la información de contacto:

<p>Gaucho SEO</p>

<p>Envero</p>

<p><a href="mailto:g@example.com">g@example.coma</a></p>

<p>Colón 165 7mo A, Capital, Mendoza</p>

Ahora, veamos el mismo código aplicando microformatos:

<div id="hcard-Gaucho-SEO" class="vcard"><span class="fn">Gaucho SEO</span>

<div class="org">Envero</div>

<a class="email" href="mailto:g@example.com">g@example.com</a>

<div class="adr">

<div class="street-address">Colón 165, 7º A</div>

<span class="locality">Mendoza</span>,

<span class="region">Mendoza</span>,

<span class="postal-code">5500</span>

</div>

</div>

El ejemplo es la aplicación de hCard, hay otros microformatos para calendarios, licencias, votación, etc.

Si creés que es mucho código nuevo para recordar, no te preocupes, hay generadores de hCard y hCalendar para facilitarnos la tarea.

En cuanto al tema que nos ocupa, los buscadores adoptan los microformatos para temas como la geolocalización de contenidos o, por ejemplo, para mostrar contenido enriquecido en sus páginas de resultado.

Ejemplo de Google haciendo uso de microformatos para mostrar la calificación de un producto, fecha de publicación y precio.