关于商品富媒体的SEO实操经验分享

大家好，我是跨境领域的从业者，这里主要和大家分享一些关于独立站、SEO的相关知识，希望我们能相互交流，共同成长。近期，我注意到在一些SEO群里，不少卖家在咨询Google Search Console上针对商品富媒体的报错问题。接下来，我将为大家详细讲解一下相关内容及实操经验。

2025年，随着互联网的发展，SEO优化变得越来越重要。在讲解决方案前，先了解一些基础知识。

一、基础知识

1. 什么是结构化数据？

结构化数据是一种标准化格式，用于提供有关页面的信息并对页面内容进行分类。例如，在商品页面上，可提供商品价格、币种、库存、评分、评论等信息。Google会在网络上寻找结构化数据，以理解页面内容，并将其在搜索结果页面（SERP）进行增强展示。比如，用户在谷歌上搜索"BBQ grill tools set"，使用Rich Structured Data后，SERP的展示效果会有所不同。

2. 结构化数据SEO优化价值

在网站内页面使用结构化数据，可使网站在SERP中有富媒体搜索结果。例如，在Meta Title、Meta Description下方额外展示评分及价格部分，会使网站在搜索结果中占更大面积，信息更全面，从而在众多搜索结果中脱颖而出，并且往往能带来更高的点击率。

3. 常用独立站（电商）的富媒体类型

Google官方文档中有很多类型的Rich Snippets，您都可以尝试添加，但有很多适用于特定类型的网站，如食谱或音乐等。这里简单分享一些在独立站（电子商务商店）中常用的类型：

产品：包含产品的价格、图像、库存情况等信息。

评论：展示每个产品的整体评论。

组织：展示公司的关键信息，如名称、标志、网址等。

FAQ：展示与主题相关的常见问题和回答。

面包屑：展示页面的面包屑。

4. 常用的数据类型

数据类型是结构化数据所描述的内容。对于电子商务，经常会使用到多种数据类型。您可以通过https://developers.google.com/search/docs/advanced/structured-data/product了解更多Google富媒体数据类型。

5. 结构化数据的格式

结构化数据有三种格式：微数据、JSON - LD、RDFa，这些是将结构化数据编码到页面中的不同方法。Microdata和JSON - LD是较受欢迎的两种，Shopify主题或应用程序使用的是JSON - LD。建议大家使用Google的建议，也选择JSON - LD。

二、商品富媒体数据添加实操

1. 添加富媒体数据流程

目前总结出了2种在HTML源码中透出JSON - LD的富媒体数据的方法：自动添加、手动自定义。在添加结构化数据之前，您的Shopify主题或应用程序可能已经添加了部分结构化数据（SHOPLIEN已经添加了，无需商家添加商品和评论的JSON - LD代码），所以建议先进行测试。您可以在GSC中查看，或者使用Google Rich Test测试商品页面。

2. 检测独立站现有商品富媒体数据

（1）Google Search Console检测

如果您的网站使用结构化数据，并已与Google Search Console连接，那么在GSC的侧边栏中能看到一个【增强 - Enhancements】菜单。如果您的GSC菜单中没有【增强】菜单，或者【增强】下方的子菜单很少，说明您的网站内目前没有对应的富媒体数据。接下来点击【商品 - Product】，进入商品富媒体的GSC检测结果页面。如果全部URL都是有效（valid），没有报错（Error）和警告⚠️（Warning）提示，会显示相应的结果。如果您插入了商品Schema代码，但商品URL的设置缺少一些数值，如ratingValue、review count、price等必填字段，就会出现在错误中；非必填的字段未填写时，会出现在警告中。报告内容解读，可参考Google官方文章https://support.google.com/webmasters/answer/7552505。

（2）Google Rich Results工具检测

您可以通过地址https://search.google.com/test/rich - results，在Google Rich Results工具中测试富媒体数据情况，通过可访问的网址或者代码测试，查看该网页所包含的结构化数据可生成哪些富媒体搜索结果。

3. Shopify添加商品富媒体指南

（1）手动添加结构化数据

如果Shopify主题没有Schema富媒体功能，或者没有安装相关富媒体数据的SEO插件，您可以进入到商品详情页进行编辑，切换到HTML/Code模式，然后使用schema生成器，推荐使用technicalseo：https://technicalseo.com/tools/schema - markup - generator/。将Schema.org代码粘贴在相应位置，位置不影响。最后发布URL或者复制code，使用Google Rich Results工具进行测试富媒体数据。其他FAQ、How - to等类型的结构化数据手动添加方法是一致的，在technicalseo选择不同的数据类型，填写数据内容，在对应页面的html代码模式插入即可。

