眼中腳下路,心中要有宏圖。大家好,我是Riven@跨境男孩。歡迎來(lái)到我的seo秘密基地(seoriven.com),這里主要分享獨(dú)立站、SEO相關(guān)知識(shí)。相互交流,共同成長(zhǎng)。
近期我在一些SEO群里看到,不少賣家在咨詢Google Search Conlsole上針對(duì)商品富媒體的報(bào)錯(cuò)問(wèn)題。
你有沒(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é)果是這樣:
圖片來(lái)源:Google
但是使用Rich Structured Data,而SERP是這樣的:
圖片來(lái)源:Google
2 結(jié)構(gòu)化數(shù)據(jù)seo優(yōu)化價(jià)值
圖片來(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ù)商店)中使用的常見(jiàn)類型:
產(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)的常見(jiàn)問(wèn)題和回答
面包屑:展示頁(yè)面的面包屑
4 常用的數(shù)據(jù)類型
數(shù)據(jù)類型就是這個(gè)結(jié)構(gòu)化數(shù)據(jù)所描述的。對(duì)于電子商務(wù),會(huì)經(jīng)常使用到 :
圖片來(lái)源:跨境男孩Riven
其他Google富媒體數(shù)據(jù)類型,可以點(diǎn)擊這里:https://developers.google.com/search/docs/advanced/structured-data/product
圖片來(lái)源:Google
5 結(jié)構(gòu)化數(shù)據(jù)的格式
圖片來(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ù)流程
圖片來(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】菜單
圖片來(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)提示的話,顯示如下:
圖片來(lái)源:Google
如果你插入了商品Schema代碼,但商品URL的設(shè)置缺少一些數(shù)值,如果是必填的就會(huì)出現(xiàn)在錯(cuò)誤中,如ratingValue、review count、price等
圖片來(lái)源:Google
非必填的字段未填寫時(shí),會(huì)出現(xiàn)在警告中,如gtin、brand、aggregateting、review等
圖片來(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é)果
圖片來(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模式:
圖片來(lái)源:Shopify
然后使用shcema生成器,推薦使用technicalseo: https://technicalseo.com/tools/schema-markup-generator/
圖片來(lái)源:technicalseo
將Schema.org代碼粘貼在中 ,位置放哪里不影響
最后發(fā)布URL或者復(fù)制code,使用Google Rich Results工具進(jìn)行測(cè)試富媒體數(shù)據(jù),見(jiàn)下圖
圖片來(lái)源:Google
點(diǎn)擊預(yù)覽結(jié)果:
圖片來(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)版支持)
圖片來(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ù)代碼片段。
圖片來(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)容即可。
圖片來(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
圖片來(lái)源:Google
最后看到Google收錄的產(chǎn)品鏈接都是富媒體后,是不是放心了~
OK 今天分享到這里,希望能幫助到你~
如果有其他疑問(wèn),歡迎留言反饋~
(來(lái)源:跨境男孩)