大数跨境

Shopify 商品结构化数据添加 Yotpo Product Reviews & UGC 实操

Shopify 商品结构化数据添加 Yotpo Product Reviews & UGC 实操 Shopify 主题开发
2024-10-05
204
导读:有段时间没更新了,原计划是更新在下面这篇文章中的,没想到不能修改了,就另起一篇文章吧。主要讲的还是 Yotpo 结构化数据的用法和它的一些其它功能。

Yotpo结构化数据及UGC功能应用指南

Shopify商品结构化数据添加与Review实操

本文主要介绍Yotpo结构化数据的使用方法,以及其部分相关功能,适用于Shopify电商平台优化搜索引擎富媒体片段显示。

对于结构化数据的添加,以下为Product ld+json的标准模板,直接复制到对应位置即可:

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Product",
    "name": {{ product.title | json }},
    "url": {{ request.origin | append: product.url | json }},
    {%- if media -%}
      "image": [
        {{ media | image_url: width: media.width | prepend: "https:" | json }}
      ],
    {%- endif -%}
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": {{ product.metafields.yotpo.reviews_average }},
      "reviewCount": {{ product.metafields.yotpo.reviews_count }}
    },
    "description": {{ product.description | strip_html | json }},
    {%- if current_variant.sku != blank -%}
      "sku": {{ current_variant.sku | json }},
    {%- endif -%}
    "brand": {
      "@type": "Brand",
      "name": {{ product.vendor | json }}
    }
  }
</script>

该段代码建议放置于产品名称下方的位置。以下则是用于页面中聚合评分展示的一段Liquid代码示例:

{% if product.metafields.yotpo.reviews_count and product.metafields.yotpo.reviews_count != "0" %}
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<span itemprop="itemReviewed">{{ product.title }}</span>
has a rating of <span itemprop="ratingValue">{{ product.metafields.yotpo.reviews_average }}</span> stars based on 
<span itemprop="ratingCount">{{ product.metafields.yotpo.reviews_count }}</span> reviews.
</div>
{% endif %}

设置完成后,可以通过Google的Rich Results Testing Tool测试你的结构化数据,并验证是否能正确展示aggregateRating信息。通常需要等待约24小时后,结构化数据才有可能在Google搜索结果中显示。

Google根据用户搜索词和多种其他因素决定是否在SERP(搜索引擎结果页面)展示富文本摘要。因此,即使结构化数据已正确实现,能否展示仍受Google算法影响,不在Yotpo的控制范围内。

Yotpo UGC互动模块配置要点

Yotpo支持多个用户生成内容(UGC)布局方案,包括图库展示、用户上传互动、画廊下单等功能。需要注意的是,要启用图库功能,必须至少有3张审核通过的照片。

自定义图库设计目的是将用户生成照片嵌入网站关键转化页面,如主页、结账页或特定图库页。

图库内容来自“Photos Curation”创建的相册,每个图库只能分配一个相册,并建议命名规范以与网站布局保持一致。如有需要,也可以复制并重新分配至新图库。

  1. 登录 Yotpo Visual UGC 后台
  2. 进入 “Gallery” 管理菜单
  3. 选择需要编辑的图库项目
  4. 在设置中调整关联相册

官方帮助文档地址:Yotpo Visual UGC 安装指南

【声明】内容源于网络
0
0
Shopify 主题开发
分享独立站的实操经验与教训,也许对您运营 Shopify 有启发。阿飞,专注专研 Shopify 跨境电商方法。
内容 71
粉丝 0
Shopify 主题开发 分享独立站的实操经验与教训,也许对您运营 Shopify 有启发。阿飞,专注专研 Shopify 跨境电商方法。
总阅读9.1k
粉丝0
内容71