Marcado schema de producto para Shopify: guía de implementación paso a paso

El marcado schema de producto ayuda a Google a entender tus páginas de producto y habilita resultados enriquecidos como precios, disponibilidad y calificaciones de reseñas directamente en la búsqueda. Aunque Shopify incluye datos estructurados básicos, suelen estar incompletos. Se necesita una implementación manual para ofrecer las señales específicas que Google usa en los listados de productos mejorados.

El schema predeterminado de Shopify es un punto de partida, no una solución

Existe un mito persistente de que Shopify "se encarga solo" de todo el SEO técnico. En cuanto a los datos estructurados, esto es cierto solo en parte. Los temas de Shopify sí generan algo de schema `Product` automático. Pero es lo mínimo indispensable, y lo mínimo indispensable no basta para competir.

El fallo es predecible: el dueño de una tienda confía en la configuración predeterminada y se pregunta por qué sus productos no muestran estrellas de reseñas en los resultados de búsqueda, o por qué Google Search Console está lleno de advertencias de "Falta un campo" para `sku`, `review` o `aggregateRating`. La configuración predeterminada de Shopify te da presencia; el schema personalizado te da precisión.

Según nuestra experiencia, la implementación predeterminada omite de forma constante propiedades clave que Google recomienda explícitamente para los resultados enriquecidos de productos, entre ellas:

• SKUs e identificadores globales: `sku`, `gtin8`, `gtin13`, `gtin14` y `mpn` rara vez se completan automáticamente, aunque son fundamentales para evitar ambigüedades.
• Reseñas y calificaciones: a menos que uses la app "Product Reviews" de Shopify (muy limitada), las propiedades `aggregateRating` y `review` casi siempre faltan.
• Información detallada de la oferta: los datos de disponibilidad completos como `InStock`, `OutOfStock` y `PreOrder` suelen estar ausentes.
• Información de la marca: la propiedad `brand` es crucial, pero se omite con frecuencia.

Dejar estos campos vacíos es como entregarle a Google un catálogo de productos al que le arrancaron la mitad de las páginas. El motor de búsqueda puede adivinar, pero prefiere la certeza. Tu objetivo es darle esa certeza.

Elige tu método: una app o código manual

Tienes dos caminos para resolverlo: instalar una app de terceros o editar directamente el código de tu tema. Cada uno tiene una compensación clara y honesta.

Apps de schema: el camino cómodo pero costoso

Las apps son la vía fácil. Haces clic en instalar, sigues un asistente de configuración y la app inserta el código JSON-LD necesario en tus páginas de producto. Es rápido y no requiere conocimientos técnicos.

El error que debes evitar: suponer que "fácil" significa "mejor". La mayoría de las apps de schema insertan otro archivo JavaScript, lo que aumenta el tiempo de carga de tu página. Pueden generar conflictos de código con otras apps, y pierdes el control preciso del resultado. Pagas una suscripción mensual por una tarea que, una vez configurada correctamente, no debería requerir intervención constante. La comodidad es visible; el lastre en el rendimiento y la falta de control son invisibles hasta que se convierten en un problema.

Código manual: el camino preciso pero técnico

Editar los archivos Liquid de tu tema te da control total. Puedes construir un script JSON-LD perfecto y ligero que use exactamente los datos de producto que quieres mostrar. No agrega ninguna carga al rendimiento ni tiene costo recurrente.

Siendo honestos, esto requiere cuidado. Una coma o un corchete fuera de lugar en un archivo Liquid puede romper toda la plantilla de tu página de producto. Pero para cualquiera dispuesto a seguir las instrucciones con atención, es la solución superior y más duradera.

Paso a paso: cómo agregar un schema de producto personalizado a tu tema de Shopify

Este proceso consiste en crear un fragmento de código personalizado e incluirlo en tu tema. Así aíslas tus cambios y es fácil gestionarlos.

Paso 1: audita tu schema actual

Primero, revisa con qué estás trabajando. Toma una de las URL de tus productos publicados y pégala en la herramienta Prueba de resultados enriquecidos de Google. Mira el elemento `Product` detectado. Presta mucha atención a las advertencias y a los campos faltantes. Este es tu punto de partida.

Paso 2: crea un nuevo snippet de Liquid

Aquí es donde construimos el script de datos estructurados.

