Los Microformatos   Maestría en Entornos Virtuales de Aprendizaje   Asignatura: Educación y aprendizaje en la tercera   dé...
Que son los Microformatos?   Los microformatos, según el W3C, son    conjuntos de formatos de datos abiertos y    simples...
Beneficios uso de los Microformatos   Dan valor semántico al contenido de las    páginas, de forma que tanto los buscador...
Beneficios ...   Pueden ayudar a mejorar la optimización de    las páginas web y por lo tanto, mejorar el    posicionamie...
Microformatos más usados...   hCalendar: para eventos y    fechas.   hCard: tarjetas de visita,    también llamadas    i...
Ejemplo sin Microformato...   El siguiente ejemplo es lo que tendríamos en código XHTML sin marcado    semántico con hCar...
Ejemplo con Microformato...   En este ejemplo se aplica el microformato, para los humanos el resultado    es identico, pe...
Ejemplo... conclusión   Por lo tanto, los microformatos han permitido    que una máquina (el ordenador con el    software...
Enlaces de interés ...   http://www.webposible.com/microformatos-dublincore/introduccion-microf   http://www.hellogoogle...
Gracias!
Upcoming SlideShare
Loading in …5
×

Los microformatos

685 views

Published on

Presentación sobre los microformatos, un ejemplo de la web semántica.
Trabajo presentado por Gervasia Valenzuela Sosa en la maestría ¨Entornos Virtuales de aprendizaje¨.
<a><img src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a><br /><span>Los Microformatos</span> by <a>Gervasia Valenzuela Sosa</a> is licensed under a <a>Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License</a>.<br />Based on a work at <a>www.slideshare.net</a>.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
685
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Los microformatos

  1. 1. Los Microformatos Maestría en Entornos Virtuales de Aprendizaje Asignatura: Educación y aprendizaje en la tercera década de la Web Alumna: Gervasia Valenzuela Sosa Profesora: Dolors Reig
  2. 2. Que son los Microformatos? Los microformatos, según el W3C, son conjuntos de formatos de datos abiertos y simples, desarrollados sobre estándares ya existentes, ampliamente adoptados, incluyendo XHTML (HTML y XML) y CSS. Técnicamente son trozos de código (X)HTML enriquecidos con una serie de atributos o clases CSS para identificar el contenido.http://www.canalip.com/blog/%C2%BFutilizas-los-microformatos-en-tu-web/
  3. 3. Beneficios uso de los Microformatos Dan valor semántico al contenido de las páginas, de forma que tanto los buscadores, como los agregadores de contenidos o cualquier herramienta capaz de rastrear el código, sepan distinguir la naturaleza de un contenido. Las máquinas se comprenderán entre ellas, aunque para los humanos no sea entendible, y facilitarán al usuario la información que solicita.
  4. 4. Beneficios ... Pueden ayudar a mejorar la optimización de las páginas web y por lo tanto, mejorar el posicionamiento en buscadores. Resaltar una información específica que se quiere que el usuario visualice rápidamente en los resultados de búsqueda.
  5. 5. Microformatos más usados... hCalendar: para eventos y fechas. hCard: tarjetas de visita, también llamadas informaciones de contacto. hReview: revisiones o reseñas. rel-tag: creado por Technorati para especificar una etiqueta, un enlace. XFN (XHTML Friends Network): una forma de añadir, con etiquetas propias, diferentes tipos de relación social o parentesco a los enlaces. xFolk: un microformato para la descripción de folksonomías.
  6. 6. Ejemplo sin Microformato... El siguiente ejemplo es lo que tendríamos en código XHTML sin marcado semántico con hCard, una persona lo entendería, pero no una máquina, que simplemente podría procesarlo:  <p> <strong>Guillermo García</strong><br /> Calle falsa, 1<br / > una ciudad, un país<br /> 989-99-99-99 </p>  Resultado  Guillermo García Calle falsa, 1 una ciudad, un país 989-99-99-99
  7. 7. Ejemplo con Microformato... En este ejemplo se aplica el microformato, para los humanos el resultado es identico, pero las máquinas si podrán comprender el significado de la información que procesan:  <div class="vcard"> <strong class="fn n"> <span class="given- name">Guillermo</span> <span class="additional- name">García</span> </strong><br /> <p class="adr"> <span class="street-address">Calle falsa 1</span><br /> <span class="locality">una ciudad</span>, <span class="country-name">un país</span> </p> <p class="tel">989-99-99-99</p> </div>  Resultado  Guillermo García Calle falsa 1 una ciudad, un país 989-99-99-99
  8. 8. Ejemplo... conclusión Por lo tanto, los microformatos han permitido que una máquina (el ordenador con el software del navegador) pueda entender dichos datos y procesarlos para un uso determinado; en este caso la obtención de una tarjeta de contacto. Lo mismo puede suceder con los datos de un calendario, etiquetas o enlaces.
  9. 9. Enlaces de interés ... http://www.webposible.com/microformatos-dublincore/introduccion-microf http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos Una Mirada al Mundo de los Microformatos http://bvs.sld.cu/revistas/aci/vol17_3_08/aci08308.htm http://www.arumeinformatica.es/blog/introduccion-a-los- microformatos/ http://www.canalip.com/blog/%C2%BFutilizas-los-microformatos-en- tu-web/
  10. 10. Gracias!

×