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>.

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. 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. 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. 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. 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. 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. 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. 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. 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. Gracias!