Fragmentos enriquecidos - Productos

Novedad schema.org permite marcar una gama mucho más amplia de tipos de elemento de tus páginas con un vocabulario que tanto Google como Microsoft o Yahoo! comprenden. Más información (Google sigue admitiendo el marcado de fragmentos enriquecidos existente en tus páginas)

Si eres comerciante, puedes ofrecer a Google información detallada sobre productos que podemos utilizar para mostrar fragmentos enriquecidos (por ejemplo, el precio, la disponibilidad y las calificacio de opiniones) en nuestras páginas de resultados de búsqueda.

Los fragmentos enriquecidos te ayudarán a:

  • atraer a posibles compradores mientras buscan productos que comprar en Google,
  • enviar tus listas de productos de forma gratuita,
  • controlar la información de tus productos. Esto te permitirá ofrecer información sobre tus productos siempre actualizada y exacta para que tus clientes puedan encontrar productos relevantes y actualizados al realizar búsquedas.

En este artículo se describe cómo utilizar el vocabulario del formato "Product" de Google para marcar la información de tu producto en una página de producto (una página que contiene un único producto) o en una página de oferta global (una página en la que se incluye un único producto junto con información de los diferentes vendedores que ofrecen dicho producto). Google también admite los formatos hProduct (microformatos) y GoodRelations.

Directrices de uso

El objetivo de un fragmento enriquecido de un producto es ofrecer a los usuarios información adicional sobre un producto específico como, por ejemplo, el precio, su disponibilidad (si el producto está en stock) y los comentarios y las puntuaciones de los revisores.

A continuación, se indican las directrices que se aplican a los fragmentos de productos:

  • Al utilizar el marcado de productos, el tema principal de la página debe tratar sobre un producto específico y no sobre una categoría o sobre una lista de productos. No se admite el marcado de productos en páginas de fichas o de categorías.
  • Es necesario que el producto se pueda comprar directamente en la página. No se admite el marcado de productos en páginas que exijan que el usuario visite el sitio de otro vendedor o un vendedor offline para completar la compra.
  • No se admiten productos relacionados con contenido para adultos.
  • Si el producto solo tiene un revisor, el nombre del mismo tiene que ser un nombre de persona válido (por ejemplo, "Carmen López") o de un equipo u organización (por ejemplo, "CNET Revisores"). Por ejemplo, "50% de descuento en la Noche de Reyes" no es un nombre válido.

Acerca de las ofertas de productos

Una oferta de producto está formada por información del producto (detalles del propio producto, como su nombre, su marca y su modelo) y por uno de los siguientes elementos:

  • oferta individual (información de precios y otros detalles de la oferta),
  • oferta global (detalles agregados sobre varias ofertas para el mismo producto, incluidos los precios más altos y más bajos disponibles).

Un producto puede incluir una oferta individual o una oferta global, y ambos tipos de ofertas pueden incluir uno o varios productos. Utiliza la estructura más adecuada para tu contenido. Las propiedades que aparecen en negrita son obligatorias.

Producto


Propiedad Descripción
name Nombre del producto
image La URL de la fotografía de un producto
description La descripción del producto
brand La marca del producto. Puede incluir información anidada sobre la organización. Google recomienda que se incluya la propiedad brand y, como mínimo, una propiedad identifier para cada producto.
category La categoría del producto, por ejemplo,Books-Fiction,ToolsoCars. Puedes incluir varias categorías. Aunque se acepta cualquier valor, Google reconoce las categorías descritas en este artículo.
review Una opinión global anidada del producto (por ejemplo, la puntuación media). Si existen varias opiniones sobre el producto, marca datos de opiniones globales (por ejemplo, la puntuación media de todos los usuarios) con un formato de opinión global en lugar de un formato de opiniones individuales.
identifier El identificador del producto. Google recomienda que se incluya la propiedad brand y, como mínimo, una propiedad identifier para cada producto.

Entre los tipos de categorías que se reconocen, se incluyen los siguientes:

  • asin
  • isbn
  • mpn
  • sku
  • upc
offerDetails Una oferta para vender el producto. Incluye una oferta o una oferta global anidada.

Ofer


