Microformatos

277 views

Published on

Conceptos básicos de Microformatos

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

  • Be the first to like this

No Downloads
Views
Total views
277
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Microformatos

  1. 1. Vanesa Salinas Quiroga
  2. 2. o “Diseñados primero para las personas y luego para las máquinas, los microformatos son formatos de datos abiertos utilizados sobre estándares ampliamente adoptados”.o Esto significa, en otros términos, que los microformatos son grupos de atributos HTML que, aplicados a contenido web común, describen su contenido y le otorgan mas significado.
  3. 3. o Contenido web común:gente, organizaciones, eventos, tags, etc.o Simples: fáciles de aprender y utilizaro Orientados al comportamiento humano:contenido legible para los humanos, “invisible” paralas máquinas
  4. 4. o Experiencia de usuario mejoradao Búsquedas con más significadoo Mínima inversión para su implementacióno Apoyados en estándares
  5. 5. (ampliamente utilizados hoy en día y no se esperan cambios en los mismos) o hCalendar - eventos o hCard - gente, organizaciones, contactos o rel-license - contenidos con licencia o rel-nofollow - enlace en contenido de terceras partes o rel-tag - tag posts y páginas por temas o XFN - relaciones sociales y enlaces rel-me entre perfiles de una misma persona
  6. 6. (se encuentran aún en proceso de especificación y pueden sufrir cambios)o adr - información de ubicación de direccioneso geo - latitud y longitudo hAtom - posts de blog posts y contenido relacionado a fechaso hListing - listado de productos o servicioso hMedia - información de medios acerca de imágenes, video, audioo hProduct - productoso hRecipe - recetas de cocinao hResume - Hojas de vida (CVs)o hReview - revisiones individuales y ratingso hReview-aggregate - agregar revisiones y ratingso rel-author - enlace a la homepage del autor (desde un artículo)o rel-home - enlace a la homepage de un sitioo rel-payment - enlace a un mecanismo de pago
  7. 7. Fuente: http://www.searchengineoptimizationjournal.com/wp-content/uploads/2012/09/Microformat.jpgSe agrega la raíz vcard al elemento que tiene la información de contacto.Luego, se agregan las propiedades y subpropiedades de hcard utilizando elatributo class.
  8. 8. o En el caso de direcciones o eventos, la información se puede extraer utilizando un enlace en la columna de Información Relacionada.o En otros casos, se requiere un add-on para el navegador permita extraer la informacióno Para más información acerca de los add-ons para diferentes navegadores: http://microformats.org/wiki/browsers
  9. 9. La extensión Operator explota las posibilidades de losmicroformatos para Firefox. Fuente: http://d2o0t5hpnwv4c1.cloudfront.net/515_micro/operator.jpg
  10. 10. Operator en funcionamiento. Fuente: http://www.sitefinitywatch.com/Libraries/MetaBlogLib/WindowsLiveWriter-36cd4cf3e512_F668-2-22-2010_3-18- 54_PM_3.sflb.ashx
  11. 11. http://microformats.org/
  12. 12. Muchas Gracias!

×