1. Microformato
s
Creación y Uso

2. ¿Qué son los
microformatos?
Los microformatos son
etiquetas estandarizadas
que se incorporan al
código de la página web
para que ciertos
contenidos sean
reconocidos
automáticamente y se
pueda exportar la
información semántica
implícita para usarla en
distintos ámbitos. Son
invisibles para los
usuarios, pero detectables
por las máquinas.

3. Creación de los microformatos

4. Creación de los microformatos
La mayoría de los microformatos han sido creados en el wiki de
microformats.org y sus listas de correos, por medio del análisis
de usos actuales hechos por los desarrolladores de contenidos..

5. ¿Cómo usar los generadores
en este sitio?
(microformats.org)
Veamos un ejemplo con:

6. Generador hCard
de microformats.org

8. Uso del Generador hCard
Solamente tenemos que rellenar cada una de las casillas y en la parte derecha
obtendremos el código con el marcado hCard. Para que resulte más sencillo rellenar
los campos veamos la traducción literal y una pequeña explicación.
Given name: Nombre que se da, el nombre principal si es una empresa pondremos el
nombre de la empresa, si un particular pondremos el nombre.
Middle name: Segundo nombre, sería el apellido para una persona física o podemos
poner una pequeña descripción para una empresa.
Family name: Nombre familiar, viene a ser como el apodo o el alias.
Organización: Organización en la que trabajamos o a la que pertenecemos.
Los siguientes campos son nuestra dirección postal, en español:
Street: Calle
City: Ciudad
State/province: Estado/provincia
Postal code: Código postal
Country name: Nombre del país

9. Uso del Generador hCard
(cont.)
 Phone: Teléfono, es importante indicar el prefijo
internacional.
 Email: Correo electrónico
 Url: Url de nuestra página web.
 Photo url: Url de la fotografía, enlace a nuestra fotografía.
 Distintos protocolos de mensajería instantánea
 AIM: Mensajería instantánea
 YIM: Mensajería instantánea
 Jabber: Mensajería instantánea
 Tags: Etiquetas.
 Por supuesto, no tenemos que poner todas las
etiquetas, pero tener en cuenta que mientras más
descripción pongamos será mejor. Una vez rellenado el
formulario tendremos el código listo para insertarlo en
nuestra web.

10. ¿Cómo crear nuestros
microformatos?
Aunque pudiese parecer algo complicado, en realidad no hay
nada más fácil.
Veamos un ejemplo:
Este es de los más sencillos que pueda haber, se trata
simplemente de taggear un link para distinguirlo de links
normales. Basta simplemente con añadir el atributo
rel="tag" a la etiqueta del link:
<a href="http://www.hellogoogle.com"
rel="tag">Posicionamiento Web</a>
De esta forma, webs como http://technorati.com son capaces
de distinguir tags de tu contenido y crear una estructura
con ellos.

11. ¿Cómo se aplican los
microformatos a una página web
existente?
Lo bueno de los microformatos es que utilizan atributos de
XHTML estándar, por lo que es bastante sencillo aplicarlo
a una página web existente. Los atributos que utilizan los
microformatos son:
 class
 rel
 rev
Estos son atributos que ya existen en XHTML y que tiene
utilidad por sí mismo. “class” se utiliza para dar estilos y
“rel” y “rev” se utilizan para indicar relaciones entre
documentos en los enlaces. Lo que hacen los
microformatos es especificar algunos valores que se
añadirán en estos atributos y que interpretados
correctamente es posible extraer la información
semántica.

12. Veamos un ejemplo sencillo con el
Microformato geo.
Este es un microformato muy simple que sirve para referenciar unas coordenadas
geográficas por su longitud y latitud.
<div class=”geo”>Avanzis
<span class=”latitude”>39.476473</span>;
<span class=”longitude”>-0.384849</span>
</div>
Es importante tener en cuenta que para que esta información sea detectada como microformato lo
indispensable son los nombre de las clases utilizados, no las etiquetas. El siguiente código sería
interpretado igual que el anterior por un analizador que entendiera el microformato geo, aunque
se vería muy diferente en un navegador
<ul class=”geo”>
<li class=”latitude”>39.476473</li>
<li class=”longitude”>-0.384849</li>
</ul>
Si no queremos que la meta-información se muestre o mostrarla de otra forma, podemos utilizar la
etiqueta abbr y el atributo title, que se utilizará para indicar el valor real.
<div class=”geo”>Avanzis
<abbr class=”latitude” title=”39.476473”>39.47º al Norte</abbr>;
<abbr class=”longitude” title=”-0.384849”>0.38º al Oeste</abbr>
</div>

