Microdatos (HTML)

Los microdatos son parte de la especificación HTML WHATWG que define cómo incluir metadatos dentro del contenido existente de una página web. ^{[ 1 ]} Los motores de búsqueda , los rastreadores web y los navegadores pueden extraer y procesar microdatos de una página web y usarlos para brindar una experiencia de navegación más rica a los usuarios. Los motores de búsqueda se benefician enormemente del acceso directo a los microdatos porque les permite comprender la información en las páginas web y proporcionar resultados más relevantes a los usuarios. ^{[ 2 ] [ 3 ]} Los microdatos utilizan un vocabulario de soporte para describir un elemento y pares nombre-valor para asignar valores a sus propiedades. ^{[ 4 ]} Los microdatos son un intento de proporcionar una forma más simple de anotar elementos HTML con etiquetas legibles por máquina que los enfoques similares de usar RDFa y microformatos .

En 2013, debido a que el Grupo de Trabajo HTML del W3C no logró encontrar a alguien para que actuara como editor de la especificación HTML de Microdatos , su desarrollo se interrumpió con una «Nota». ^{[ 5 ] [ 6 ]} Sin embargo, desde entonces, se seleccionaron dos nuevos editores y se han publicado cinco versiones más recientes del borrador de trabajo, ^{[ 7 ] [ 8 ] [ 9 ] [ 10 ]} siendo la más reciente el Borrador de Trabajo del 26 de abril de 2018. ^{[ 10 ]}

Los vocabularios de microdatos no proporcionan la semántica ni el significado de un elemento. ^{[ 11 ]} Los desarrolladores web pueden diseñar un vocabulario personalizado o utilizar vocabularios disponibles en la web. Schema.org proporciona una colección de vocabularios de marcado de uso común, que incluyen: Persona , Lugar , Evento , Organización , Producto , Reseña , Agregado de reseñas , Ruta de navegación , Oferta , Agregado de ofertas . El sitio web schema.org fue creado por operadores de motores de búsqueda como Google , Microsoft , Yahoo! y Yandex , que utilizan marcado de microdatos para mejorar los resultados de búsqueda. ^{[ 12 ] : 85}

Para algunos fines, un vocabulario ad hoc es suficiente. Para otros, será necesario diseñar un vocabulario. Siempre que sea posible, se recomienda a los autores reutilizar vocabularios existentes, ya que esto facilita la reutilización del contenido. ^{[ 1 ]}

En algunos casos, los motores de búsqueda que cubren regiones específicas pueden proporcionar extensiones de microdatos adaptadas a cada localidad. Por ejemplo, Yandex , un importante motor de búsqueda en Rusia, admite microformatos como hCard (información de contacto de la empresa), hRecipe (receta de cocina), hReview (reseñas de mercado) y hProduct (datos del producto), y proporciona su propio formato para la definición de términos y artículos enciclopédicos. Esta extensión se creó para resolver problemas de transliteración entre los alfabetos cirílico y latino. Tras la implementación de parámetros adicionales del vocabulario de Schema, ^{[ 13 ]} la indexación de información en páginas web en ruso resultó más exitosa.

• itemscope– Crea el elemento e indica que los descendientes de este elemento contienen información sobre él. ^{[ 1 ]}
• itemtype– Una URL válida de un vocabulario que describa el elemento y el contexto de sus propiedades.
• itemid– Indica un identificador único del artículo.
• itemprop– Indica que su etiqueta contenedora contiene el valor de la propiedad del elemento especificada. El nombre de la propiedad y el contexto del valor se describen mediante el vocabulario del elemento. Los valores de las propiedades suelen consistir en cadenas de texto, pero también pueden usar URL que utilicen el aelemento y su hrefatributo, el imgelemento y su srcatributo, u otros elementos que enlacen o incrusten recursos externos. ^{[ 1 ]}
• itemref– Las propiedades que no son descendientes del elemento con el itemscopeatributo pueden asociarse con el elemento usando este atributo. Proporciona una lista de ID de elementos (no itemids) con propiedades adicionales en otras partes del documento. ^{[ 1 ]}
• datetime– Indica la fecha o duración según lo especificado por la norma ISO 8601 .

