Los motores de búsqueda utilizan rastreadores web para comprender el contenido de los sitios e indexar páginas nuevas y actualizadas. Como resultado, pueden categorizar las páginas y dirigir a las personas a las más adecuadas según corresponda.
Pero a veces, los motores de búsqueda necesitan un poco de ayuda. Con tantos productos, precios y contenido nuevo que rastrear, los sitios web de comercio electrónico representan un desafío para los motores de búsqueda.
Los datos estructurados (schema) pueden ayudar a un motor de búsqueda a obtener una imagen más clara de la estructura y relevancia de tu sitio de ecommerce, algo esencial para una indexación adecuada y la visibilidad en los resultados de búsqueda. Aprende más sobre el marcado schema de ecommerce y su impacto en el tráfico orgánico.
¿Qué son los datos estructurados (schema)?
Los datos estructurados (schema) son código legible por máquinas que marca los elementos significativos en una página web. Estos fragmentos empaquetados de información contextual, conocidos como marcado schema o schema markup, le dicen a los motores de búsqueda qué significa el contenido para que puedan analizar y clasificar las páginas web con precisión.
Puedes agregar marcado de datos estructurados a los datos de productos compartidos con Google Merchant Center, lo que ayuda a Google a mostrar información precisa sobre tus productos en Google Search, Google Shopping, Google Images y Google Maps.
Los datos estructurados pueden mejorar tu tasa de clics (CTR), lo que puede contribuir a situar tu página web en mejores posiciones en los resultados de búsqueda de Google.
Cómo se muestra el marcado schema
Puedes encontrar marcado schema dentro de las páginas de un sitio web con una etiqueta HTML <script> estándar envuelta alrededor.
Dentro de la etiqueta script está el ID de tipo de aplicación del script (el tipo de formato que usas para estructurar datos). Los sitios web habitualmente usan el formato JSON-LD (JavaScript Object Notation for Linked Data). Para especificar que un bloque de datos está usando JSON-LD, el código debe leer: type application/ld+json.
Aquí tienes un fragmento de código simple que describe información valiosa sobre un producto. Cada atributo (nombre, descripción, imagen, marca, etc.) aparece junto a su valor en una nueva línea:
{
"@context": "http://schema.org",
"@type": "Product",
"name": "Máquina de Escribir Manual Olympian",
"description": "Una máquina de escribir manual retro con chasis metálico vintage y acción de escritura suave.",
"image": "https://example.com/typewriter.jpg",
"brand": {
"@type": "Olympian",
"name": "OL 500"
},
"offers": {
"@type": "Offer",
"priceCurrency": "EUR",
"price": "99.99",
"availability": "https://schema.org/InStock"
}
}
Cuando Google escanea la página web del producto, aprende información vital sobre el artículo, como nombre, descripción, imagen, marca y precio.
También puedes agregar atributos a etiquetas HTML existentes llamados «microdatos». Esta es otra forma de señalar a los motores de búsqueda el significado y contexto de tu contenido, para que pueda mostrarse de maneras relevantes y útiles.
Fragmentos enriquecidos
Si buscas «máquinas de escribir» o cualquier producto en Google, verás fragmentos enriquecidos en acción. Con los datos estructurados, Google construye fragmentos enriquecidos: resultados de búsqueda con detalles adicionales como precios, calificaciones e información de envío.
Los resultados enriquecidos (cualquier cosa más allá de los enlaces azules en Google) son útiles para productos de ecommerce porque permiten a las personas que compran online comparar una gama de artículos de un vistazo. Si algo sobre el fragmento enriquecido de tu producto llama su atención (como reseñas positivas), el comprador podría decidir interactuar con tu marca.
Cómo los datos estructurados construyen autoridad en Google
Schema puede ayudar a Google a ver tu experiencia, expertise, autoridad y fiabilidad, o E-E-A-T por sus siglas en inglés, un criterio que Google usa para evaluar un sitio web. Los datos estructurados hacen posible que Google lea e interprete claramente un sitio web al hacer conexiones que el motor de búsqueda podría haber pasado por alto. Todo este contexto significa que Google puede evaluar tu sitio web con precisión.
«Implementar el marcado schema sirve como información direccional positiva para E-E-A-T, mejorando aún más la credibilidad de tu sitio a los ojos de usuarios y motores de búsqueda», dice Arthur Camberlein, especialista senior de SEO en Shopify.
Pero es importante saber cuándo y dónde usar schemas en ecommerce para construir autoridad.
«Al considerar esquemas para ecommerce, es esencial recordar que los marcados de schema son solo indicadores: contexto adicional para que los bots entiendan mejor tu contenido», dice Arthur. «Por ejemplo, las páginas de productos incluirán información como calificaciones, precio y disponibilidad, mientras que las publicaciones de blog típicamente presentarán información del autor y esquemas de FAQ».
Al implementar schemas en ecommerce, Arthur recomienda hacerlo paso a paso, schema por schema. De esta manera puedes monitorear claramente el impacto y reducir el riesgo de degradar la experiencia del usuario o el crecimiento del sitio web.
¿Cómo crear schemas?
Construir schemas puede ser un proceso complicado (Google Search Central ofrece más información), pero aquí están los pasos básicos:
- Insertar schemas. La ubicación variará dependiendo del formato web que uses, pero los schemas normalmente aparecen en la sección <head> de una página HTML. JSON-LD está dentro de una etiqueta <script> en la sección <head>. También puedes agregar microdatos al HTML para identificar y agregar contexto adicional al contenido dentro de tu sitio web.
- Probar. La Prueba de resultados enriquecidos de Google o la Prueba de resultados enriquecidos de Schema.org te ayudarán a detectar cualquier error en el código.
- Hacer una prueba piloto con algunas páginas implementadas. Usa la herramienta de inspección de URL de Google para ver cómo el motor de búsqueda ve la página. Si se ve bien, procede al siguiente paso.
- Pedir a Google que vuelva a rastrear las URLs del sitio web. Si has agregado datos estructurados a solo unas pocas páginas, indexa tu sitio seleccionando la opción «Solicitar indexación» en la herramienta de inspección de URL. Si tienes varias páginas en tu sitio que necesitan ser rastreadas nuevamente, vuelve a enviar tu sitemap. Google rastrea sitios automáticamente de forma periódica, pero enviar tu mapa del sitio a Google Search Console puede acelerar el proceso.
Tipos de schema de ecommerce para tu sitio web
Hay muchos tipos de schema disponibles para sitios web de ecommerce. Aquí están algunos de los más esenciales que ofrecen páginas de resultados de búsqueda mejoradas:
Organización
Para aumentar la visibilidad del negocio detrás de tus productos, usa schema de organización para alimentar información de la empresa a los motores de búsqueda. Puedes crear un marcado con el nombre de tu negocio, dirección, logo, áreas servidas y más.
Solo usa marcado de organización en una sola página del sitio web, típicamente tu página de inicio. Usa este código de muestra para guiarte:
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Nombre de Tu Empresa",
"url": "https://www.tusitio.com",
"logo": "https://www.tusitio.com/logo.png",
"sameAs": [
"https://www.facebook.com/tupagina",
"https://twitter.com/tuusuario"
],
"address": {
"@type": "PostalAddress",
"streetAddress": "Calle Principal 123",
"city": "Madrid",
"state": "Madrid",
"postalCode": "28001",
"country": "España"
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+34912345678",
"contactType": "servicio al cliente"
}
}
Negocio local
Usa el schema de negocio local si tienes una o más ubicaciones físicas además de tu tienda de ecommerce. El mejor lugar para colocar el marcado es en la página de destino particular para cada tienda. Puedes describir el nombre del negocio, dirección, número de teléfono, horarios de apertura, logo, rango de precios y URL. Por ejemplo:
{
"@context": "http://schema.org",
"@type": "LocalBusiness",
"name": "Nombre de Tu Negocio",
"address": {
"@type": "PostalAddress",
"streetAddress": "Calle Principal 123",
"addressLocality": "Barcelona",
"addressRegion": "Cataluña",
"postalCode": "08001",
"addressCountry": "ES"
},
"telephone": "+34934567890",
"openingHours": "Lu-Vi 09:00-17:00",
"image": "https://example.com/logo-negocio.png",
"priceRange": "€",
"url": "https://www.tusitio.com"
}
Producto
El marcado de schema de producto es imprescindible para negocios de ecommerce que venden productos físicos. Al marcar las páginas de productos, el bot de búsqueda reconocerá tus listados como productos y los mostrará adecuadamente en las páginas de resultados de búsqueda de Google.
El schema de producto está integrado en muchos temas de tiendas Shopify, incluyendo el tema insignia gratuito, Dawn. Sin embargo, también puedes agregar datos estructurados adicionales manualmente a un sitio web de Shopify con un filtro liquid de datos estructurados, o usar aplicaciones de marcado de schema para automatizar el proceso.
En tu sitio web, puedes agregar el nombre, descripción, color, dimensiones, categoría de producto, ID del producto, imágenes, disponibilidad, ofertas especiales, marca, múltiples reseñas y calificaciones, tarifas de envío, unidad de mantenimiento de stock (SKU), tiempos de entrega y más.
Aunque no hay un schema específico para páginas de categorías, hay una solución alternativa: Usa el tipo ItemList y haz que cada categoría sea un ListItem. Anida productos dentro de cada uno, con nombres de productos, precios, imágenes y enlaces. Por ejemplo:
{
"@context": "http://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@type": "Product",
"name": "Producto A",
"image": "https://example.com/producto-a.jpg",
"price": "99.99",
"url": "https://example.com/producto-a"
}
},
// ... otros productos
]
}
Precio
El schema de especificación de precio te permite agregar el precio del producto, precio de oferta, descuento, caída de precio, precio unitario del artículo y moneda. La representación precisa de precios de productos e historial de precios aumenta las posibilidades de que tus productos aparezcan como caídas de precio en resultados enriquecidos en Google Search. El esquema de precio está dentro del esquema de producto. Por ejemplo:
{
"@context": "http://schema.org",
"@type": "Product",
// ... otros detalles del producto ...
"offers": {
"@type": "Offer",
"priceCurrency": "EUR",
"price": 99.99,
"priceValidUntil": "2024-12-31",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition",
"priceSpecification": {
"@type": "PriceSpecification",
"value": 99.99,
"currency": "EUR",
"priceComponent": {
"@type": "PriceComponent",
"name": "Precio Base",
"price": 89.99
},
"priceComponent": {
"@type": "PriceComponent",
"name": "Envío",
"price": 10.00
}
}
}
}
Breadcrumb
El esquema de breadcrumb (miga de pan) ayuda a los motores de búsqueda a entender la estructura jerárquica de los sitios de ecommerce. Si quieres que los motores de búsqueda sigan el rastro de migas de pan, agrega un ListItem para representar cada paso y una propiedad de posición (dónde cae en la lista) para señalar el orden apropiado. Usa URLs absolutas (URLs completas) para la propiedad del artículo, y comienza con el primer artículo en tu lista. Por ejemplo:
<html>
<head>
<title> Ganadores</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Libros",
"item": "https://example.com/libros"
},{
"@type": "ListItem",
"position": 2,
"name": "Juvenil",
"item": "https://example.com/libros/juvenil"
},{
"@type": "ListItem",
"position": 3,
"name": "Ganadores"
}]
}
</script>
</head>
<body>
</body>
</html>
Disponibilidad
Usando el schema de disponibilidad, puedes mostrar a clientes potenciales si los productos están en stock directamente en un fragmento enriquecido en la página de resultados del motor de búsqueda (SERP).
También puedes mostrar información de reserva o si un producto está «próximamente disponible», en preventa o agotado. El esquema de disponibilidad puede agregarse dentro del esquema de producto.
Otros tipos de marcado schema de ecommerce a considerar
Puedes agregar schemas de ecommerce para muchos otros tipos de contenido que pueden generar resultados enriquecidos, incluyendo:
- Schema de video. Puedes marcar retransmisiones en vivo y videos de productos. Los marcados para descripción de video, URL de miniatura, fecha, duración y más pueden aumentar la visibilidad en búsqueda de video, Google Images y Google Discover.
- Schema de reseñas. El schema de reseñas agrega marcado estructural a las reseñas de usuarios. Incluye información sobre el reseñador, la calificación y el contenido de la reseña.
- Schema de artículo. Esto marca detalles de publicaciones de blog y artículos informativos, como el titular, autor, fecha de publicación, FAQs y cuerpo del artículo.
- Schema de noticias. El schema de noticias proporciona contexto para artículos relacionados específicamente con noticias, incluyendo el titular, autor, fecha de publicación y cuerpo del artículo.
Preguntas frecuentes sobre schema de ecommerce
¿Cómo puede un schema de ecommerce afectar a la visibilidad de mi tienda online?
El schema de ecommerce mejora la visibilidad de tu tienda online al permitir que los motores de búsqueda entiendan la información del producto de manera más efectiva. Implementar marcado de schema puede llevar a mostrar fragmentos enriquecidos en los resultados de búsqueda, destacando datos clave como precios y reseñas. Esta visibilidad mejorada a menudo da como resultado tasas de clics más altas, finalmente generando más tráfico y ventas potenciales a tu sitio de ecommerce.
¿Qué es el schema en ecommerce?
El schema es la descripción del contenido de una página web en forma de vocabulario de datos estructurados. En ecommerce, cada tipo de schema ayuda a Google a entender información significativa como productos, precios, disponibilidad y reseñas.
¿Shopify usa schemas?
El schema de producto está integrado en muchos temas de tiendas Shopify, incluyendo el tema insignia gratuito, Dawn. Sin embargo, también puedes agregar datos schemas adicionales manualmente a un sitio web de Shopify con un filtro liquid de datos estructurados, o usar aplicaciones de marcado de schema para automatizar el proceso.
¿Cuál sería un ejemplo de schema?
Un schema de ecommerce básico es el de producto, que incluye código de marcado de producto para capturar información como el nombre, precio, imagen y disponibilidad. Cada atributo consiste en un nombre y un valor, como "price" : €79.