13. Ventajas del uso de
microformatos
1. - Sólo con cambiar la manera de marcar el HTML de mis páginas web, puedo
conseguir que mis datos se puedan usar más allá del navegador y contribuir a
la creación de nuevos servicios en combinación con los datos de los demás.
2.- Cualquier usuario con conocimientos mínimos de XHTML puede incorporarlos a
su sitio web y anunciarlo al mundo.
3.- Un desarrollador con algo de carisma y de acuerdo con la Comunidad puede
proponer su propio microformato.

14. Ventajas del uso de
microformatos
4.- Los microformatos son un "atajo rápido" para la Web
Semántica, es como construir un buscador "desde el otro lado"
o construir una web semántica para torpes, sin tener que
realizar costosas inversiones como las que Google y otros
buscadores desarrollan para mejorar sus servicios de búsqueda
desde el lado de máquinas y algoritmos.
5.- Se propone una normalización o compromiso de desarrollo que
se manifiesta en dos niveles: la validación automática, que
asegura el cumplimiento de la "letra de la ley" en cuanto al uso
ajustado a sintaxis de los elementos bendecidos por el W3C y
el marcado semántico, que busca las soluciones de marcado
que resuelvan de la forma más fiel, eficiente y elegante la tarea
de expresar mediante elementos HTML los distintos
significados y estructuras implícitas en los textos del lenguaje
natural.

15. Ventajas del uso de
microformatos
6.- Al tratarse de un modelo construido en base a las estructuras
existentes no es necesario realizar grandes modificaciones en nuestros
documentos, sino tan solo agregar nuevos atributos a las estructuras
existentes. Por esta misma razón no es necesario contar con ninguna
herramienta especial para utilizarlos, ya sea desde la perspectiva del
creador de los documentos que perfectamente puede seguir utilizando
sus herramientas preferidas, o desde la perspectiva del usuario, quien
puede seguir accediendo a la información mediante su navegador
habitual.
7.- Plantea grandes beneficios para los sistemas automáticos de
recuperación de información, ya que son los propios creadores de los
documentos los encargados de crear las estructuras semánticas de los
documentos, o sea asignar el real significado, lo que redunda en una
optimización de las herramientas de recuperación de la información
(buscadores, indexadores, agregadores de noticias, etc) lo que se
traduce en un beneficio directo para los usuarios que desean acceder a
la misma.

16. Valoración personal
 Los microformatos nos permiten traducir
a las maquinas lo que los humanos
pretendemos decir.
 Crear microformatos es
sencillo, cualquiera con un poco de
dedicación puede hacerlo.

17. Valoración personal
 Hablar de microformatos es hablar de web
semántica y esta promete convertirse en
una estrategia indispensable para
cualquiera que incursione en la educación
virtual.
 Existen muchos materiales que nos hablan
de los microfornatos, aún así, es
importante crear otros que guíen y ayuden
al usuario explicando todo en lenguaje
sencillo.

18. Fuentes
http://www.corbax.com/blog/microformatos
http://javiercasares.com/blog/html-microdatos-antes-microformatos-antes-
rdfa/
http://juanluismora.es/microformatos-hcard-generador/
http://bitelia.com/2011/09/facebook-incorpora-soporte-para-microformatos-
a-su-web
http://www.slideshare.net/jvader/domestika-microformatos-4agosto09-
modo-de-compatibilidad
http://scielo.sld.cu/scielo.php?pid=S1024-
94352008000300008&script=sci_arttext
http://www.linux-magazine.es/issue/35/039-
042_MicroformatosLM35.crop.pdf

19. Compilado por: Alcadia Castillo