（2）自动添加结构化数据

您可以安装带有商品&评价的富媒体功能的插件，比如ryviu（免费版支持）。然后可以通过【在线商店 -> 主题 -> 编辑代码】中来编辑代码。以测试的站点为例，点击【Snipets 】，再点击进入product - data.liquid文件，按Command + F键，快捷搜索"schema.org"，找到产品的结构化数据代码片段。确认字段取值逻辑正确，代码示例如下：

  
   
    {
      "@context": "http://schema.org/",
      "@type": "Product",
      "name": {{ product.title | json }},
      "url": {{ shop.url | append: product.url | json }},

      {%- if product.featured_media -%}
        {%- assign media_size = product.featured_media.preview_image.width | append: 'x' -%}
        "image": [
          {{ product.featured_media | img_url: media_size | prepend: "https:" | json }}
        ],
      {%- endif -%}
      "description": {{ product.description | strip_html | json }},
      {%- if current_variant.sku!= blank -%}
        "sku": {{ current_variant.sku | json }},
        "gtin": {{ current_variant.barcode| json }},
      {%- endif -%}
    
      {%- if product.metafields.facts.upc!= blank -%}
        "upc": "{{ product.metafields.facts.upc }}",
      {%- endif -%}
      {%- if product.metafields.facts.upc!= blank -%}
        "gtin": "{{ product.metafields.facts.gtin }}",
      {%- endif -%}
      {% assign ryviu = product.metafields.ryviu %}
      {% if ryviu %}
        {%- assign aggregateRating = ryviu.product_reviews_info | split: ";" -%}
        {%- assign r_avg = aggregateRating[1] | plus: 0 -%}
        {%- assign r_count = aggregateRating[0] | plus: 0 -%}
        {%- if r_count > 0 -%}       
        "review": {
            "@type": "Review",
            "reviewRating": {
              "@type": "Rating",
              "ratingValue": "{{ r_avg }}",
              "bestRating": "5"
            },
            "author": {
              "@type": "Person",
              "name": "Eric Wilson"
            }
          },  
          "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "{{ r_avg }}",
          "reviewCount": "{{ r_count }}"
          },
      {%- endif -%}
      {% endif %}
      "brand": {
        "@type": "Brand",
        "name": {{ product.vendor | json }}
      },
      "offers": [
        {%- for variant in product.variants -%}
          {
            "@type" : "Offer",
            {%- if variant.sku!= blank -%}
              "sku": {{ variant.sku | json }},
            {%- endif -%}
            "availability" : "http://schema.org/{% if variant.available %}
  
  
                InStock{% else %}OutOfStock{% endif %}",
            "price" : {{ variant.price | divided_by: 100.00 | json }},
            "priceCurrency" : {{ cart.currency.iso_code | json }},
            "priceValidUntil": "2025 - 12 - 31",
            "url" : {{ shop.url | append: variant.url | json }}
          }{% unless forloop.last %},{% endunless %}
        {%- endfor -%}
      ]
    }

  

当源代码透出给Google的字段取值无误后，以后在商品详情页仅需填充对应内容、在评论插件填写内容，网站所有的商品都可以实现SERP富媒体展示效果。

4. SHOPLINE添加商品富媒体指南

经过测试，SHOPLINE已经按照Google富媒体规范，将商品和评价的数据在源码中透出给Google进行抓取了，GSC及Rich Test工具都不会报错，也在SERP得到了验证。仅需在SHOPLIEN APP中安装评价插件，并且填写商品及评论相关内容即可。

5. 验证商品富媒体数据

（1）您可以在Google Search Console查看【增强】中的Google检查报告，但具有时滞性，不会实时更新。

（2）如果您想更快测试，可以使用Google Rich Results测试地址：https://search.google.com/test/rich - results。

（3）（需要耐心等待一段时间）等Google对网站数据进行爬网分析并收录后，您可以使用site:命令进行验证，如site:https://www.allbirds.com/products。

最后看到Google收录的产品链接都是富媒体后，您就可以放心了。

以上就是我为大家分享的关于商品富媒体的SEO实操经验，希望能对您有所帮助。如果您有其他疑问，欢迎留言反馈。

（来源：跨境从业者）

以上内容属作者个人观点，不代表风口星跨境立场！本文经原作者授权转载，转载需经原作者授权同意。

注：近期有新闻报道，随着电商行业的快速发展，消费者对于商品信息的展示要求越来越高，富媒体形式的商品展示能够更好地满足消费者的需求，提高商品的转化率。因此，掌握商品富媒体的SEO优化技巧对于电商卖家来说变得尤为重要。