Propiedad Descripción
price El precio del producto. Un número de punto flotante. Puedes usar un punto (".") o una coma (",") decimal como separador.
currency La moneda que se utiliza para describir el precio del producto en el formato ISO de tres letras
priceValidUntil La fecha (en formato de fecha ISO) después de la cual el precio dejará de estar disponible (puede que el fragmento del producto no se muestre si la propiedad "priceValidUntil" refleja una fecha en el pasado).
seller El vendedor del producto. Puede contener una persona o una organización.
condition Se puede indicar cualquier texto. Si se utiliza el atributo condition , el valor de content debe ser uno de los siguientes valores reconocidos:
  • new
  • used
  • refurbished

Por ejemplo:

<span itemprop="condition" content="new">¡Completamente nuevo!</span>
availability Se puede especificar cualquier texto, pero el valor del atributo content debe ser uno de los siguientes valores reconocidos:
  • out_of_stock
  • in_stock
  • instore_only
  • preorder
quantity El número de artículos disponibles para esta oferta
offerURL Una URL para la página web del producto (que incluye la oferta individual). (No utilices offerURL para el marcado que aparezca en la página del propio producto).
identifier El identificador del producto. Google recomienda que se incluya la propiedad brand y, como mínimo, una propiedad identifier para cada producto.

Entre los tipos de categorías que se reconocen, se incluyen los siguientes:

  • asin
  • isbn
  • mpn
  • upc
  • sku
itemOffered El elemento que se pone a la venta. Normalmente, incluye un producto anidado, pero también puede contener otros tipos de elemento o cualquier texto.

Oferta global


Propiedad Descripción
lowPrice El precio más elevado de todas las ofertas disponibles. Número de punto flotante.
highPrice El precio más elevado de todas las ofertas disponibles. Número de punto flotante.
currency La moneda que se utiliza para describir el precio del producto en el formato ISO de tres letras
offerCount El número de ofertas del producto
condition Se puede indicar cualquier texto, pero el atributo "content" debe especificar uno de los siguientes valores reconocidos:
  • new
  • used
  • refurbished

Por ejemplo:

<span itemprop="condition" content="new">¡Completamente nuevo!</span>
offerURL Una URL para la página web del producto (que incluye la oferta individual o global). (No utilices offerURL para el marcado que aparezca en la página del propio producto).
identifier El identificador del producto. Google recomienda que se incluya la propiedad brand y, como mínimo, una propiedad identifier para cada producto.

Entre los tipos de categorías que se reconocen, se incluyen los siguientes:

  • asin
  • isbn
  • mpn
  • upc
  • sku
itemOffered El elemento que se pone a la venta. Normalmente, incluye un producto anidado, pero también puede contener otros tipos de elemento o cualquier texto.

Ejemplos

En este artículo te proporcionamos ejemplos para los siguientes casos:

Páginas con un único producto

El código HTML que aparece a continuación describe un yunque de la marca ACME, que el vendedor online Executive Objects pone a la venta por un atractivo precio de 119,99 USD.

Yunque ejecutivo de ACME
<img src="yunque_ejecutivo.jpg"/>
Más elegante que el yunque clásico de ACME, el yunque ejecutivo es perfecto para los viajeros 
de negocios que necesitan algo que arrojar desde las alturas.
Categoría: yunques
N.º de producto: 925872
Calificación media: 4,4 sobre un total de 89 opiniones

Precio normal: 179,99 USD
Oferta: 119,99 USD (finalización: 5 de noviembre)
Disponible en: objetos ejecutivos
Estado: segunda mano, en excelente estado
Haga su pedido mientras aún está disponible.

A continuación, se indica el mismo contenido marcado con propiedades de producto y de oferta. El ejemplo está formado por un producto (el yunque ejecutivo de ACME) con una oferta anidada. Si lo prefieres, puedes crear una oferta con un producto anidado.

