El marcado con datos estructurados a través 
de microdatos permite a Google y a otros buscadores entender mejor la información de nuestro sitio web y mostar fragmentos enriquecidos (Rich Snippets) en sus resultados de búsqueda. Se trata de una forma de etiquetar contenido en HTML5 para describir un tipo específico de información.
Estos fragmentos enriquecidos ofrecen a su vez información adicional a los usuarios, atrayendo su atención y mejorando el Click-Through-Rate de nuestro resultado, lo cual mejorará el tráfico y el SEO de nuestro sitio.
Los propietarios de sitios de comercio electrónico pueden proporcionar a Google información detallada sobre sus productos (precio, la disponibilidad y las puntuación de los usuarios) en las páginas de resultados de búsqueda del motor de búsqueda.
Cómo marcar un producto con microdatos
Veamos un código HTML (texto y una imagen) de ejemplo que aparecería en una página de producto individual, que en este caso sería un libro.
Libro SEO de Juanjo Ramos
<img src=»Portada_Libro_SEO.jpg»/>
Guía práctica de posicionamiento en buscadores
Categoría:libros
N.º de producto: 025872
Calificación media: 4,5 sobre un total de 99 opiniones
Precio normal: 4,99 EUR
Oferta: 2,99 EUR (finalización: 1 de agosto)
Disponible
A continuación, se indica el mismo contenido marcado con microdatos:
<div itemscope itemtype=»http://data-vocabulary.org/Product»>
<span itemprop=»brand»>Juanjo Ramos</span> <span itemprop=»name»>Libro SEO</span>
<img itemprop=»image» src=»Portada_Libro_SEO.jpg» />
<span itemprop=»description»>Guía práctica de posicionamiento en buscadores </span>
Categoría: <span itemprop=»category» content=»Medios audiovisuales > Libros»>libros</span>
N.º de producto: <span itemprop=»identifier» content=»mpn:025872″>025872</span>
<span itemprop=»review» itemscope itemtype=»http://data-vocabulary.org/Review-aggregate»>
<span itemprop=»rating»>4,5</span> estrellas sobre un total de <span itemprop=»count»>99</span> opiniones</span>
<span itemprop=»offerDetails» itemscope itemtype=»http://data-vocabulary.org/Offer»>
Precio normal: 4,99 EUR
<meta itemprop=»priceCurrency» content=»EUR» />
<span itemprop=»price»>2,99</span>
(El período de rebajas finaliza <time itemprop=»priceValidUntil» datetime=»2015-08-01″>el 1 de agosto.</time>)
<span itemprop=»availability» content=»in_stock»>Disponible</span>
</span>
</div>
En la primera línea del ejemplo, <itemscope itemtype=»http://data-vocabulary.org/Product»> indicamos que el contenido HTML incluido en el elemento <div> representa un producto. Para etiquetar las propiedades del producto, a todos los elementos se les asigna un atributo itemprop que indica una propiedad. En el ejemplo propuesto se describen las propiedades del producto: nombre, marca, categoría, descripción, disponibilidad y precio. Por ejemplo, para el nombre de producto sería: <span itemprop=»name»>. Para categorizar correctamente un producto es importante usar la taxonomía soportada por Google.
Como se puede ver, en este ejemplo se incluye también el elemento «review» (itemprop=»review» itemscope itemtype=»http://data-vocabulary.org/Review-aggregate»), con las valoraciones de los usuarios y una oferta anidada (itemprop=»OfferDetails» itemscope itemtype=»http://data-vocabulary.org/Offer«), que describe información específica sobre una oferta temporal, incluyendo el precio de la oferta y la disponibilidad del producto.
Los principales CMS de comercio electrónico, como Magento y Prestashop cuenta con módulos y extensiones para facilitar el marcado con microdatos de productos.
