SlideShare una empresa de Scribd logo
Vanesa Salinas Quiroga
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.
o Contenido web común:
gente, organizaciones, eventos, tags, etc.

o   Simples: fáciles de aprender y utilizar

o  Orientados al comportamiento humano:
contenido legible para los humanos, “invisible” para
las máquinas
o   Experiencia de usuario mejorada

o   Búsquedas con más significado

o   Mínima inversión para su implementación

o   Apoyados en estándares
(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
(se encuentran aún en proceso de especificación y pueden sufrir cambios)

o   adr - información de ubicación de direcciones
o   geo - latitud y longitud
o   hAtom - posts de blog posts y contenido relacionado a
    fechas
o   hListing - listado de productos o servicios
o   hMedia - información de medios acerca de imágenes,
    video, audio
o   hProduct - productos
o   hRecipe - recetas de cocina
o   hResume - Hojas de vida (CVs)
o   hReview - revisiones individuales y ratings
o   hReview-aggregate - agregar revisiones y ratings
o   rel-author - enlace a la homepage del autor (desde un
    artículo)
o   rel-home - enlace a la homepage de un sitio
o   rel-payment - enlace a un mecanismo de pago
Fuente: http://www.searchengineoptimizationjournal.com/wp-content/uploads/2012/09/Microformat.jpg




Se agrega la raíz vcard al elemento que tiene la información de contacto.
Luego, se agregan las propiedades y subpropiedades de hcard utilizando el
atributo class.
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ón

o   Para más información acerca de los add-ons para
    diferentes navegadores:

          http://microformats.org/wiki/browsers
La extensión Operator explota las posibilidades de los
microformatos para Firefox.




         Fuente: http://d2o0t5hpnwv4c1.cloudfront.net/515_micro/operator.jpg
Operator en funcionamiento.




    Fuente: http://www.sitefinitywatch.com/Libraries/MetaBlogLib/WindowsLiveWriter-36cd4cf3e512_F668-2-22-2010_3-18-
    54_PM_3.sflb.ashx
http://microformats.org/
Muchas Gracias!

Más contenido relacionado

Similar a Microformatos

web 2.0
web 2.0web 2.0
web 2.0
angel bano
 
Seos para-seos-2012-microformatos
Seos para-seos-2012-microformatosSeos para-seos-2012-microformatos
Seos para-seos-2012-microformatos
Miguel Valero
 
Introduccion a la Web 20
Introduccion a la Web 20Introduccion a la Web 20
Introduccion a la Web 20
Rolando Romero
 
08-Metadatos_Ontologias_y_Web_Semantica.pdf
08-Metadatos_Ontologias_y_Web_Semantica.pdf08-Metadatos_Ontologias_y_Web_Semantica.pdf
08-Metadatos_Ontologias_y_Web_Semantica.pdf
DAVIDMOISESOREMEJIA
 
Web 20
Web 20Web 20
Web 20
Tolousse
 
Wordpress: El Framework desconocido
Wordpress: El Framework desconocidoWordpress: El Framework desconocido
Wordpress: El Framework desconocido
Samuel Rocha
 
Conceptos Web 20
Conceptos Web 20Conceptos Web 20
Conceptos Web 20
gueste5bd3e
 
La Web 2 0
La  Web 2 0La  Web 2 0
La Web 2 0
argoman
 
Analisis seo
Analisis seoAnalisis seo
Analisis seo
Maribel Mercado
 
Analisis seo.ppt2
Analisis seo.ppt2Analisis seo.ppt2
Analisis seo.ppt2
Maribel_kar
 
Microformatos
MicroformatosMicroformatos
Los microformatos
Los microformatosLos microformatos
Los microformatos
Gervasia Valenzuela
 
El mundo de los sitios web
El mundo de los sitios webEl mundo de los sitios web
El mundo de los sitios web
rodmazzo
 
Web semántica y visiones de la web 3.0
Web semántica y visiones de la web 3.0 Web semántica y visiones de la web 3.0
Web semántica y visiones de la web 3.0 Miguel R. Artacho
 
Seo
SeoSeo

Similar a Microformatos (20)

web 2.0
web 2.0web 2.0
web 2.0
 
Web 20
Web 20Web 20
Web 20
 
Web 20
Web 20Web 20
Web 20
 
Web 20
Web 20Web 20
Web 20
 
Seos para-seos-2012-microformatos
Seos para-seos-2012-microformatosSeos para-seos-2012-microformatos
Seos para-seos-2012-microformatos
 
Introduccion a la Web 20
Introduccion a la Web 20Introduccion a la Web 20
Introduccion a la Web 20
 
08-Metadatos_Ontologias_y_Web_Semantica.pdf
08-Metadatos_Ontologias_y_Web_Semantica.pdf08-Metadatos_Ontologias_y_Web_Semantica.pdf
08-Metadatos_Ontologias_y_Web_Semantica.pdf
 
Web 20
Web 20Web 20
Web 20
 
Wordpress: El Framework desconocido
Wordpress: El Framework desconocidoWordpress: El Framework desconocido
Wordpress: El Framework desconocido
 
La web semántica
La web semánticaLa web semántica
La web semántica
 
Conceptos Web 20
Conceptos Web 20Conceptos Web 20
Conceptos Web 20
 
La Web 2 0
La  Web 2 0La  Web 2 0
La Web 2 0
 
Analisis seo
Analisis seoAnalisis seo
Analisis seo
 
Analisis seo.ppt2
Analisis seo.ppt2Analisis seo.ppt2
Analisis seo.ppt2
 
Microformatos
MicroformatosMicroformatos
Microformatos
 
Microformatos
MicroformatosMicroformatos
Microformatos
 
Los microformatos
Los microformatosLos microformatos
Los microformatos
 
El mundo de los sitios web
El mundo de los sitios webEl mundo de los sitios web
El mundo de los sitios web
 
Web semántica y visiones de la web 3.0
Web semántica y visiones de la web 3.0 Web semántica y visiones de la web 3.0
Web semántica y visiones de la web 3.0
 
Seo
SeoSeo
Seo
 

Más de Vanesa Salinas

Mashups
MashupsMashups
Sindicación de contenidos
Sindicación de contenidosSindicación de contenidos
Sindicación de contenidosVanesa Salinas
 
Web 2.0 - Conceptos básicos
Web 2.0 - Conceptos básicosWeb 2.0 - Conceptos básicos
Web 2.0 - Conceptos básicos
Vanesa Salinas
 
La Oficina 2.0
La Oficina 2.0La Oficina 2.0
La Oficina 2.0
Vanesa Salinas
 
Codigos QR en el Campo Educativo
Codigos QR en el Campo EducativoCodigos QR en el Campo Educativo
Codigos QR en el Campo Educativo
Vanesa Salinas
 
Buscadores semánticos
Buscadores semánticosBuscadores semánticos
Buscadores semánticosVanesa Salinas
 

Más de Vanesa Salinas (9)

Mashups
MashupsMashups
Mashups
 
Sindicación de contenidos
Sindicación de contenidosSindicación de contenidos
Sindicación de contenidos
 
Qué es un blog?
Qué es un blog?Qué es un blog?
Qué es un blog?
 
Web 2.0 - Conceptos básicos
Web 2.0 - Conceptos básicosWeb 2.0 - Conceptos básicos
Web 2.0 - Conceptos básicos
 
La Oficina 2.0
La Oficina 2.0La Oficina 2.0
La Oficina 2.0
 
Codigos QR en el Campo Educativo
Codigos QR en el Campo EducativoCodigos QR en el Campo Educativo
Codigos QR en el Campo Educativo
 
Buscadores semánticos
Buscadores semánticosBuscadores semánticos
Buscadores semánticos
 
Generos graffiti 3
Generos graffiti 3Generos graffiti 3
Generos graffiti 3
 
Generos Graffiti
Generos Graffiti Generos Graffiti
Generos Graffiti
 

Último

Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
AlejandraCasallas7
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
44652726
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 

Último (20)

Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.Desarrollo de Habilidades de Pensamiento.
Desarrollo de Habilidades de Pensamiento.
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 

Microformatos

  • 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. o Contenido web común: gente, organizaciones, eventos, tags, etc. o Simples: fáciles de aprender y utilizar o Orientados al comportamiento humano: contenido legible para los humanos, “invisible” para las máquinas
  • 4. o Experiencia de usuario mejorada o Búsquedas con más significado o Mínima inversión para su implementación o Apoyados en estándares
  • 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. (se encuentran aún en proceso de especificación y pueden sufrir cambios) o adr - información de ubicación de direcciones o geo - latitud y longitud o hAtom - posts de blog posts y contenido relacionado a fechas o hListing - listado de productos o servicios o hMedia - información de medios acerca de imágenes, video, audio o hProduct - productos o hRecipe - recetas de cocina o hResume - Hojas de vida (CVs) o hReview - revisiones individuales y ratings o hReview-aggregate - agregar revisiones y ratings o rel-author - enlace a la homepage del autor (desde un artículo) o rel-home - enlace a la homepage de un sitio o rel-payment - enlace a un mecanismo de pago
  • 7. Fuente: http://www.searchengineoptimizationjournal.com/wp-content/uploads/2012/09/Microformat.jpg Se agrega la raíz vcard al elemento que tiene la información de contacto. Luego, se agregan las propiedades y subpropiedades de hcard utilizando el atributo class.
  • 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ón o Para más información acerca de los add-ons para diferentes navegadores: http://microformats.org/wiki/browsers
  • 9. La extensión Operator explota las posibilidades de los microformatos para Firefox. Fuente: http://d2o0t5hpnwv4c1.cloudfront.net/515_micro/operator.jpg
  • 10. Operator en funcionamiento. Fuente: http://www.sitefinitywatch.com/Libraries/MetaBlogLib/WindowsLiveWriter-36cd4cf3e512_F668-2-22-2010_3-18- 54_PM_3.sflb.ashx