1. Desde tu panel de administración de Shopify, ve a Online Store > Themes.
2. En tu tema actual, haz clic en el ícono de tres puntos y selecciona Edit code.
3. En el editor de código, busca el directorio Snippets y haz clic en Add a new snippet.
4. Nombra el snippet custom-product-schema y haz clic en Listo.
5. Pega el siguiente código en tu nuevo archivo `custom-product-schema.liquid`.

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": {{ product.title | json }},
  "url": {{ shop.url | append: product.url | json }},
  {%- if product.featured_image -%}
    "image": [
      {{ product.featured_image | image_url: width: 1200 | prepend: "https:" | json }}
    ],
  {%- endif -%}
  "description": {{ product.description | strip_html | strip_newlines | json }},
  {%- if product.selected_or_first_available_variant.sku != blank -%}
    "sku": {{ product.selected_or_first_available_variant.sku | json }},
  {%- endif -%}
  {%- if product.vendor != blank -%}
  "brand": {
    "@type": "Brand",
    "name": {{ product.vendor | json }}
  },
  {%- endif -%}
  {%- if product.metafields.reviews.rating.value -%}
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "{{ product.metafields.reviews.rating.value }}",
    "reviewCount": "{{ product.metafields.reviews.rating_count.value }}"
  },
  {%- endif -%}
  "offers": {
    "@type": "Offer",
    "url": {{ shop.url | append: product.url | json }},
    "priceCurrency": {{ cart.currency.iso_code | json }},
    "price": {{ product.price | divided_by: 100.00 | json }},
    "priceValidUntil": "{{ 'now' | date: '%Y' | plus: 1 }}-12-31",
    "itemCondition": "https://schema.org/NewCondition",
    "availability": "https://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}"
  }
}
</script>

Una nota sobre las reseñas: el código anterior asume que usas los metafields nativos de Shopify para guardar los datos de las reseñas. Si usas una app como Judge.me o Yotpo, tendrás que encontrar sus variables de Liquid específicas para obtener `ratingValue` y `reviewCount`, o asegurarte de que la app ya genere un schema de reseñas correcto. Combinar schema de varias fuentes suele causar conflictos.

Paso 3: incluye el snippet en tu tema

Ahora, indícale a tu tema que cargue este snippet en las páginas de producto.

1. En el editor de código, abre tu archivo theme.liquid, ubicado en el directorio Layout.
2. Desplázate hasta el final del archivo, justo antes de la etiqueta de cierre </body>.
3. Pega la siguiente línea de código:

{%- if product -%}
  {%- render 'custom-product-schema' -%}
{%- endif -%}

Este código comprueba si la página actual es una página de producto (`if product`) y, si lo es, renderiza tu nuevo snippet de schema. Así te aseguras de que el script solo se cargue donde hace falta.

Paso 4: valida tu implementación

Guarda los cambios en theme.liquid. Vuelve a la herramienta Prueba de resultados enriquecidos. Ejecuta de nuevo la prueba con la misma URL de producto. Tu nuevo schema, más completo, debería aparecer con menos advertencias (o ninguna). El objetivo es un mensaje verde de "Se detectó un elemento válido".

El siguiente paso concreto

Una vez que tu schema esté publicado y validado, el trabajo pasa de la implementación al monitoreo. Ve a Google Search Console y busca el informe Enhancements > Products. Google tardará un tiempo en volver a rastrear tu sitio, pero en las próximas semanas deberías ver que aumenta el número de elementos "válidos" y disminuyen los "elementos con advertencias". En este informe confirmas que los nuevos datos estructurados se están interpretando y usando correctamente.

Marcado schema de producto para Shopify: preguntas frecuentes paso a paso

¿Cuál es la diferencia entre JSON-LD y microdatos para el schema de Shopify?
JSON-LD es una notación basada en JavaScript que puede colocarse en un solo bloque en cualquier parte de la página, lo que facilita su gestión. Los microdatos implican agregar etiquetas directamente a tus elementos HTML, algo que puede ser frágil y difícil de mantener dentro de las plantillas Liquid de Shopify. Google prefiere JSON-LD, y es el estándar actual.

¿Agregar schema de producto garantiza resultados enriquecidos?
No. Un schema bien implementado te hace elegible para los resultados enriquecidos, pero no los garantiza. Los algoritmos de Google toman la decisión final según la consulta de búsqueda, el dispositivo, la ubicación y la autoridad general del sitio. Sin embargo, sin el schema correcto, tus posibilidades son prácticamente nulas.

Mi tema de Shopify ya tiene una app de reseñas. ¿Cómo afecta eso a mi schema?
La mayoría de las apps de reseñas importantes (como Judge.me, Yotpo o Loox) insertan su propio schema `Product` para mostrar las estrellas de reseñas. Esto puede crear schema duplicado en la página. En ese caso, debes modificar tu snippet personalizado para quitar la sección `aggregateRating` y dejar que la app se encargue de esa parte. Prueba tu página para asegurarte de que solo se declare un objeto `Product` y así evitar confundir a Google.