<div itemscope itemtype="http://data-vocabulary.org/Product">
  <span itemprop="brand">Yunque</span> <span itemprop="name">ejecutivo
    
    de ACME</span>
  
  <img itemprop="image" src="yunque_ejecutivo.jpg" />

  <span itemprop="description">Más elegante que el yunque clásico de ACME, el 
     
    modelo ejecutivo es perfecto para los viajeros de negocios
    
    que necesitan algo que arrojar desde las alturas.
  
  </span>
  Categoría: <span itemprop="category" content="Hardware > Tools > Anvils">yunques</span>
  
  N.º de producto: <span itemprop="identifier" content="mpn:925872">
    
    925872</span>
  
  <span itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
    
    <span itemprop="rating">4,4</span> estrellas sobre un total de <span itemprop="count">89
      
      </span> opiniones
  </span>

  <span itemprop="offerDetails" itemscope itemtype="http://data-vocabulary.org/Offer">
    Precio normal: 179,99 USD
    <meta itemprop="currency" content="USD" />
    <span itemprop="price">119,99</span>
    
    (El período de rebajas finaliza <time itemprop="priceValidUntil" datetime="2020-11-05">
      
      el 5 de noviembre.</time>)
    Disponible en: <span itemprop="seller">Executive Objects</span>
    
    Estado: <span itemprop="condition" content="used">segunda mano, 
       
      en excelentes condiciones</span>
    
    <span itemprop="availability" content="in_stock">¡Haz tu pedido mientras aún está disponible!</span>
  </span>
</div>

