已收藏,可在 我的資料庫(kù) 中查看
關(guān)注作者
您可能還需要

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

操作起來(lái),讓你的獨(dú)立站商品URL在Google搜索結(jié)果(SERP)中占更大的面積,信息更加全面,在眾多搜索結(jié)果中脫穎而出,而且能帶來(lái)更高的點(diǎn)擊率??!

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

眼中腳下路,心中要有宏圖。大家好,我是Riven@跨境男孩。歡迎來(lái)到我的SEO秘密基地(seoriven.com),這里主要分享獨(dú)立站、SEO相關(guān)知識(shí)。相互交流,共同成長(zhǎng)。

近期我在一些SEO群里看到,不少賣家在咨詢Google Search Conlsole上針對(duì)商品富媒體的報(bào)錯(cuò)問(wèn)題。

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

你有沒(méi)有遇到這樣的問(wèn)題呢?今天給大家分享下實(shí)操經(jīng)驗(yàn) ~( 點(diǎn)贊轉(zhuǎn)發(fā)就是最大的支持~)在講解決方案前,先講下基礎(chǔ)知識(shí)~

1 什么是結(jié)構(gòu)化數(shù)據(jù)?

結(jié)構(gòu)化數(shù)據(jù)是一種標(biāo)準(zhǔn)化格式,用于提供有關(guān)頁(yè)面的信息并對(duì)頁(yè)面內(nèi)容進(jìn)行分類,例如:在商品頁(yè)面上,提供商品價(jià)格、幣種、庫(kù)存、評(píng)分、評(píng)論等

Google會(huì)在網(wǎng)絡(luò)上找到的結(jié)構(gòu)化數(shù)據(jù),用來(lái)理解頁(yè)面的內(nèi)容,并將其在搜索結(jié)果頁(yè)面(SERP)進(jìn)行增強(qiáng)展示

拿商品舉個(gè)例子,如果用戶在谷歌上搜索 "BBQ grill tools set" ,一個(gè)正常的結(jié)果是這樣:

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

但是使用Rich  Structured Data,而SERP是這樣的:

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

2 結(jié)構(gòu)化數(shù)據(jù)SEO優(yōu)化價(jià)值

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

在網(wǎng)站內(nèi)頁(yè)面使用結(jié)構(gòu)化數(shù)據(jù),使得在SERP有富媒體搜索結(jié)果。如上面的例子,在Meta Title、Meta Description下方額外展示的評(píng)分及價(jià)格部分 ( 即富媒體搜索結(jié)果) ,會(huì)使你的網(wǎng)站在搜索結(jié)果中占更大的面積,信息更加全面,在眾多搜索結(jié)果中脫穎而出,而且經(jīng)常能帶來(lái)更高的點(diǎn)擊率

3 常用獨(dú)立站(電商)的富媒體類型

Google官方文檔中有很多類型的Rich Snippets,你都可以嘗試添加,但有很多是使用于特定的某些類型的網(wǎng)站,如食譜或音樂(lè)等;

我在這里簡(jiǎn)單分享一些在你的獨(dú)立站(電子商務(wù)商店)中使用的常見類型:

  • 產(chǎn)品: 關(guān)于你的產(chǎn)品的信息,包括價(jià)格、產(chǎn)品圖像、庫(kù)存情況等
  • 評(píng)論: 顯示你的每個(gè)產(chǎn)品的整體評(píng)論

  • 組織: 展示公司的關(guān)鍵信息,比如名稱、標(biāo)志、網(wǎng)址等

  • FAQ:  展示與主題相關(guān)的常見問(wèn)題和回答

  • 面包屑:展示頁(yè)面的面包屑

4 常用的數(shù)據(jù)類型

數(shù)據(jù)類型就是這個(gè)結(jié)構(gòu)化數(shù)據(jù)所描述的。對(duì)于電子商務(wù),會(huì)經(jīng)常使用到 :

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程圖片來(lái)源:跨境男孩Riven

其他Google富媒體數(shù)據(jù)類型,可以點(diǎn)擊這里:https://developers.google.com/search/docs/advanced/structured-data/product

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

