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.

  • Testeando accesibilidad

    Si generas contenido en internet, es casi imprescindible que te manejes bien en terminos de accesibilidad. Si crear buen contenido es una...

  • Holgadeando

    ¡Muchas gracias a todos los que os pasasteis ayer por La Pequeña Betty (a todas luces el local más majo de Madrid) y a los 60y1! Y hablando...

  • La Música de Mother 3 y Cruise Elroy

    No recuerdo como llegué a Cruise Elroy, supongo que por un enlace perdido en Google Reader, pero el caso es que es una lectura fantástica. En...


Di algo:

Marca esta casilla si quieres que te avise de nuevos comentarios en este post.