A continuación, se explica este ejemplo.

  • En la primera línea, <itemscope itemtype="http://data-vocabulary.org/Product"> indica que el contenido HTML incluido en el elemento <div> representa un producto. itemscope indica que el contenido de <div> describe un elemento y itemtype="http://data-vocabulary.org/Product" indica que el elemento es un producto.
  • En el ejemplo se describen las propiedades del producto como, por ejemplo, el nombre, la marca y el precio. Para etiquetar las propiedades del producto, a todos los elementos que contengan una de estas propiedades (por ejemplo, <div> o <span>) se les asigna un atributo itemprop que indica una propiedad. Por ejemplo: <span itemprop="brand">.
  • La muestra también incluye una revisión global anidada (itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate") y una oferta anidada (itemprop="offerDetails" itemscope itemtype="http://data-vocabulary.org/Offer"), que describe información específica, incluido el precio, la condición y la disponibilidad. Más información sobre los elementos anidados

Identificadores de productos

Especifica tanto el tipo (por ejemplo, SKU o MPN) como el valor en el atributo content separados por dos puntos, de la forma siguiente:

<span itemprop="identifier" content="mpn:12345-6789">
  El número de referencia del fabricante es 12345-6789</span>

Texto no visible

En términos generales, Google solo utiliza datos marcados que sean visibles para el usuario. Se ignorarán los datos ocultos. Sin embargo, en algunos casos puede ser recomendable proporcionar tanto una versión del contenido legible para máquina como otra inteligible para los usuarios. Por ejemplo, la cadena de texto "Fecha de nacimiento de Elvis" es importante para muchos lectores, pero no es tan significativa para los motores de búsqueda como 1935-01-08. Asimismo, los lectores son capaces de deducir el significado de algunos símbolos (por ejemplo, el símbolo "$"), pero puede ser útil indicar a los motores de búsqueda si un precio está en euros o en dólares estadounidenses, por ejemplo.

Google reconoce valores legibles para máquina específicos para las siguientes etiquetas de productos:

  • category
  • priceValidUntil
  • currency
  • price
  • identifier
  • condition

En el ejemplo siguiente se describe la condición de un elemento, que proporciona a Google el valor de lectura mecánica used y también muestra un equivalente de texto (segunda mano pero en excelentes condiciones) al lector.

<span itemprop="condition" content="used">segunda mano pero en excelentes condiciones</span>

Utiliza la etiqueta meta para especificar el contenido que no está visible de ninguna manera en la página. Por ejemplo, para indicar a Google que tu precio está en dólares estadounidenses, utiliza lo siguiente:

<meta itemprop="currency" content="USD" />

Para fechas y horas, especifica la fecha en el formato de fecha ISO en el elemento time , de la forma siguiente:

<time itemprop="priceValidUntil" datetime="2020-11-05">5 de noviembre de 2020</time>

(Es posible que el fragmento del producto no aparezca si la propiedad priceValidUntil indica una fecha pasada).

Página de agregador de compras (un único producto, varios vendedores y diferentes precios)

El siguiente código HTML describe el yunque ejecutivo de la marca ACME y proporciona información sobre ofertas de varios vendedores, incluidos los precios más bajos y más elevados disponibles.

Yunque ejecutivo de ACME
<img src="yunque_ejecutivo.jpg" />
Calificación media: 4,4 sobre un total de 89 opiniones
Disponible en 12 vendedores
Precios desde 119 USD a 199,99 USD

A continuación, se indica el mismo contenido marcado con las propiedades de producto y de oferta global.

<div itemscope itemtype="http://data-vocabulary.org/Product">
 <span itemprop="brand">Yunque</span> <span itemprop="name"> Ejecutivo de ACME</span>
 
 <img itemprop="image" src="yunque_ejecutivo.jpg" />

 <span itemprop="review" itemscope
    itemtype="http://data-vocabulary.org/Review-aggregate">
     
  Puntuación media: <span itemprop="rating">4,4</span>,,sobre un total de
  
  <span itemprop="count">89</span> opiniones
 
 </span>

 <span itemprop="offerDetails" itemscope itemtype="http://data-vocabulary.org/Offer-aggregate">
  
  from $<span itemprop="lowPrice">119,99</span> to 
   
  $<span itemprop="highPrice">199,99</span>
  
  <meta itemprop="currency" content="USD" />
 </span>
</div>

A continuación explicamos cómo funciona este ejemplo:

  • En la primera línea, <itemscope itemtype="http://data-vocabulary.org/Product"> indica que el contenido HTML incluido en el elemento <div> representa un producto. itemscope indica que el contenido de <div> describe un elemento y itemtype="http://data-vocabulary.org/Product" indica que el elemento es un producto.
  • En el ejemplo se describen las propiedades del producto como, por ejemplo, el nombre y la marca. Para etiquetar las propiedades del producto, a todos los elementos que contengan una de estas propiedades (por ejemplo, <div> o <span>) se les asigna un atributo itemprop que indica una propiedad. Por ejemplo: <span itemprop="brand">.
  • La muestra incluye una oferta global (itemprop="Offer-aggregate" itemscope itemtype="http://data-vocabulary.org/Offer-aggregate"), que especifica los precios altos y los precios bajos que ofrecen los vendedores. Más información sobre los elementos anidados
  • La muestra también incluye una revisión global agregada (itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate").

Texto no visible

En términos generales, Google solo utiliza datos marcados que sean visibles para el usuario. Se ignorarán los datos ocultos. Sin embargo, en algunos casos puede ser recomendable proporcionar tanto una versión del contenido legible para máquina como otra inteligible para los usuarios. Por ejemplo, la cadena de texto "Fecha de nacimiento de Elvis" es importante para muchos lectores, pero no es tan significativa para los motores de búsqueda como 1935-01-08. Asimismo, los lectores son capaces de deducir el significado de algunos símbolos (por ejemplo, el símbolo "$"), pero puede ser útil indicar a los motores de búsqueda si un precio está en euros o en dólares estadounidenses, por ejemplo.

Google reconoce valores legibles para máquina específicos para las siguientes etiquetas de productos:

  • category
  • priceValidUntil
  • currency
  • price
  • identifier
  • condition

En el ejemplo siguiente se describe la condición de un elemento, que proporciona a Google el valor de lectura mecánica usedy también muestra un equivalente de texto (segunda mano pero en excelentes condiciones) al lector.

<span itemprop="condition" content="used">segunda mano pero en excelentes condiciones</span>

Utiliza la etiquetameta para especificar el contenido que no está visible de ninguna manera en la página. Por ejemplo, para indicar a Google que tu precio está en dólares estadounidenses, utiliza lo siguiente:

<meta itemprop="currency" content="USD" />

Para fechas y horas, especifica la fecha en el formato de fecha ISO en el elemento time, de la forma siguiente:

<time itemprop="priceValidUntil" datetime="2020-11-05">5 de noviembre de 2020</time>

(Es posible que el fragmento del producto no aparezca si la propiedad priceValidUntil indica una fecha pasada).


  • Para comprobar que el marcado sea correcto y obtener una vista previa del aspecto que puede tener el contenido en los resultados de búsqueda, usa la herramienta de pruebas de datos estructurados.
  • Si no aparecen fragmentos enriquecidos de tu sitio, consulta esta página para ver los posibles motivos.