跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)

riven 2022年8月24日00:29:12SEO 独立站 技术SEO评论4,4483字数 5719阅读19分3秒阅读模式
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
近期我在一些SEO群里看到,不少卖家在咨询Google Search Conlsole上针对商品富媒体的报错问题。
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
你有没有遇到这样的问题呢?
今天给大家分享下成功实操经验~
点赞转发就是最大的支持~
在讲解决方案前,先讲下基础知识~

前言

1 什么是结构化数据?

结构化数据是一种标准化格式,用于提供有关页面的信息并对页面内容进行分类,例如:在商品页面上,提供商品价格、币种、库存、评分、评论等
Google会在网络上找到的结构化数据,用来理解页面的内容,并将其在搜索结果页面(SERP)进行增强展示
拿商品举个例子,如果用户在谷歌上搜索 "BBQ grill tools set" ,一个正常的结果是这样:
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
但是使用Rich Structured Data,而SERP是这样的:
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)

2 结构化数据SEO优化价值

跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
在网站内页面使用结构化数据,使得在SERP有富媒体搜索结果。如上面的例子,在Meta Title、Meta Description下分额外展示的评分及价格部分 ( 即富媒体搜索结果) ,会使你的网站在搜索结果中占更大的面积,信息更加全面,在众多搜索结果中脱颖而出,而且经常能带来更高的点击率

3 常用独立站(电商)的富媒体类型

Google官方文档中有很多类型的Rich Snippets,你都可以尝试添加,但有很多是使用于特定的某些类型的网站,如食谱或音乐等;
我在这里简单分享一些在你的独立站(电子商务商店)中使用的常见类型:
  1. 产品: 关于你的产品的信息,包括价格、产品图像、库存情况等
  2. 评论: 显示你的每个产品的整体评论
  3. 组织: 展示公司的关键信息,比如名称、标志、网址等
  4. FAQ: 展示与主题相关的常见问题和回答
  5. 面包屑:展示页面的面包屑

4 常用的数据类型

数据类型就是这个结构化数据所描述的。对于电子商务,会经常使用到 :
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
其他Google富媒体数据类型,可以查看:https://developers.google.com/search/doc...
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)

5 结构化数据的格式

跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
结构化数据有三种格式: 微数据、JSON-LD、RDFa
这些表示将结构化数据编码到页面中的不同方法。Microdata和JSON-LD是最受欢迎的两个,它可能是Shopify主题或应用程序使用的是JSON-LD。我的建议是使用Google的建议,也使用JSON-LD。

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

1 添加富媒体数据流程

跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)

添加商品富媒体数据流程图

目前我总结出了2种在HTML源码中透出JSON-LD的富媒体数据:自动上报、手动自定义。
在添加结构化数据之前,很有可能你的Shopify主题或应用程序已经添加部分结构化数据了(SHOPLIEN已经添加了,无需商家添加商品和评论的JSON-LD代码),所以建议先测试下
你可以在GSC中查看,或者使用Google Rich Test测试商品页面

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

2.1 Google Search Console检测