El siguiente código HTML5 se puede encontrar en una página típica de “Acerca de” que contiene información sobre una persona:

< div > Hola, mi nombre es John Doe, soy asistente de investigación de posgrado en La Universidad de los Sueños. Mis amigos me llaman Johnny. Puedes visitar mi página de inicio en < a href = "http://www.example.com/~JohnnyD" > www.example.com/~JohnnyD </ a > . Vivo en 1234 Peach Drive, Warner Robins , Georgia .

Aquí está el mismo marcado con Schema.org añadido ^{[ 14 ] [ 15 ] [ 16 ]} Microdatos:

< div itemscope itemtype = "http://schema.org/Person" > Hola, mi nombre es < span itemprop = "name" > John Doe </ span > , Soy un < span itemprop = "jobTitle" > asistente de investigación de posgrado </ span > al < span itemprop = "affiliation" > Universidad de los Sueños </ span > . Mis amigos me llaman < span itemprop = "additionalName" > Johnny </ span > . Puedes visitar mi página de inicio en < a href = "http://www.example.com/~JohnnyD" itemprop = "url" > www.example.com/~JohnnyD </ a > . < div itemprop = "address" itemscope itemtype = "http://schema.org/PostalAddress" > Vivo en < span itemprop = " streetAddress " > 1234 Peach Drive </span> , < span itemprop = " addressLocality " > Warner Robins </span> , < span itemprop = " addressRegion " > Georgia </span> . </div> </div>​

Como muestra el ejemplo anterior, los elementos de Microdatos pueden estar anidados. En este caso, un elemento de tipo http://schema.org/PostalAddress está anidado dentro de un elemento de tipo http://schema.org/Person .

El siguiente texto muestra cómo Google analiza los microdatos del código de ejemplo anterior. Los desarrolladores pueden probar páginas que contienen microdatos utilizando la herramienta de prueba de fragmentos enriquecidos de Google . ^{[ 17 ]}

Artículo Tipo: http://schema.org/Person nombre = John Doe Título del puesto = asistente de investigación de posgrado Afiliación = Universidad de los Sueños nombreadicional = Johnny URL = http://www.example.com/~JohnnyD dirección = Artículo(1) Artículo 1 Tipo: http://schema.org/PostalAddress Dirección: 1234 Peach Drive Localidad de la dirección = Warner Robins Región de dirección = Georgia

Los mismos términos legibles por máquina se pueden usar no solo en microdatos HTML, sino también en otras anotaciones como RDFa o JSON-LD en el marcado, o en un archivo RDF externo en una serialización como RDF/XML , Notation3 o Turtle .

• Servidores: Google puede ^{[ 18 ]} usar microdatos en sus páginas de resultados . ^{[ 17 ]} Era el formato de fragmento preferido para la red social Google+ . ^{[ 19 ]}
• Navegadores: A partir de julio de 2021 , ningún navegador importante admite la API DOM de Microdatos . ^{[ 20 ]} Opera la admitió desde la versión 11.60 (lanzada en 2011), pero desde entonces eliminó su implementación. ^{[ 21 ]} Firefox la eliminó en la versión 49. ^{[ 22 ]}

• web semántica
• Microformato
• RDFa Lite
• JSON-LD
• CP/LD (Perfil de contenido/Documento vinculado)
• HTML semántico
• Red social semántica

• Microdatos — Borrador del estándar HTML , WHATWG
• Nota del Grupo de Trabajo de Microdatos HTML del W3C , W3C
• Almaer, Dion (11 de mayo de 2009), Hixie analiza la adición de "microdatos" HTML5 , Ajaxian, archivado del original el 12 de diciembre de 2009.
• Especificaciones de microdatos HTML5 , Data-Vocabulary.org