Configurar los datos estructurados para Merchant Center

En este artículo se detalla cómo implementar el marcado de datos estructurados en los datos de los productos. Antes de empezar, consulte el artículo Información sobre el marcado de datos estructurados para Merchant Center y compruebe que su sitio web cumple todos los requisitos necesarios. También puede leer la guía de introducción de Schema.org, donde encontrará las directrices generales sobre datos estructurados más allá de sus datos de producto de Merchant Center. Recomendamos utilizar Search Console para solucionar los problemas de los datos estructurados, así como para medir el tráfico de búsqueda y el rendimiento de su sitio web.

Primeros pasos

Para añadir un marcado de datos estructurados a su sitio web, debe poder acceder y editar el código HTML o la configuración de la plantilla del sistema de su tienda. El marcado es una anotación de una etiqueta HTML que permite a los rastreadores y a los robots de los buscadores detectar los datos de los productos en su sitio web. Además, ayuda a los sistemas a comprender los datos de forma fiable.

Para que el rastreador de Google pueda hacer corresponder los datos estructurados con los de los productos, debe cumplirse una de las siguientes condiciones:

  • Incluir solo una oferta en la página de destino.
  • Si hay más de una oferta en toda la página, cada una debe estar marcada con un SKU o un GTIN. Además, cada oferta de los datos de los productos de Shopping debe contener el mismo valor de SKU (atributo id) o GTIN (atributo gtin). Esto puede ser útil si se muestra más de una variante de un producto (por ejemplo, con tallas o colores distintos) en la misma página de destino.

Si no cumple al menos una de estas condiciones, los productos de su página de destino no coincidirán con los datos de sus productos.

Para obtener información más detallada sobre cómo definir los marcados de datos estructurados en su sitio web, visite la guía de introducción de schema.org. A continuación, puede acceder a la sección sobre versiones de información comprensibles para ordenadores de Schema.org para entender mejor cómo funcionan sus datos estructurados.

Añadir etiquetas de datos estructurados

Para añadir un marcado de datos estructurados a su sitio web, primero debe aumentar su código HTML actual o crear un marcado nuevo. Además, tendrá que determinar cuál se adapta mejor a sus necesidades: JSON-LD (recomendada) o los microdatos.

Añadir un nuevo marcado de datos estructurados (recomendado)

Le recomendamos que añada un marcado de datos estructurados de JSON-LD separado del marcado de HTML, sobre todo si los datos de sus productos contienen variantes. Los marcados añadidos son distintos del resto de códigos orientados al usuario, por lo que son más fáciles de mantener. Los marcados de datos estructurados diseñados específicamente para Google se pueden añadir sin tener que cambiar los elementos visuales del sitio web en cuestión. Asimismo, es importante que el código que generan sus datos estructurados esté sincronizado con los cambios que se realicen en los elementos orientados los usuarios del sitio web.

Si utiliza una plataforma de comercio electrónico en su sitio web, puede que tenga que modificar la plantilla o el código de la plataforma antes de añadir los datos estructurados. Además, para poder incluir aplicaciones de plantilla y de nivel de página, el sitio web debe ser compatible con JavaScript.

Ejemplo

JSON-LD

<script type="application/ld+json">
{   "@context": "http://schema.org/",   "@type": "Product",   "image": "http://example.com/test.jpg",     "name": "Example Test",   "description": "This is just a boring example",     "offers": {     "@type": "Offer",     "priceCurrency": "USD",     "price": "199.99"   } } </script>

Microdatos


<span itemscope itemtype="http://schema.org/Product" class="microdata">
  <meta itemprop="image" content="test.png">   <meta itemprop="name" content="Example Test">   <meta itemprop="description" content="This is just a boring example">   <span itemprop="offers" itemscope itemtype="http://schema.org/Offer">     <meta itemprop="price" content="119.99">     <meta itemprop="priceCurrency" content="USD">   </span> </span>

Los marcados de datos estructurados que haya añadido pueden aparecer en cualquier parte del código fuente HTML. Estos deben estar presentes en el HTML obtenido a través del servidor web y no se pueden generar después de que una página se haya cargado mediante JavaScript.

Aumentar el contenido actual con el marcado de datos estructurados

Si decide aumentar el código HTML de su sitio web, deberá contar con etiquetas HTML en los datos de producto. En algunos casos, puede que tenga que añadir etiquetas HTML nuevas.

Por lo general, el aumento de datos se puede realizar modificando la plantilla HTML, lo cual requiere muy pocos cambios en el código del backend. Cuando aumente sus datos, la información que ya está en su sitio web se vuelve a utilizar para el marcado de datos estructurados.

Ejemplo

En este ejemplo se han incluido datos de producto que se han aumentado mediante un marcado de datos estructurados (el contenido nuevo aparece resaltado).

<div class=”product-details” itemscope itemtype="http://schema.org/Product">
   <div class=”product-image”>
      <span class=”label”>Image:</span>
      <img itemprop="image" src=”test.png”>
   </div>
   <div class=”product-info”>
      <span class=”label”>Product Name:</span> 
      <span class=”info” itemprop="name">Example Test</span>
   </div>
   <div class=”product-info”>
      <span class=”label”>Description:</span> 
      <span class=”info” itemprop="description">This is just a boring example</span>
   </div>
   <div class=”product-info” itemprop="offers" itemscope    
                             itemtype="http://schema.org/Offer">
      <span class=”label”>Price:</span> 
      <meta itemprop="priceCurrency" content="USD"/>
      <span class=”price”>$<span itemprop="price">119.99</span></span>
   </div>
</div>

Productos y ofertas

Las páginas de destino deben contener un objeto Product que describa el producto en sí. También se debe incluir un objeto anidado Offer en el campo offers, que es donde se describe cómo se vende. 

Los decimales del precio se deben separar mediante un punto (en lugar de una coma). Si quiere mostrar los precios de la página de destino en distintas monedas, puede usar varios objetos del tipo Offer. Además, el objeto Offer debe ir acompañado del atributo priceCurrency para especificar el tipo de moneda.

Si en la página de destino se muestra el precio de una oferta y ese es el precio que el usuario pagaría en ese momento, asegúrese de indicarlo en los datos estructurados.

Importante: Algunos atributos de la especificación de datos de producto no son compatibles con schema.org. Tiene más información en la página de atributos de datos estructurados admitidos. En el caso de las actualizaciones automáticas de artículos, es obligatorio especificar price, priceCurrency y availability.

Probar los marcados

Pruebe su implementación de Schema.org con Search Console o con la Herramienta de prueba de datos estructurados. Si necesita más información para usar esta herramienta, depurar los problemas o interpretar los resultados, consulte el Centro de Ayuda de Google Search Console.

¿Te ha resultado útil esta información?
¿Cómo podemos mejorar esta página?

¿Necesitas más ayuda?

Inicia sesión si quieres ver otras opciones de asistencia para solucionar tu problema.