如果您的网站使用结构化数据,并已与Google Search Console连接,那么在GSC的侧边栏中能看到一个【增强-Enhancements】菜单
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
(如果你的GSC菜单中没有【增强】菜单,或者【增强】下方的子菜单很少,说明你的网站内目前没有对应的富媒体数据。)
接下来点击【商品-Product】,进入商品富媒体的GSC检测结果页面;
如果全部ULR都是有效(valid),没有报错(Error)和警告⚠️(Warning)提示的话,显示如下:
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
如果你插入了商品Schema代码,但商品URL的设置缺少一些数值,如果是必填的就会出现在错误中,
如ratingValue、review count、price等
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
非必填的字段未填写时,会出现在警告中,如gtin、brand、aggregateting、review等
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
报告内容解读,参考Google官方文章(https://support.google.com/webmasters/answer/7552505),我这里不做赘述

2.2 Google Rich Results工具检测

跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
可以在Google Rich Results工具中进行测试富媒体数据情况。通过可访问的网址或者代码测试,看看该网页所包含的结构化数据可生成哪些富媒体搜索结果

3 Shopify添加商品富媒体指南

3.1 手动添加结构化数据

如果Shopify主题没有Schema富媒体功能,或者没有安装相关富媒体数据的SEO插件,那么你可以进入到商品详情页进行编辑,切换到HTML/Code模式:
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
然后使用shcema生成器,推荐使用 https://technicalseo.com/tools/schema-markup-generator/
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
将Schema.org代码粘贴在<body>中 ,位置放哪里不影响;
最后发布URL或者复制code,使用Google Rich Results工具进行测试富媒体数据,见下图
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
代码示例:
<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "Product", 
  "name": "Custom Name Necklace",
  "image": "https://cdn.shopify.com/s/files/1/2556/8900/products/ReadyNameNecklaceFatima_900x.jpg?v=1646783622",
  "description": "Important Information *Custom pieces take 20-30 days to create but the rest of your order (if in the U.S.) can be shipped before your custom piece finishes simply by requesting a partial shipment in the cart drawer.1. This piece is handmade and ...",
  "brand": {
    "@type": "Brand",
    "name": "Nominalx"
  },
  "mpn": "834SJDSA92",
  "sku": "QWE2342",
  "offers": {
    "@type": "Offer",
    "url": "https://nominalx.com/products/custom-name-necklace",
    "priceCurrency": "USD",
    "price": "30",
    "priceValidUntil": "2022-12-24",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5",
    "bestRating": "5",
    "worstRating": "1",
    "ratingCount": "1",
    "reviewCount": "1"
  },
  "review": {
    "@type": "Review",
    "name": "Riven",
    "reviewBody": "Good!!!!",
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": "5",
      "bestRating": "5",
      "worstRating": "1"
    },
    "datePublished": "2022-07-21",
    "author": {"@type": "Person", "name": "Riven"},
    "publisher": {"@type": "Organization", "name": "Riven"}
  }
}
</script>

3.2 自动添加结构化数据

可以安装带有商品&评价的富媒体功能的插件,比如ryviu(免费版支持)
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
然后可以通过【在线商店 -> 主题 -> 编辑代码】中来编辑代码;
这里以我测试的站点为例 (每个主题略有不同 ) ,点击【Snipets 】, 再点击进入 product-data.liquid文件,按Command+F键,快捷搜索"schema.org",找到产品的结构化数据代码片段
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
确认字段取值逻辑正确,代码示例:
 <script type="application/ld+json">
    {
      "@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": "2022-12-31",
            "url" : {{ shop.url | append: variant.url | json }}
          }{% unless forloop.last %},{% endunless %}
        {%- endfor -%}
      ]
    }
</script>
当源代码透出给Google的字段取值无误后,以后在商品详情页仅需填充对应内容、在评论插件填写内容,网站所有的商品都可以实现SERP富媒体展示效果

4 SHOPLINE添加商品富媒体指南

非常简单,经过我的测试,我发现SHOPLINE已经按照Google富媒体规范,将商品和评价的数据在源码中透出给Google进行抓取了,GSC及Rich Test工具都不会报错,也在SERP得到了验证。
仅需在SHOPLIEN APP中安装评价插件,并且填写商品及评论相关内容即可。
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)

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
跨境男孩 | Shopify商品&评论结构化数据SEO教程(全网首发)
看到Google收录的产品链接都是富媒体后,是不是很开心~
OK 今天分享到这里,希望能帮助到你~
如果有其他疑问,欢迎留言反馈~

相关文章
weinxin
我的微信
微信扫一扫
riven
  • 本文由 发表于 2022年8月24日00:29:12
  • 转载请务必保留本文链接:https://www.seoriven.com/google-rich-results-product 并注明摘自:跨境男孩Riven
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: