Google ayuda a los usuarios a encontrar tu sitio web mostrando una pequeña parte del contenido llamada «fragmento» (snippet). Los fragmentos enriquecidos (rich snippets) destacan los datos estructurados incrustados en las páginas web, proporcionando información adicional más allá de los resultados de búsqueda estándar. Las reseñas son un tipo de datos que se muestran como fragmentos enriquecidos.
A continuación, se muestra un ejemplo de cómo puede aparecer un resultado de búsqueda con una calificación de reseña como fragmento enriquecido:
Es muy beneficioso que las calificaciones por estrellas aparezcan junto a tu tienda online en los resultados de búsqueda de Google. Las reseñas por estrellas hacen que tu tienda sea más atractiva y te ayudan a destacar de la competencia en la página de resultados del motor de búsqueda (SERP). También crean prueba social, lo que genera confianza en tus productos en los clientes potenciales basándose en los comentarios de otros.
Además, se ha demostrado que las calificaciones por estrellas mejoran las tasas de clics (CTR), aumentan el tráfico orgánico a tu sitio y, en última instancia, impulsan más ventas.
⚠️ Importante
Growave ofrece una solución para agregar datos estructurados específicamente para reseñas y calificaciones. No gestionamos ni proporcionamos herramientas para editar datos estructurados de productos más amplios. Si necesitas un control total sobre el esquema JSON-LD de tu tienda, considera usar una aplicación de esquema de terceros dedicada junto con Growave.
Pasos para integrar el fragmento enriquecido en la página de producto
Existe un marcado estándar de Schema.org para las páginas de productos, que suele ser gestionado por el proveedor del tema de la tienda. A este marcado, los usuarios pueden agregar manualmente un fragmento de calificación del producto para que aparezca en los resultados de búsqueda.
Crear el archivo del fragmento (snippet)
Crea el archivo ssw-widget-avg-rate-rich.liquid en la sección de snippets del editor de código de Shopify con el siguiente contenido:
{% comment %} /**************************************************
* DO NOT MODIFY THIS FILE!!! * * IT WILL BE OVERWRITTEN BY UPDATES FROM GROWAVE! *
**************************************************/
{% endcomment %}
{% if product %}
{% assign ssw_review_enabled = 1 %}
{% if shop.metafields.ssw['review_enabled'] %}
{% assign ssw_review_enabled = shop.metafields.ssw['review_enabled'] | plus: 0 %}
{% endif %}
{% assign ssw_unite_reviews = 0 %}
{% if shop.metafields.ssw['unite_reviews'] %}
{% assign ssw_unite_reviews = shop.metafields.ssw['unite_reviews'] | plus: 0 %}
{% endif %}
{% if ssw_review_enabled == 1 %}
{% assign ssw_count_rate = 0 %}
{% assign ssw_avg_rate = 0 %}
{% assign ssw_rate_data_key = 'review' %}
{% if ssw_unite_reviews == 1 %}
{% if shop.metafields.ssw['unite_product_ids'] %}
{% assign ssw_unite_product_ids = shop.metafields.ssw['unite_product_ids'] | split: ',' %}
{% assign unite_product_id = product.id | downcase %}
{% if ssw_unite_product_ids contains unite_product_id %}
{% assign ssw_rate_data_key = 'unite_review' %}
{% endif %}
{% endif %}
{% endif %}
{% assign gwReviewRateData = product.metafields.ssw[ssw_rate_data_key] %}
{% if gwReviewRateData.type == 'json' %}
{% assign gwReviewRateData = product.metafields.ssw[ssw_rate_data_key].value %}
{% endif %}
{% if gwReviewRateData %}
{% assign ssw_count_rate = gwReviewRateData.count | plus: 0 %}
{% assign ssw_avg_rate = gwReviewRateData.avg | plus: 0 %}
{% assign ssw_product_id = product.id %}
{% if gwReviewRateData.product_id %}
{% assign ssw_product_id = gwReviewRateData.product_id | plus: 0 %}
{% endif %}
{% if ssw_product_id != product.id %}
{% assign ssw_count_rate = 0 %}
{% assign ssw_avg_rate = 0 %}
{% endif %}
{% endif %}
{% if ssw_count_rate != 0 %}
{% assign detailed_review_data = product.metafields.ssw['detailed_review_data'] %}
{% if detailed_review_data.type == 'json' %}
{% assign detailed_review_data = product.metafields.ssw['detailed_review_data'].value %}
{% endif %}
{% if rich_snippet_type == 'json' %}
,
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "{{ ssw_avg_rate }}",
"ratingCount": "{{ ssw_count_rate }}"
},
{% if detailed_review_data %}
"review": {{ detailed_review_data.json|json }}
{% else %}
"review": {
"@type": "Review",
"reviewRating": {
"@type": "Rating",
"ratingValue": "{{ ssw_avg_rate }}"
},
"author": {
"@type": "Person",
"name": "{{ shop.name }} customers"
}
}
{% endif %}
{% else %}
<div itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
<meta itemprop="ratingCount" content="{{ ssw_count_rate }}"/>
<meta itemprop="ratingValue" content="{{ ssw_avg_rate }}"/>
</div>
{% if detailed_review_data %}
{{ detailed_review_data.microdata }}
{% else %}
<div itemprop="review" itemscope itemtype="https://schema.org/Review">
<div itemprop="rating" itemscope itemtype="https://schema.org/Rating">
<meta itemprop="ratingValue" content="{{ ssw_avg_rate }}"/>
</div>
<div itemprop="author" itemscope itemtype="https://schema.org/Person">
<meta itemprop="name" content="{{ shop.name }} customers"/>
</div>
</div>
{% endif %}
{% endif %}
{% endif %}
{% endif %}
{% endif %}Localizar el esquema del producto
En la página del producto activa con reseñas publicadas, busca el script de esquema que contiene los metadatos del producto. Suele estar estructurado en una etiqueta <script> con el atributo type="application/ld+json" . Asegúrate de que el campo "@type" esté configurado como "Product" .
Ejemplo:
<script type="application/ld+json">
{ "@type": "Product" ... }
</script>
Buscar el archivo con el esquema
Por lo general, encontrarás el esquema dentro del archivo de plantilla de producto principal, a menudo llamado product-template.liquid o main-product.liquid.
Integrar el fragmento enriquecido
Si el script del esquema utiliza el tipo
json, inserta el siguiente fragmento directamente después del campo"offers":
{% capture ssw_rich_snippet %}{% render 'ssw-widget-avg-rate-rich', rich_snippet_type: 'json' %}{% endcapture %}{% unless ssw_rich_snippet contains 'Liquid error' %}{{ ssw_rich_snippet }}{% endunless %}⚠️ Importante
Asegúrate de que no haya una coma antes del fragmento.
Si el esquema está dentro de un elemento
<div>conitemtype="http://schema.org/Product", utiliza la siguiente variante:
{% capture ssw_rich_snippet %}{% render 'ssw-widget-avg-rate-rich %}{% endcapture %}{% unless ssw_rich_snippet contains 'Liquid error' %}{{ ssw_rich_snippet }}{% endunless %}Verificar el éxito de la integración
Una vez agregado, tu esquema ahora debería incluir los campos aggregateRating y review, lo que indica una integración exitosa.
Opción manual alternativa
Los usuarios de Growave pueden agregar manualmente un fragmento con la calificación promedio del producto utilizando los valores de los metafields. Para utilizar este fragmento, sigue las instrucciones para agregar un marcado de calificación promedio en el sitio web de Schema.org.
Los fragmentos de Schema.org con valores de metafields de Growave deben insertarse en la página de producto predeterminada en tu panel de administración de Shopify.
Ejemplo de JSON-LD
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "{{ product.metafields.ssw['review'].value.avg }}",
"reviewCount": "{{ product.metafields.ssw['review'].value.count }}"
}Ejemplo de Microdatos
Para ofrecer una alternativa para agregar datos estructurados, los usuarios también pueden utilizar el formato de Microdatos con los atributos itemscope and itemprop en HTML. Este método consiste en incrustar datos estructurados directamente dentro del HTML de una página web, como se muestra en el siguiente ejemplo:
<div style="position:absolute;left:-9999px;" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="itemReviewed">{{product.title}}</span>
<div>Product rating:
<span itemprop="ratingValue">{{ product.metafields.ssw['review'].value.avg }}</span> out of
<span itemprop="bestRating">5</span> with
<span itemprop="ratingCount">{{ product.metafields.ssw['review'].value.count }}</span> ratings
<span itemprop="worstRating">1</span>
</div>
</div>
Integración con Schema Plus
También puedes activar la integración con el servicio pago de terceros Schema Plus para incrustar fragmentos enriquecidos de manera efectiva en tus páginas de productos. Todos los ajustes se deben aplicar directamente en la aplicación Schema Plus.
Google puede tardar varios días en rastrear tus reseñas, pero una vez completado, las calificaciones por estrellas aparecerán en los resultados de búsqueda de Google.
Cómo verificar fragmentos enriquecidos
Para comprobar si tu producto muestra fragmentos enriquecidos, puedes utilizar herramientas como la herramienta de prueba de datos estructurados de Google, que proporciona una vista previa de cómo aparece tu producto en los resultados de búsqueda. Aquí hay dos opciones para validar tus fragmentos enriquecidos:
Prueba de resultados enriquecidos
Ve a la herramienta Prueba de resultados enriquecidos e ingresa el enlace de tu producto.
La herramienta comprobará si tu página admite resultados enriquecidos, verificará si el widget está integrado correctamente y confirmará si el widget se muestra en los resultados de búsqueda.
📔 Nota
Este proceso puede llevar algún tiempo. Asegúrate de que el enlace de tu producto tenga al menos una reseña en la aplicación de Growave (no se requiere la integración del widget siempre que la función de reseñas esté activada).
Validador de marcado de Schema.org
Visita el Validador de marcado de Schema.org e inserta el enlace de tu producto.
Esto validará el esquema de tu producto y confirmará los mismos detalles que la herramienta de Prueba de resultados enriquecidos.
📔 Nota
Nuevamente, asegúrate de que el enlace de tu producto incluya al menos una reseña en la aplicación de Growave.
Si tienes alguna otra pregunta o necesitas ayuda, no dudes en ponerte en contacto con nuestro equipo de soporte en [email protected] o a través del ícono de chat en la esquina inferior derecha de la pantalla.