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”创建的相册,每个图库只能分配一个相册,并建议命名规范以与网站布局保持一致。如有需要,也可以复制并重新分配至新图库。
- 登录 Yotpo Visual UGC 后台
- 进入 “Gallery” 管理菜单
- 选择需要编辑的图库项目
- 在设置中调整关联相册
官方帮助文档地址:Yotpo Visual UGC 安装指南。

