{"id":63,"date":"2014-11-13T11:47:42","date_gmt":"2014-11-13T10:47:42","guid":{"rendered":"http:\/\/tecnologiasweb.jsenso.es\/?p=63"},"modified":"2014-11-13T11:47:42","modified_gmt":"2014-11-13T10:47:42","slug":"microdatos-microformatos-y-rdfa-parecen-lo-mismo-pero","status":"publish","type":"post","link":"https:\/\/blogs.ugr.es\/tecweb\/microdatos-microformatos-y-rdfa-parecen-lo-mismo-pero\/","title":{"rendered":"Microdatos, microformatos y RDFa: parecen lo mismo, pero no"},"content":{"rendered":"

En Google lo llaman \u00abfragmentos enriquecidos<\/a>\u00ab, aunque en ingl\u00e9s queda m\u00e1s elegante: rich snippets<\/a>. Aqu\u00ed, con \u00e1nimo de darle bombo a la cosa, se le llama \u00abetiquetado sem\u00e1ntico<\/a>\u00ab, cuando en muchas ocasiones no aportan sem\u00e1ntica. Poner una etiqueta de fecha, url, nombre de autor o t\u00edtulo no tiene mucho que ver con sem\u00e1ntica<\/a> y s\u00ed con estructuraci\u00f3n<\/a>.<\/p>\n

La idea global surge de la necesidad de encontrar un mecanismo que permita al HTML estructurar la informaci\u00f3n. En esencia, estos fragmentos de c\u00f3digo suponen un menanismo sencillo para agregar significado (sem\u00e1ntico o no) \u00a0a un documento que, sin dejar de ser legible para una persona, aporta estructura al sistema de informaci\u00f3n que sea capaz de procesar su c\u00f3digo fuente (por ejemplo, las ara\u00f1as<\/a>). Lo curioso del caso es que, aunque este sistema existe desde hace tiempo, no es hasta hace menos de un a\u00f1o que se consideran claves para el posicionamiento web. Algunos autores afirman que su uso incrementa hasta un 30% la visibilidad de un sitio web<\/a>.<\/p>\n

Aunque la filosof\u00eda es la misma, la forma de llevar a cabo el proceso var\u00eda, y no es lo mismo hacerlo con microformatos, microdatos o RDFa. Vamos a ver las diferencias.<\/p>\n

\"microformatos\"
microformatos<\/figcaption><\/figure>\n

Los microformatos<\/strong><\/a> son porciones de c\u00f3digo HTML (o XHTML) que permiten estructurar informaci\u00f3n aprovechando los atributos \u00abid\u00bb o \u00abclass\u00bb empleadas por algunas etiquetas del HTML. \u00bfUn ejemplo?, empleado la plantilla DC.MetadataGen<\/a> tenemos la descipci\u00f3n de esta p\u00e1gina tal y como la interpretar\u00eda una ara\u00f1a:<\/p>\n

<dl class=\u00bbdublincore\u00bb>
\n<dt>T\u00edtulo:<\/dt><dd class=\u00bbtitle<\/strong>\u00ab>Microdatos, microformatos y RDFa: parecen lo mismo, pero no<\/dd>
\n<dt>Direcci\u00f3n:<\/dt><dd><a href=\u00bbhttp:\/\/tecnologiasweb.jsenso.es\/microdatos-microformatos-y-rdfa-parecen-lo-mismo-pero\/\u00bb<\/a> class=\u00bbidentifier<\/strong>\u00ab>http:\/\/tecnologiasweb.jsenso.es\/microdatos-microformatos-y-rdfa-parecen-lo-mismo-pero\/<\/a><\/a><\/dd>
\n<dt>Descripci\u00f3n:<\/dt><dd class=\u00bbdescription<\/strong>\u00ab>Se analizan los tres m\u00e9todos para enriquecer documentos HTML: microformatos, microdatos y RDFa.<\/dd>
\n<dt>Palabras clave:<\/dt><dd class=\u00bbsubject<\/strong>\u00ab>Microdatos, Microformatos, RDFa<\/dd>
\n<dt>C\u00f3digo de idioma:<\/dt><dd class=\u00bblanguage<\/strong>\u00ab>es<\/dd>
\n<dt>Autor\/a:<\/dt><dd><a href=\u00bbhttp:\/\/jsenso.es\u00bb<\/a> class=\u00bbcreator<\/strong>\u00ab>Jose A. Senso<\/a><\/dd>
\n<\/dl><\/p>\n

Con lo que podr\u00eda identificar sin problema el t\u00edtulo, resumen, palabras clave… sin que tratara estos datos como una simple cadena de caracteres. Para el usuario todo este proceso ser\u00eda transparente, y ver\u00eda s\u00f3lo esto:<\/p>\n

\"micro01\"<\/p>\n

Los microdatos<\/strong><\/a> son una de las principales aportaciones de la versi\u00f3n 5 del HTML<\/a>. Trabajan agrupando los \u00edtems con propiedades nombre-valor. Empla el atributo itemscope<\/em> dentro del elemento div para marcar un paquete de datos que luego ser\u00e1n descritos con el atributo itemprop<\/em>. La gran ventaja que tiene es que esto se puede hacer empleando etiquetas de schema.org<\/a>, con lo que se aporta cierto nivel de normalizaci\u00f3n a la hora de hacer la descripci\u00f3n. Empleando el mismo ejemplo de antes, y usando el vocabulario correspondiente<\/a>, el microdato resultante ser\u00eda:<\/p>\n

<div itemscope itemtype=\u00bbhttp:\/\/schema.org\/BlogPosting\u00bb><\/a><\/p>\n

T\u00edtulo <span itemprop=\u00bbname\u00bb>Microdatos, microformatos y RDFa: parecen lo mismo, pero no<\/span><\/p>\n

Direcci\u00f3n <span itemprop=\u00bburl\u00bb>http:\/\/tecnologiasweb.jsenso.es\/microdatos-microformatos-y-rdfa-parecen-lo-mismo-pero\/<\/span><\/p>\n

Descripci\u00f3n <span itemprop=\u00bbDescription\u00bb>Se analizan los tres m\u00e9todos para enriquecer documentos HTML: microformatos, microdatos y RDFa.<\/span><\/p>\n

Palabras clave <span itemprop=\u00bbKeywords\u00bb>Microdatos, Microformatos, RDFa<\/span><\/p>\n

Idioma <span itemprop=\u00bbinLanguage\u00bb>Sp<\/span><\/p>\n

Autor <span itemprop=\u00bbcreator\u00bb>Jose A. Senso<\/span><\/p>\n

<\/div><\/p>\n

 <\/p>\n

RDFa<\/a> es un conjunto de extensiones XHTML que permiten introducir sem\u00e1ntica en este tipo de documentos. El mismo ejemplo de antes, procesado en RDFa quedar\u00eda de la siguiente forma:<\/p>\n

<div xmlns:v=\u00bbhttp:\/\/rdf.data-vocabulary.org\/#\u00bb<\/a> typeof=\u00bbv:Person\u00bb><span property=\u00bbv:title\u00bb>Microdatos, microformatos y RDFa: parecen lo mismo, pero no<\/span>, que est\u00e1 en:<span property=\u00bbv:url\u00bb>http:\/\/tecnologiasweb.jsenso.es\/microdatos-microformatos-y-rdfa-parecen-lo-mismo-pero\/<\/span> recoge informaci\u00f3n donde <a href=\u00bbhttp:\/\/www.example.com\u00bb<\/a> rel=\u00bbv:description\u00bb>Se analizan los tres m\u00e9todos para enriquecer documentos HTML: microformatos, microdatos y RDFa<\/a>. Est\u00e1 escrito en\u00a0<span property=\u00bbv:language\u00bb>espa\u00f1ol<\/span> por <span property=\u00bbv:creator\u00bb>Jose A. Senso<\/span><\/p>\n

Como vemos, los tres sistemas tratan de resolver el mismo problema, pero de forma diferente. Diferencias<\/strong>? Pues parece evidente que el m\u00e1s c\u00f3modo y limpio es el microdato. De hecho, la posibilidad de agrupar todas las etiquetas \u00absem\u00e1nticas\u00bb permite diferenciarlas del resto (las de dise\u00f1o), con lo que el trabajo es m\u00e1s intuitivo. Adem\u00e1s, el hecho de contar con el respaldo de Schema.org aporta dos ventajas. Por un lado tener cierto nivel de normalizaci\u00f3n en el etiquetado. Por otro, una mayor flexibilidad en la descripci\u00f3n, ya que es posible combinar diferentes esquemas para logar una descripci\u00f3n m\u00e1s precisa. Y lo \u00faltimo a tener en cuenta? pues que a Google le gustan m\u00e1s los microdatos.<\/p>\n

Aunque en Google afirman que el hecho de tener microdatos con schema no influye<\/a> en el ranking de resultados, es evidente que una p\u00e1gina bien estructurada facilitar\u00e1 la interpretaci\u00f3n de los contenidos, mejorando el posicionamiento del sitio.<\/p>\n","protected":false},"excerpt":{"rendered":"

En Google lo llaman \u00abfragmentos enriquecidos\u00ab, aunque en ingl\u00e9s queda m\u00e1s elegante: rich snippets. Aqu\u00ed, con \u00e1nimo de darle bombo a la cosa, se le llama \u00abetiquetado sem\u00e1ntico\u00ab, cuando en muchas ocasiones no aportan sem\u00e1ntica. Poner una etiqueta de fecha, url, nombre de autor o t\u00edtulo no tiene mucho que ver con sem\u00e1ntica y s\u00ed […]<\/p>\n","protected":false},"author":65,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[9,34,15,21,11,39],"tags":[35,36,37,38],"class_list":{"0":"post-63","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-claves-para-el-posicionamiento","7":"category-la-web-2-0","8":"category-la-web-semantica","9":"category-la-word-wide-web","10":"category-posicionamiento-seo","11":"category-sistemas-de-etiquetado","12":"tag-microdatos","13":"tag-microformatos","14":"tag-rdf","15":"tag-rdfa","16":"entry"},"_links":{"self":[{"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/posts\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":0,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ugr.es\/tecweb\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}