Visualizando microformatos semánticos
Antes de nada, si no sabes de qué va esto de la web semántica, Puede que te resulte más que útil leer el artículo al respecto de The Mixer en su blog.
Uno de los campos que más está funcionando en esto de la web semántica (no tanto como debería, pero al menos algo) es el de los microformatos. A grandes rasgos, la idea es incorporar a nuestros enlaces información semántica útil, susceptible de ser interpretada por buscadores y webapps varias. Un ejemplo puede ser hReview, que nos permite añadir “semántica” a nuestras valoraciones de productos.
Hasta ahora no es difícil encontrar una valoración de (por ejemplo) un monitor tft; sin embargo, es más complicado obtener una valoración de monitores tft puntuados de 8 a 10. La razón es que los motores de búsqueda manejan bien cadenas de texto como “monitor tft”, pero no distinguen entre el “8″ que buscamos, y otros muchos “8″ que puede haber en la página, por ejemplo en fechas (Sí, hay maneras de darle importancia a esas cifras con css, pero no relevancia semántica). hReview es una manera de decirle al buscador que ese “8″ es una puntuación.
Wordpress incorpora el microformato XFN a nuestros enlaces. XFN permite definir la relación con la persona a la que enlazamos de manera semántica, por ejemplo:
<a href="http://www.vier0n.com/blog" rel="friend met colleague">
En este enlace, el atributo rel=”friend met colleague” indica que Vieron es mi amigo, le conozco en persona y es colega de profesión.
Un paso más allá está la visualización de esta información. Por supuesto que la principal utilidad de los microformatos está en construír nuevos datos a partir de información ya existente y sus conexiones, pero también puede ser útil visualizar estas relaciones para que el usuario de nuestro site pueda conocer nuestros matices XFN sin tener que acceder al código fuente de nuestra página.
En mi caso, me gustaría diferenciar aquellos enlaces que pertencen a compañeros de trabajo. Hay varias razones, por ejemplo en este mismo post, cito un artículo de The Mixer. Visualizando su enlace de manera que indique que es co-worker, indico a todo el mundo la relación que tengo con ese enlace por si alguien considera que debería buscar más fuentes. Básicamente es una manera de decir “alguien que conozco ha escrito esto, no sé si hay otros artículos mejores por ahí, pero conozco a The Mixer y sé que sabe de lo que habla”. El usuario crea conexiones y se establecen relaciones semánticas mucho más ricas que un simple enlace al artículo Web 3.0 en la Wikipedia.
Visualizar esta información es bastante simple con un poco de CSS. En este blog, los enlaces de “co-workers” van seguidos de un bonito TCK en verde oliva indicando que son colegas en la gran corporación, conseguir esto es tan sencillo como esta simple línea de código:
a[rel~="co-worker"]:after
{font-size:8px; font-weight:bold;color: #7cab20; content: " TCK";}
Queda mucho por avanzar en la web semántica, pero si herramientas como Wordpress empiezan a incluír estos microformatos, vamos por buen camino.
Tirando del hilo y dando más ejemplos, puedes leer más sobre microformatos en el blog de Luis.
