Condiciones de Santiago

Acerca de isPanic | Sobre el autor de este sitio

Info | solo para orientarte un poco

Para cualquiera que esté familiarizado con la expresión 'web semántica' los microformatos no representan ni novedad ni misterio.

Pero para una gran mayoría todavía lo son. Incluso entre desarrolladores web.

La paradoja es que los microformatos no son algo complicado, y están aquí para que cualquiera pueda sacarles provecho.

Si es la primera vez que escuchas de ellos y quieres saber qué son o para qué sirven; o si quieres implementarlos en tu sitio, sigue leyendo, que puedes encontrar algún dato útil en esta primera parte introductoria a los microformatos.

Qué son

En término planos y simples, un microformato es un pedazo de XHTML que se agrega a un elemento para que el contenido de una página sea comprendido por humanos y máquinas.

Si te parece demasiado abstracta la definición, tranquilo, que acá la aterrizo un poco.

Primero, una brevísima introducción, trataré de no dar mucha lata.

Aún cuando no seas diseñador, sabrás que las páginas que lees en internet están escritas en XHTML . El propósito del XHTML no es hacer una página lucir más bonita, sino que describir correctamente el contenido de un documento. Gracias a eso, podemos decir si un pedazo de texto es una lista, un enlace, una cita, o un titular.

Esto es, en términos generales, una 'web semántica' (con minúsculas): ocupar el código o 'marcado' correcto para describir adecuadamente un contenido.

Para lograr esto, XHTML te provee de una serie de atributos y elemento para construir un documento adecuadamente. De esta forma, con el uso de etiquetas, puedes dividir en partes tu documento (<div>), determinar si algo será un titular (<h1>), un párrafo (<p>), o declarar que algo es más importante que el resto del contenido que lo rodea (<strong>).

Por ejemplo, si quieres escribir una sección en tu documento que describa de que se trata tu sitio, sería algo así:

Texto plano

Mediante el uso de etiquetas apropiadas, como las del ejemplo podemos distinguir claramente qué es qué en un documento. De hecho, para cada tipo de contenido, existe una etiqueta apropiada, ya sean listas, citas, énfasis, imágenes, enlaces, etc. (Si te preguntas por la expresión á, se trata de una entidad de referencia para la entidad latina á. Para más información lee la sección enlaces de interés, al final de ésta página).

La idea detrás de todo esto, es hacer los contenidos de las páginas web comprensibles no solo por los humanos, sino que también por las máquinas, como Google o Technorati.

Entran los microformatos

Hasta aquí, todo bien. Tenemos elementos y atributos que describen el contenido de un documento, y nos permiten formatearlo adecuadamente. El problema es que con el crecimiento explosivo de internet y la diversidad gigantesca de contenidos, nos quedamos cortos con las clásicas etiquetas, y se buscaron formas de hacer más comprensible la información.

Nuestras necesidades se han refinado y queremos saber, individuos y máquinas, no sólo si un trozo de texto es un párrafo, sino que saber con precisión si ese párrafo es una receta, una crítica de cine, la información de una compañía, datos de un autor, un evento, etc.

Es aquí donde aparecen los microformatos, que nos permiten declarar sutilezas como la relación que tengo con una persona al enlazarla, o si lo que escribo en mi blog es información personal o una crítica de cine. Y todo sin necesidad de destruír tus datos, porque todo se hace mediante los atributos class, rel y ren que agregas a tus elementos XHTML .

En el ejemplo de más arriba, bastaría con agregar la clase correcta en el marcado que tenemos, para poder usar un microformato y darle más significado a este párrafo:

Texto plano

En este caso ocupamos el microformato hcard, un microformato que se utiliza para detallar información personal. Lo único que hicimos fue agregar class="vcard" a nuestra <div id="about">; y class="fn" a la etiqueta <strong>. Bastante simple, ¿no?.

Además de hcard, existen distintos microformatos para distintos tipos de información, cada uno con una especificación diferente:

• Personas y organizaciones: hCard, el equivalente al viejo vCard
• Calendarios y eventos: hCalendar.
• Redes sociales: XFN. Que se ocupa, básicamente para describir la relación que tienes con la persona que enlazas.
• Entre otros

Más por venir

Esto ha sido una breve introducción. La intención ha sido intentar explicar, de manera simple, una tecnología que puede ser, a ratos, bastante obscura e incomprensible, con muy poca documentación en español. La idea es que más gente comprenda que estas herramientas son accesibles y usables, sin necesidad de ser un experto en la materia.

Intentaré hacer pronto una segunda parte para ver el lado práctico de los microformatos, con ejemplos, y explicarte cómo puedes implementarlos en tu sitio.

Enlaces de interés

• Listado de aplicaciones, servicios y herramientas que soportan microformatos, entre los que se cuentan grandes como Flickr, Yahoo! o Google.
• Tails, extensión para Firefox que detecta automáticamente los microformatos que existan en una página.
• Semantics, HTML , XHTML , and Structure, en inglés.
• Artículo de Juque sobre etiquetas, atributos y elementos XHTML .
• Lista completa de referencias a entidades en XHTML .

Gran Paraíso en el horizonte | Modo offline en el nuevo Firefox