MicroformatosCreación y Uso
¿Qué son losmicroformatos?Los microformatos son   etiquetas estandarizadas   que se incorporan al   código de la página we...
Creación de los microformatos
Creación de los microformatosLa mayoría de los microformatos han sido creados en el wiki demicroformats.org y sus listas d...
¿Cómo usar los generadoresen este sitio?(microformats.org)Veamos un ejemplo con:
Generador hCardde microformats.org
Uso del Generador hCardSolamente tenemos que rellenar cada una de las casillas y en la parte derecha    obtendremos el cód...
Uso del Generador hCard(cont.)   Phone: Teléfono, es importante indicar el prefijo    internacional.   Email: Correo ele...
¿Cómo crear nuestrosmicroformatos? Aunque pudiese parecer algo complicado, en realidad no hay   nada más fácil. Veamos un ...
¿Cómo se aplican losmicroformatos a una página webexistente?Lo bueno de los microformatos es que utilizan atributos de   X...
Veamos un ejemplo sencillo con elMicroformato geo. Este es un microformato muy simple que sirve para referenciar unas coor...
Ventajas del uso demicroformatos1. - Sólo con cambiar la manera de marcar el HTML de mis páginas web, puedo     conseguir ...
Ventajas del uso demicroformatos4.- Los microformatos son un "atajo rápido" para la Web    Semántica, es como construir un...
Ventajas del uso demicroformatos 6.- Al tratarse de un modelo construido en base a las estructuras existentes no es necesa...
Valoración personal   Los microformatos nos permiten traducir    a las maquinas lo que los humanos    pretendemos decir....
Valoración personal   Hablar de microformatos es hablar de web    semántica y esta promete convertirse en    una estrateg...
Fuenteshttp://www.corbax.com/blog/microformatoshttp://javiercasares.com/blog/html-microdatos-antes-microformatos-antes-   ...
Compilado por: Alcadia Castillo
Microformatos [autoguardado]
Upcoming SlideShare
Loading in …5
×

Microformatos [autoguardado]

726 views
640 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
726
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Microformatos [autoguardado]

  1. 1. MicroformatosCreación y Uso
  2. 2. ¿Qué son losmicroformatos?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. 3. Creación de los microformatos
  4. 4. Creación de los microformatosLa mayoría de los microformatos han sido creados en el wiki demicroformats.org y sus listas de correos, por medio del análisisde usos actuales hechos por los desarrolladores de contenidos..
  5. 5. ¿Cómo usar los generadoresen este sitio?(microformats.org)Veamos un ejemplo con:
  6. 6. Generador hCardde microformats.org
  7. 7. Uso del Generador hCardSolamente 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
  8. 8. 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.
  9. 9. ¿Cómo crear nuestrosmicroformatos? 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.
  10. 10. ¿Cómo se aplican losmicroformatos a una página webexistente?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 revEstos 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.
  11. 11. Veamos un ejemplo sencillo con elMicroformato 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>
  12. 12. Ventajas del uso demicroformatos1. - 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.
  13. 13. Ventajas del uso demicroformatos4.- 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.
  14. 14. Ventajas del uso demicroformatos 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.
  15. 15. 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.
  16. 16. 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.
  17. 17. Fuenteshttp://www.corbax.com/blog/microformatoshttp://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-webhttp://www.slideshare.net/jvader/domestika-microformatos-4agosto09- modo-de-compatibilidadhttp://scielo.sld.cu/scielo.php?pid=S1024- 94352008000300008&script=sci_arttexthttp://www.linux-magazine.es/issue/35/039- 042_MicroformatosLM35.crop.pdf
  18. 18. Compilado por: Alcadia Castillo

×