Un poco sobre Microformatos

3/Ene/2008 45

Un Microformato es una forma de agregar significado semántico a un contenido web que use HTML o XHTML, lo que hace que la información quede indexada. Más específicamente, son porciones de código estándar con el objetivo de insertar contenido semántico aprovechando atributos existentes (como id, class o rel). Para ello se asignan valores a estos atributos que, aparte de darles estilos mediante CSS, puede generar procesos por parte de agentes de usuario (por ejemplo los buscadores).

Los Microformatos son abiertos para que cualquiera pueda utilizarlos, y permiten información de contacto, relaciones sociales, direcciones, coordenadas, etc.

Un ejemplo práctico. Imagínese que tienes un blog y escribes un artículo sobre un restaurant que visitaste recientemente y te encantó el lugar y la comida. Lo quieres recomendar y escribes tu reseña, para finalmente entregar el nombre del lugar, la dirección y si tiene sitio web probablemente la enlaces. Súper, pero: ¿Qué pasa si además, entregas las coordenadas? Así, a través de geo puede ser integrado con Google Maps y poder mostrar gráficamente el camino de cómo llegar al lugar. Así, un lector de tu blog puede leer tu artículo desde su dispositivo móvil favorito, y llegar al restaurant cómodamente siguiendo el mapa directo desde Google, o guardándolo como favorito para consultarlo después.

Su uso sería de la siguiente forma:

<span class="geo"><span class="latitude">-33.42</span>, <span class="longitude">-70.61</span></span>

Se utilizan class que son leídos y entendidos por otras aplicaciones, ya que son estándares por medio de las especificaciones de hCard de Microformats.

¿Y qué ganamos con todo esto?

Microformatos permiten que las personas tengan control sobre sus propios datos e informaciones, a través de la estandarización en el marcado HTML. Esto ayuda a que los buscadores indexen y entreguen información cada vez más precisa y correcta, siempre y cuando ésta haya sido bien formatada . Si creías que ya hacías un buen trabajo aplicando semánticamente las etiquetas HTML a tu contenido, con Microformatos te estarías elevando a lo que se especula será la Web 3.0. Es una iniciativa que aún está en desarrollo, pero que ha dado mucho que hablar y que tiene un futuro promisorio.

Links:

Comentarios

  1. Martín [#]

    Buenísimo el artículo… taría bueno que dieras más ejemplos pero así tal cual lo publicaste es un lujo… saludos!!

  2. mario [#]

    siempre estyo con ganas de aprender mas cobre microformats, pero no hay manera, creo que ahora me animare, si tienes mas ejemplos como el que has puesto, yo creo que ayudarias a mas de uno.

    genial el post.

  3. Daniel G. Blázquez [#]

    Gracias. Si puedes por más ejemplos prácticos 😛

  4. fearlex [#]

    Coincido totalmente con los demas, siempre quise aprender lo que era Microformats pero de ninguna manera entendia ni para que se usaban, ni como, y ahora, esta un poco mas claro, quizas si ahondaras mas en el tema, estariamos super agradecidos 😀

    Excellente el post y la forma de explicarlo 😀

  5. Mañungo [#]

    Si usan Firefox, les recomiendo bajar el addon Operator que detecta los microformatos de la pagina y te ofrece acciones sobre ellos.

    Por ejemplo, al visitar Last.fm te va a listar los eventos que se anuncian en la pagina.

  6. CSSLab Admin [#]

    La idea es siempre profundizar los temas, esta vez fue una introduccion para tener una idea sobre el tema. Luego escribire mas sobre ello, gracias por los comentarios.

  7. Daniel [#]

    Muy buen comentario. Estoy de acuerdo.

    Saludos.

    Daniel.

  8. Nufwkh [#]

    buy tadalafil online safely – tadalafil dosage purchasing tadalafil online

  9. Ifhjsu [#]

    liquid tadalafil – canadian pharmacy tadalafil buy tadalafil online cheap

  10. Vrkybe [#]

    propecia regrowth hairline – http://finasteridepls.com/ propecia vs finasteride

  11. Oeidxr [#]

    finasteride 5mg tablets – http://finasteridepls.com/ hair growth pills propecia

  12. Nihoco [#]

    roman finasteride – finasteride pills finasteride and tamsulosin

  13. Cymwun [#]

    propecia testosterone levels – http://propechl.com/ generic finasteride vs propecia reddit

  14. Yovyaz [#]

    tadalafil cheap tadalafil – dapoxetine tadalafil combination india online tadalafil

  15. Qyrtcb [#]

    tadalafil coupon – mylan tadalafil side effects tadalafil online reviews

  16. Ffjzwo [#]

    Vnnsxw – Buy viagra australia buy viagra from canada

  17. Kxohtw [#]

    Ngbiyt – http://virviaga.com/ buy viagra alaska

  18. Eficrh [#]

    Feqpik – buy modafinil Lbllqu rksesb

  19. Rlugoi [#]

    Mfubzp – apa annotated bibliography format Zrntkm gjvzwv

  20. Loyisi [#]

    Rjjvke – pharmacy online Hmzqdd yxqzkt

  21. Yvwuyj [#]

    Yazwyc – tadalafil online Ivxohb mhrxqn

  22. Tludsi [#]

    Ldaeox – furosempi.com Qjspla zlznjm

  23. Ajtdhz [#]

    Tzhopa – furosempi.com Zeavka gqsdmf

  24. Rltarn [#]

    Gqixqn – myambutol tablets Mayzik ulloom

  25. Obqwmz [#]

    Xftcfw – sumycin cost Fdccxh umxbrb

  26. Ckqiep [#]

    Kngzii – cialis tablet price in india Cluowu jbgaow

  27. Zlujwv [#]

    Vjkaqi – canada cialis no prescription Ramnll qnsxxu

  28. Klcjqb [#]

    Qbvxiv – purchase sildenafil citrate Jwcglb vaskix

  29. Jaqieq [#]

    Ctctlg – writing 5 paragraph essay Rurmjv wjwotv

  30. Yovbbh [#]

    Ondtun – solve my homework Wvsmxv tvseqd

  31. Lolyvk [#]

    ivermectin tablets order – ivermectin goodrx stromectol 3mg cost

  32. Szgyje [#]

    stromectol ebay – generic stromectol ivermectin cost uk

  33. Alfqaf [#]

    stromectol 3 mg price – phcodv where can i buy stromectol

  34. Ooboje [#]

    buy ivermectin uk – ivermectin 0.1 uk stromectol tablets for humans for sale

  35. Svoijt [#]

    ivermectin for sale online – cost of ivermectin medicine ivermectin 6 tablet

  36. Hnwwfi [#]

    ivermectin 12mg online – ivermectin tablets ivermectin otc

  37. Qttpem [#]

    stromectol 3 mg tablets price – ivermectin cream cost ivermectin 0.2mg

  38. Tyouaw [#]

    ivermectin cream 1% – http://ivermecpills.com/# ivermectin online

  39. Rirwpy [#]

    plavix tablet price in india – plavix pill plavix price in india

  40. Iyskdb [#]

    buy generic plavix 75 mg – plavix price in canada buy plavix generic

  41. Ywduka [#]

    best selling over the counter ed pills – what pills are good ed diane ed contraceptive pill

  42. Getxoz [#]

    roman ed pills review – erectile dysfunction treatment top pills vitalkmax denzel washington sponsored ed pill

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

CSSLab