Jon Parro

Hace un par de años empecé a interesarme por la web semántica y concretamente por los microformatos. Yo que me considero una persona más bien práctica, toda la teoría de la web semántica se me quedaba un poco lejana, a excepción de los microformatos, que les veía un gran potencial. Sin embargo hasta ahora parece que han estado latentes, sin terminar de despegar, con los navegadores principales sin darles soporte por defecto (se pueden visualizar instalando Operator para Firefox) y Google sin volcarse decididamente, aunque ya soportaba hReview y hCard.

Sin embargo, ayer Google dio una noticia que realmente me ha hecho ilusión y es que va a empezar a mostrar en las páginas de resultados snippets con el microformato hCalendar. Esto supone que a partir de ahora Google empezará a mostrar enlaces a eventos con fechas y localizaciones permitiendo visualizar de una manera rápida y sencilla si la web tiene eventos interesantes para el usuario.

Animo a todos aquellos maquetadores a que utilicen microformatos para los eventos ya que no supone ningún esfuerzo extra. Además seguro que ahora los SEO también se interesan más por el microformato hCalendar.

A continuación os pongo un sencillo ejemplo de cómo hay que maquetar un evento con el microformato hCalendar.

<div class="vevent">
<a href="http://cadius-donostia.stagehq.com/" class="summary">
Taller Cadius Donostia</a>
<abbr title="2010-02-05T16:00+01:00" class="dtstart">
5 de febrero de 16:00</abbr> a
<abbr title="2010-02-05T19:00+01:00" class="dtend">19:00</abbr>
</div>

Con class=”vevent” indicamos que ese div contiene un evento.
A la etiqueta html que englobe el título del evento, le ponemos siempre class=”summary“.
Para indicar las fecha de inicio y fin  indicamos class=”dtstart” y class=”dtend” respectivamente, con el formato de fecha y hora aaaa-mm-ddThh:mm.

De esta manera ya estaríamos utilizando el microformato hCalendar.

Puedes ver más información sobre cómo funciona hCalendar aquí y aquí.