5 結(jié)構(gòu)化數(shù)據(jù)的格式

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

結(jié)構(gòu)化數(shù)據(jù)有三種格式:  微數(shù)據(jù)、JSON-LD、RDFa

這些表示將結(jié)構(gòu)化數(shù)據(jù)編碼到頁(yè)面中的不同方法。Microdata和JSON-LD是最受歡迎的兩個(gè),Shopify主題或應(yīng)用程序使用的是JSON-LD。我的建議是使用Google的建議,也使用JSON-LD。

二:商品富媒體數(shù)據(jù)添加實(shí)操

1 添加富媒體數(shù)據(jù)流程

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:跨境男孩Riven

目前我總結(jié)出了2種在HTML源碼中透出JSON-LD的富媒體數(shù)據(jù):自動(dòng)添加、手動(dòng)自定義

在添加結(jié)構(gòu)化數(shù)據(jù)之前,很有可能你的Shopify主題或應(yīng)用程序已經(jīng)添加部分結(jié)構(gòu)化數(shù)據(jù)了(SHOPLIEN已經(jīng)添加了,無(wú)需商家添加商品和評(píng)論的JSON-LD代碼),所以建議先測(cè)試下

你可以在GSC中查看,或者使用Google Rich Test測(cè)試商品頁(yè)面

2 檢測(cè)獨(dú)立站現(xiàn)有商品富媒體數(shù)據(jù)

2.1 Google Search Console檢測(cè)

如果您的網(wǎng)站使用結(jié)構(gòu)化數(shù)據(jù),并已與Google Search Console連接,那么在GSC的側(cè)邊欄中能看到一個(gè)【增強(qiáng)-Enhancements】菜單

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程圖片來(lái)源:Google

(如果你的GSC菜單中沒(méi)有【增強(qiáng)】菜單,或者【增強(qiáng)】下方的子菜單很少,說(shuō)明你的網(wǎng)站內(nèi)目前沒(méi)有對(duì)應(yīng)的富媒體數(shù)據(jù)。)

接下來(lái)點(diǎn)擊【商品-Product】,進(jìn)入商品富媒體的GSC檢測(cè)結(jié)果頁(yè)面;

如果全部ULR都是有效(valid),沒(méi)有報(bào)錯(cuò)(Error)和警告??(Warning)提示的話,顯示如下:

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

如果你插入了商品Schema代碼,但商品URL的設(shè)置缺少一些數(shù)值,如果是必填的就會(huì)出現(xiàn)在錯(cuò)誤中,如ratingValue、review count、price等

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

非必填的字段未填寫時(shí),會(huì)出現(xiàn)在警告中,如gtin、brand、aggregateting、review等

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

報(bào)告內(nèi)容解讀,參考Google官方文章(https://support.google.com/webmasters/answer/7552505),我這里不做贅述

2.2 Google Rich Results工具檢測(cè)

地址:https://search.google.com/test/rich-results

可以在Google Rich Results工具中進(jìn)行測(cè)試富媒體數(shù)據(jù)情況。通過(guò)可訪問(wèn)的網(wǎng)址或者代碼測(cè)試,看看該網(wǎng)頁(yè)所包含的結(jié)構(gòu)化數(shù)據(jù)可生成哪些富媒體搜索結(jié)果

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

3 Shopify添加商品富媒體指南

3.1 手動(dòng)添加結(jié)構(gòu)化數(shù)據(jù)

如果Shopify主題沒(méi)有Schema富媒體功能,或者沒(méi)有安裝相關(guān)富媒體數(shù)據(jù)的SEO插件,那么你可以進(jìn)入到商品詳情頁(yè)進(jìn)行編輯,切換到HTML/Code模式:

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Shopify

然后使用shcema生成器,推薦使用technicalseo: https://technicalseo.com/tools/schema-markup-generator/

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:technicalseo

將Schema.org代碼粘貼在中 ,位置放哪里不影響

最后發(fā)布URL或者復(fù)制code,使用Google Rich Results工具進(jìn)行測(cè)試富媒體數(shù)據(jù),見下圖

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

點(diǎn)擊預(yù)覽結(jié)果:

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

其他FAQ、How-to等類型的結(jié)構(gòu)化數(shù)據(jù)手動(dòng)添加方法是一致的,在technicalseo選擇不同的數(shù)據(jù)類型,填寫數(shù)據(jù)內(nèi)容,在對(duì)應(yīng)頁(yè)面的html代碼模式插入即可

3.2 自動(dòng)添加結(jié)構(gòu)化數(shù)據(jù)

可以安裝帶有商品&評(píng)價(jià)的富媒體功能的插件,比如ryviu(免費(fèi)版支持)

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Shopify

然后可以通過(guò)【在線商店 -> 主題 -> 編輯代碼】中來(lái)編輯代碼;

這里以我測(cè)試的站點(diǎn)為例 (每個(gè)主題略有不同 ) ,點(diǎn)擊【Snipets 】, 再點(diǎn)擊進(jìn)入 product-data.liquid文件,按Command+F鍵,快捷搜索"schema.org",找到產(chǎn)品的結(jié)構(gòu)化數(shù)據(jù)代碼片段。

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Shopify

確認(rèn)字段取值邏輯正確,代碼示例:


  
   
    {
      "@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 -%}
      ]
    }

  

