Microdatos en HTML5

Versión para impresión
Microdatos de HTML5

Los microdatos sirven para dotar de significado semántico a los contenidos de una página web. Así, los buscadores, robots y navegadores podrán extraer datos interesantes sobre el contenido, y esa información le podrá ser devuelta a los usuarios.

Por ejemplo, podríamos identificar los menús de un restaurante: nombre del plato, ingredientes, precio...

<div itemscope itemtype="miEsquema.org/menus">
<p>El menú del día es <span itemprop="menu">judías con chorizo</span></p>
<p>Se compone de <span itemprop="ingrediente">judías</span> y <span itemprop="ingrediente">chorizo</span>
, y vale sólo <span itemprop="precio">10 euros</span></p>
</div>

Los microdatos se pueden anidar. Por ejemplo, cada menú estaría asociado a un restaurante con sus datos como nombre del restaurante o dirección.

Los microdatos son atributos globales, que se suelen colocar dentro de algunas etiquetas, como <div>, <span>, <p>, <article>, <section>, <a>, etc.

Atributos

itemscope
Inicia el conjunto de microdatos.
itemtype
Se coloca junto al anterior, e indica la URL donde está la lista de microdatos o el vocabulario que se va a utilizar para clasificar.
itemprop
Se coloca en la etiqueta que contiene al tipo de dato que se quiere clasificar.

Un ejemplo:

Hola, me llamo Miguel y soy creativo multimedia.
Mi nick es veteporlasombra, y puedes encontrar mi web en www.veteporlasombra.com.

Con microdatos quedaría:

<p itemscope itemtype="http://schema.org/Person">
Hola, me llamo <span itemprop="name">Miguel</span>
y soy <span itemprop="jobTitle">creativo multimedia.</span><br />
Mi nick es <span itemprop="additionalName">veteporlasombra</span>,
y puedes encontrar mi web en <span itemprop="url">www.veteporlasombra.com</span>.
</p>
itemref
Se escribe junto al itemscope, y sirve para hacer una referencia a otra intemprop pero que está fuera del grupo del itemscope. Si hay más de un itemref, se separan por espacios: itemtype="a b".

Por ejemplo:

<h1 itemscope itemtype="http://schema.org/Person" itemref="oficio nick">
Nombre:<span itemprop="name">Miguel</span>.
</h1>
<p>
Es un <span id="oficio" itemprop="jobTitle">creativo multimedia</span><br />
conocido por<span id="nick" itemprop="additionalName">veteporlasombra</span>.
</p>
itemid
Se utilizan para indicar identificadores únicos de un ítem. Por ejemplo, el ISBN de un libro, o el DNI de una persona.

Listas de microformatos

Especificaciones

Más información y ejemplos

Herramientas que permiten analizar los microdatos añadidos a una página

Artículos

Categorías: