sep 10, 2009 - Categoría: HTML, Semántica Web    Escrito por Álvaro Brito   Número de comentarios: 2 Comentario

Microformatos ¿Qué es esto?

Un Microformato es una forma simple de agregar significado semántico a un contenido. Están ideados para ser usadas en páginas web que usen HTML o XHTML, de manera que la información pueda ser indexada, guardada, referenciada o reusada.

Más técnicamente, son elementos de lenguaje de marcado, usando XHTML usando nombres de clase específicos. Cualquiera puede hacer uso de ellos y explotar sus características.

Las especificaciones actuales de microformatos permiten la representación de eventos, información de contacto, relaciones sociales, direcciones, ubicaciones (coordenadas gps), etc.

Web Microformatos

Características de los Microformatos

  • Son convenciones simples: Diseñados para integrar semántica en etiquetas
  • Se pueden usar para problemas específicos: Formatos diseñados para humanos: (X)HTML/XML,Atom/RSS feeds etc.
  • Implementacion sencilla: Usan nombres de clases cortos y descriptivos
  • Estándares: Se basan en estándares que ya funcionan.
  • Permiten un desarrollo descentralizado: De recursos, herramientas y servicios.

EL principal significado que nos aclara ¿qué es un microformato? es, construir minibloques con significado dentro de una página Web de manera que puedan ser reutilizados por otros sitios web o aplicaciones. Es decir, con tan solo cambiar la forma de marcar nuestro HTML y usando las clases de microformatos que nos interesan, podemos proporcionar servicios e información fuera de nuestro navegador.

Los microformatos más usados

  • hAtom: Marcar feeds Atom dentro del HTML.
  • hCalendar: Eventos.
  • hCard: Información de contacto, incluye:
    • adr: Direcciones postales.
    • geo: Coordenadas geográficas (latitud, longitud).
  • hReview: Críticas de artículos, servicios.
  • hResume: Curriculums.
  • rel-directory: Apunta enlaces a una página de un directorio.
  • rel-nofollow: Aadvierte a los buscadores web que no deben dar importancia a la página a la que apunta el enlace.
  • rel-tag: Indica que la página que contiene el enlace está relacionada con la etiqueta especificada.
  • xFolk: Especifica enlaces guardados en un Marcador social (FaceBook, Digg, etc.).
  • XFN: Relaciones sociales mediante enlaces.
  • XOXO: Crea esquemas con listas.

Ejemplo de un microformato

Formato vCard (versión resumida)

BEGIN:VCARD
VERSION:3.0
N:Brito;Alvaro
FN:Alvaro Brito
URL:http://www.circulodemaquetadores.com/
ORG:circulodemaquetadores.com
END:VCARD

Microformato hCard (versión equivalente)

Alvaro Brito
circulodemaquetadores.com

Esto es un ejemplo sencillo y práctico para proporcionar tu información de contacto, os dejo con una chuleta microformatos o microformats cheatsheet:

Descargar Chuleta Microformatos

Conclusión

Los microformatos, no dejan de ser un brillante apaño experimental para solucionar de manera creativa pequeños problemas de la Web con beneficios inmediatos. Para los portales Web 2.0, como Technorati o Yahoo grandes generadores y consumidores de Microformatos. Les interesa, porque convierten a los usuarios en colaboradores directos, proveedores de contenido y una fuente de futuros servicios, clave en la web social. Porque de manera sencillísima y a un coste mínimo, a los usuarios se les facilita participar de manera más activa en el crecimiento futuro de la web dándoles visibilidad y mejores servicios.

2 Comentario

  • Soy partidario de utilizar los microformatos, porque cualquier herramienta puede aprovechar la información codificada en ellos y porque encajan con un buen marcado semántico.
    Recordar además que son completamente compatibles con el estándar XHTML del W3C.
    El ejemplo que has puesto de tarjeta de presentación y el microformato de cordenadas:

    
         52.48,
         -1.89
    
     

    Son los para mí los más útiles y utilizados.
    Decir también que el famoso rel-nofollow, es un viejo y útil amigo de los SEO.

  • [...] mucho tiempo explicamos que eran los microformatos e incluso pusimos algunos ejemplos de los más utilizados. En aquella época todavía no estaban [...]

¿Algo que comentar? Escribe tu comentario