當(dāng)源代碼透出給Google的字段取值無(wú)誤后,以后在商品詳情頁(yè)僅需填充對(duì)應(yīng)內(nèi)容、在評(píng)論插件填寫內(nèi)容,網(wǎng)站所有的商品都可以實(shí)現(xiàn)SERP富媒體展示效果

4  SHOPLINE添加商品富媒體指南

非常簡(jiǎn)單,經(jīng)過(guò)我的測(cè)試,我發(fā)現(xiàn)SHOPLINE已經(jīng)按照Google富媒體規(guī)范,將商品和評(píng)價(jià)的數(shù)據(jù)在源碼中透出給Google進(jìn)行抓取了,GSC及Rich Test工具都不會(huì)報(bào)錯(cuò),也在SERP得到了驗(yàn)證。

僅需在SHOPLIEN APP中安裝評(píng)價(jià)插件,并且填寫商品及評(píng)論相關(guān)內(nèi)容即可。

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:網(wǎng)頁(yè)源代碼

5 驗(yàn)證商品富媒體數(shù)據(jù)

1)前面提到了,你可以在Google Search Console查看【增強(qiáng)】中的Google檢查報(bào)告,但是具有時(shí)滯性,不會(huì)實(shí)時(shí)更新

2)如果你想更快測(cè)試,可以使用Google Rich Results測(cè)試地址:https://search.google.com/test/rich-results

3)(需要耐心等待一段時(shí)間)等Google對(duì)網(wǎng)站數(shù)據(jù)進(jìn)行爬網(wǎng)分析并收錄后,你可以使用site:命令進(jìn)行驗(yàn)證如site:https://www.allbirds.com/products

跨境男孩 | Shopify商品結(jié)構(gòu)化數(shù)據(jù)SEO教程

圖片來(lái)源:Google

最后看到Google收錄的產(chǎn)品鏈接都是富媒體后,是不是放心了~

OK 今天分享到這里,希望能幫助到你~

如果有其他疑問(wèn),歡迎留言反饋~

(來(lái)源:跨境男孩)

以上內(nèi)容屬作者個(gè)人觀點(diǎn),不代表雨果跨境立場(chǎng)!本文經(jīng)原作者授權(quán)轉(zhuǎn)載,轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?

分享到:

--
評(píng)論
最新 熱門 資訊 資料 專題 服務(wù) 果園 標(biāo)簽 百科 搜索
雨果跨境顧問(wèn)
Google顧問(wèn)-Sandy
OceanWeb新客獨(dú)家福利:前100名免費(fèi)送$20廣告體驗(yàn)金,點(diǎn)擊按鈕咨詢顧問(wèn)并領(lǐng)取,雨果跨境官方顧問(wèn)

收藏

--

--

分享
跨境男孩
分享不易,關(guān)注獲取更多干貨