Temas del artículo
¿Qué es el marcado Schema.org/Offer?
El marcado Schema.org/Offer es un formato de schema que se coloca en la sección <head> del HTML, generalmente usando JSON-LD; el formato recomendado por Google para estructurar datos.
Un marcado de tipo Schema.org mejora significativamente la presentación de productos y ofertas cara a los motores de búsqueda. Pueden entender mejor la página procesando el marcado… tomando información estructurada (Nombre del producto, precio, moneda, disponibilidad, vendedor….) y mostrando éstos detalles en los resultados con formatos enriquecidos y rich snippets.
Así, cuando alguien busca sobre el producto puede ver inmediatamente información clave como el precio, si está disponible y quién lo vende… todo sin necesidad de hacer clic en el enlace.
El marcado sigue ésta estructura:
<div itemscope itemtype=”http://schema.org/Offer”>
<span itemprop=”name”>Zapatillas verdes</span>
<span itemprop=”priceCurrency” content=”EUR”>€</span>
<span itemprop=”price” content=”290.90″>290.90</span>
<link itemprop=”availability” href=”http://schema.org/InStock”>En stock</link>
<span itemprop=”seller” itemscope itemtype=”http://schema.org/Organization”>
<span itemprop=”name”>Mi Tienda</span>
</span>
</div>
Y para entenderlo en detalle…
<div itemscope itemtype=”http://schema.org/Offer”>
Con un div que marca el inicio de una oferta, itemscope que le dice a los motores de búsqueda que lo que está dentro de este contenedor es una oferta de un producto y itemtype=”http://schema.org/Offer” que indica el tipo de entidad como “Oferta” por lo que incluirá detalles sobre el producto
<span itemprop=”name”>Zapatillas verdes</span>
itemprop=”name” que indica el nombre de la oferta o producto. En este caso, el nombre del producto es “Zapatillas verdes”. De esta forma, los motores de búsqueda identifican el nombre exacto del producto
<span itemprop=”priceCurrency” content=”EUR”>€</span>
itemprop=”priceCurrency” especifica la moneda en del precio del producto y un atributo content=”EUR” que define el código de moneda
<span itemprop=”price” content=”290.90″>290.90</span>
itemprop=”price” indicando el precio del producto. El valor 290.90 es el precio de las “Zapatillas verdes” y el atributo content=”290.90″ lo estructura de manera que los motores de búsqueda lo reconozcan con fiabilidad.
<link itemprop=”availability” href=”http://schema.org/InStock”>En stock</link>
itemprop=”availability” que indica la disponibilidad del producto. En este caso, la propiedad apunta a http://schema.org/InStock (El producto está disponible en stock).
<span itemprop=”seller” itemscope itemtype=”http://schema.org/Organization”>
itemprop=”seller” especificando quién es el vendedor del producto. Itemscope y itemtype=”http://schema.org/Organization” indica que la entidad “vendedor” es de tipo Organización.
<span itemprop=”name”>Mi Tienda</span>
itemprop=”name” especifica el nombre de la organización que vende el producto, en este caso; “Mi Tienda”.
¿Por qué resulta útil Schema.org/Offer en tu ecommerce?
Schema.org/Offer ofrece a los motores de búsqueda (Google, Bing, Yahoo…) información más concreta de tus productos, sobretodo; ofertas, precios, disponibilidades de producto… para clasificar mejor los productos de tu tienda online.
Cuando utilizas el marcado Schema.org/Offer en tus productos destacarás información clave como el precio, la disponibilidad, las valoraciones y otras informaciones… Es decir, es un recurso para generar un impacto directo de tu producto en los resultados de búsqueda.
Cuando implementamos Schema.org/Offer ayudamos a que destaquen las ofertas y productos que vendemos. Potenciamos la visibilidad a detalles adicionales como:
- Precio del producto o servicio
- Moneda utilizada para el precio
- Disponibilidad (por ejemplo, “en stock”, “agotado”)
- Descuentos o promociones aplicables
- Condiciones de envío
- Reseñas y calificaciones
De esta forma y con este marcado, los motores de búsqueda pueden entender mejor el contenido y mostrarlo de forma más descriptiva en los resultados.
6 Ventajas clave de utilizar Schema.org/Offer:
1- Mejora tu posicionamiento en buscadores; Si Google comprende con mayor precisión lo que ofreces, es más probable que te muestre en posiciones superiores cuando los usuarios busquen productos relacionados.
2- Aumenta la tasa de clics con Rich Snippets; Cuando utilizas Schema.org/Offer, los buscadores pueden mostrar rich snippets o fragmentos enriquecidos con información adicional como el precio, las valoraciones o la disponibilidad para que tu enlace sea más atractivo visualmente y destaque.
3- Mayor visibilidad: Los productos con Schema.org en ofertas destacarán más en los resultados, especialmente si están acompañados de reseñas y calificaciones.
4- Incrementa las conversiones: La información clara y precisa en las ofertas como descuentos, precios o disponibilidad mejora la confianza del usuario.
5- Mayor compatibilidad con asistentes virtuales. Los datos estructurados también son utilizados por asistentes virtuales como Google Assistant o Alexa. Y eso amplía oportunidades de que tus productos destaquen en diferentes plataformas y dispositivos.
6- Aumento de la confianza: Los usuarios pueden ver detalles importantes de los productos y servicios antes de hacer clic… por lo que si acceden a tu ficha de producto lo harán con mayor confianza.
¿Cómo implementar Schema.org/Offer?
¡Vamos con los pasos para implementarlo…y algunos consejos clave para aprovecharlo al máximo!
Google recomienda utilizar JSON-LD para implementarlo. Es un formato que se puede integrar fácilmente en la sección <head> de tus páginas HTML sin tener que modificar contenido visible.
Éste sería un ejemplo de marcado Schema.org/Offer a una ficha producto:
json
<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “Offer”,
“url”: “https://ejemplo.com/producto”,
“priceCurrency”: “EUR”,
“price”: “99.99”,
“itemOffered”: {
“@type”: “Product”,
“name”: “Producto Ejemplo”,
“description”: “Descripción del producto.”,
“image”: “https://ejemplo.com/imagen.jpg”
},
“availability”: “https://schema.org/InStock”,
“validFrom”: “2024-10-20T12:00:00Z”
}
</script>
Este código incluye detalles como el precio, la moneda, la URL del producto y la disponibilidad. Además, puedes añadir otros campos útiles como la fecha de inicio o fin de la oferta…
Antes de lanzar cualquier cambio, asegúrate de que el marcado esté correctamente implementado. Utiliza herramientas como el Rich Results Test de Google o el validador de Schema.org para verificar que todo esté funcionando como debe.
Uno de los errores más comunes al utilizar Schema.org/Offer es dejar la información desactualizada. Asegúrate de que detalles como precios, disponibilidad y fechas de oferta se actualicen regularmente.
No te limites a los campos básicos de precio y disponibilidad. Schema.org/Offer toca más atributos que puedes utilizar como validFrom (fecha de inicio de la oferta), validThrough (fecha de finalización), o detalles sobre las condiciones de la oferta… Cuanta más información estructurada des, mejor será la comprensión por parte de los motores de búsqueda.
Incluso, para maximizar el impacto, puedes combinar el esquema Offer con otros tipos de marcado como Product y AggregateRating para mostrar más detalles sobre tus productos como descripciones y valoraciones de clientes…
En conclusion…
Utilizar Schema.org/Offer es una estrategia muy útil para destacar productos y ofertas en ecommerces.
No solo mejora tu SEO, sino que también aumenta el atractivo visual de tus resultados en los motores de búsqueda con rich snippets y la posibilidad de más clics y mejores tasas de conversión.
Actualiza siempre la información y tendrás una estrategia eficaz para distinguir tus productos y marcar diferencia con la competencia.
¡Cada pequeño detalle cuenta en la captación de audiencia!