{"id":469,"date":"2012-08-15T10:47:43","date_gmt":"2012-08-15T08:47:43","guid":{"rendered":"http:\/\/telcoavi.es\/blog\/?p=469"},"modified":"2012-08-15T10:51:55","modified_gmt":"2012-08-15T08:51:55","slug":"fragmentos-enriquecidos-microdatos-microformatos-y-rdfa","status":"publish","type":"post","link":"http:\/\/telcoavi.es\/blog\/fragmentos-enriquecidos-microdatos-microformatos-y-rdfa\/","title":{"rendered":"Fragmentos enriquecidos (microdatos, microformatos y RDFa)"},"content":{"rendered":"

Los fragmentos<\/strong> -las l\u00edneas de texto que aparecen debajo de cada resultado de b\u00fasqueda- tienen la finalidad de informar a los usuarios acerca del contenido de la p\u00e1gina y mostrarles por qu\u00e9 es relevante para su consulta en los diferentes buscadores Bing, Google, Yahoo!<\/strong><\/p>\n

\"Fragmentos<\/p>\n

Google recomienda el uso de microdatos, pero puedes utilizar cualquiera de los tres formatos que se indican a continuaci\u00f3n, pero es importante indicar que s\u00f3lo se debe utilizar un formato para no penalizar el SEO<\/strong> de tu Web.<\/p>\n

    \n
  1. Microdatos<\/strong><\/li>\n
  2. Microformatos<\/strong><\/li>\n
  3. RDFa<\/strong><\/li>\n<\/ol>\n

    1. Marcado de datos con Microdatos<\/strong><\/p>\n

    Los Microdatos<\/strong> son peque\u00f1as mejoras del HTML que, en apariencia no han de modificar nada, pero que hacen que los buscadores, navegadores, aplicaciones, etc\u2026 sean capaces de interpretar y mejorar sem\u00e1nticamente el significado de parte de la informaci\u00f3n que se muestra por pantalla.<\/p>\n

    La especificaci\u00f3n HTML5<\/strong> sobre microdatos es una forma de etiquetar contenido para describir un tipo espec\u00edfico de informaci\u00f3n (por ejemplo, opiniones, informaci\u00f3n sobre personas o eventos). Cada tipo de informaci\u00f3n describe un tipo de elemento espec\u00edfico como, por ejemplo, una persona, un evento o una opini\u00f3n.<\/p>\n

    Los microdatos utilizan atributos sencillos en las etiquetas HTML (normalmente, < span ><\/strong> o < div ><\/strong>) para asignar nombres breves y descriptivos a los elementos y a las propiedades.<\/p>\n

    \n

    Itemscope<\/strong>. Este ser\u00e1 el indicador de que el bloque, ese elemento, ser\u00e1 el contenedor de informaci\u00f3n importante. Es un elemento booleano, es decir, se pone o no se pone\u2026 y ya est\u00e1.<\/strong><\/p>\n<\/blockquote>\n

    Itemtype<\/strong>. Al indicar un itemscope podemos querer indicar qu\u00e9 tipo de informaci\u00f3n vamos a encontrar, que diccionario, que vocabulario vamos a utilizar. Para ello indicaremos este atributo que contendr\u00e1 una direcci\u00f3n URL donde encontrar la informaci\u00f3n correspondiente.<\/strong><\/p><\/blockquote>\n

    Itemid<\/strong>. Este atributo puede dar informaci\u00f3n sobre un elemento com\u00fan que encontremos en el resto de Internet. Viene a ser como crear una ficha \u00fanica (o no) que contenga la informaci\u00f3n que queremos dar.<\/strong><\/p><\/blockquote>\n

    Itemref<\/strong>. Si dentro del contenido queremos hacer referencia a varios elementos, podemos asignarles como un nombre a cada uno de ellos. Para eso usaremos el itemref, que ser\u00e1 el que haga referencia a los distintos elementos.<\/strong><\/p><\/blockquote>\n

    \n

    Itemprop<\/strong>. Es la propiedad y el valor en s\u00ed que queremos indicar. Simple y llanamente.<\/p>\n<\/blockquote>\n

    2. Marcado de datos con microformatos<\/strong><\/p>\n

    Los Microformatos<\/strong> son convenciones sencillas (conocidas como entidades) que se utilizan en las p\u00e1ginas web para describir un tipo de informaci\u00f3n espec\u00edfico como, por ejemplo, una opini\u00f3n, un evento, un producto, una empresa o una persona. Cada entidad tiene sus propias propiedades. En general, los microformatos utilizan el atributo class<\/strong> en las etiquetas HTML (normalmente < span ><\/strong> o < div ><\/strong>) para asignar nombres breves y descriptivos a las entidades y a sus propiedades. M\u00e1s simples de incrustar en nuestro c\u00f3digo con respecto a los microdatos.<\/p>\n

    3. Y por \u00faltimo, el Marcado de contenido con RDFa<\/strong><\/p>\n

    RDFa<\/strong> es una forma de etiquetar contenido para describir un tipo espec\u00edfico de informaci\u00f3n, como la opini\u00f3n sobre un restaurante, un evento, una persona o una lista de productos. Estos tipos de informaci\u00f3n se denominan entidades o elementos. Cada entidad dispone de una serie de propiedades. En general, RDFa utiliza atributos simples en etiquetas XHTML (normalmente < span > o < div >) para asignar nombres breves y descriptivos a las entidades y a las propiedades.<\/p>\n