跳到主要內容
轉換6 分鐘

🏷️ 商品頁想在 Google 顯示星星和價格,先把這段結構化資料貼上去

Schema.org 結構化資料產生器使用教學。用圖形化表單填一填,就能產出 Product、FAQPage、Article、LocalBusiness、Organization、麵包屑六種 JSON-LD,複製 script 標籤貼進網頁,讓 Google 搜尋結果長出星等、價格、常見問答等 Rich Results,附三個實際情境與六大類型的填法。

為什麼有些商品在 Google 有星星,你的沒有

搜同一個關鍵字,別人的商品在搜尋結果直接顯示 4.8 顆星、127 則評價、680 元、現貨供應,你的只有一行藍字標題加一段灰色描述。點閱率差一截,成本卻一樣。

差別不在網站漂不漂亮,而在你有沒有告訴 Google「這頁是一個商品,它叫什麼、多少錢、幾顆星」。這件事人眼看得懂,但 Google 的爬蟲看的是原始碼,它需要一段機器讀得懂的結構化標記,也就是 Schema.org 的 JSON-LD。

沒有這段標記,Google 只能用猜的,猜不到就不給你 Rich Results(搜尋結果的加強版樣式)。有了它,星等、價格、常見問答、麵包屑這些東西才有機會長出來。

問題是這段 JSON-LD 手寫很容易出錯,少一個引號、括號沒對齊、欄位名稱拼錯,Google 就整段忽略。這個工具把它變成填表格,填完直接複製,不用碰程式碼。

這個工具到底幫你做了什麼

核心很單純:你在表單填中文欄位,工具幫你組成一段格式正確的 JSON-LD,再包上 <script type="application/ld+json"> 標籤,讓你複製貼進網頁的原始碼。

它支援六種電商最常用的類型:

  • Product(商品):名稱、描述、圖片、品牌、價格、庫存狀態、SKU、星等與評價數
  • FAQPage(常見問答):一組一組的問題與答案,對應搜尋結果裡可以展開的 FAQ
  • Article(文章):標題、描述、封面圖、作者、發布與修改日期,部落格文章用
  • LocalBusiness(實體店家):店名、地址、電話、網址、價位區間,有實體門市用
  • Organization(組織):品牌名、官網、Logo、社群連結,讓 Google 認識你的品牌
  • BreadcrumbList(麵包屑):分類階層,讓搜尋結果顯示「首頁 > 香氛 > 蠟燭」這種路徑

全部在你的瀏覽器本機即時組出來,不上傳任何資料、不呼叫 AI、不消耗額度。你填的商品名和價格不會離開你的電腦。

三步驟產出一段可用的結構化資料

步驟 1:選類型

上方六個類型按鈕,先想清楚這一頁是什麼。商品詳情頁選 Product,整理常見問答的頁面選 FAQPage,部落格文章選 Article。一頁可以放多種,例如商品頁同時放 Product 加 BreadcrumbList,那就分別產兩段各自貼上。

不確定欄位怎麼填的話,先點示範資料,工具會帶入一組完整範例(例如那支手作大豆蠟燭),照著改成你自己的內容最快。

步驟 2:填欄位

照著表單一格一格填。以 Product 為例,名稱和描述照商品頁抄,價格填數字(例如 680,不用打錢字號),庫存選 InStock(現貨)或缺貨,星等和評價數填你後台真實的數字。

有幾格可以留空,工具會自動略過。例如你還沒有評價,星等那兩格空著,產出的 JSON-LD 就不會硬塞一個假的 aggregateRating。

步驟 3:複製 script 標籤貼上

右邊會即時顯示產出的 JSON-LD,還有一個包好 <script> 標籤的版本。按複製,把整段貼進網頁 <head><body> 裡(兩個位置 Google 都吃)。

如果是自架站,貼進該頁的模板。如果用 SHOPLINE、Shopify 這類平台,通常在「後台 > 商店設定 > 自訂程式碼」或個別頁面的 HTML 區塊貼上。貼完存檔,這一頁就有結構化資料了。

填欄位時最容易踩的六個雷

1.價格別打錢字號和逗號:填 680 不要填 NT$6801,280,幣別另外用欄位選 TWD。混進符號 Google 會判讀失敗。

2.星等和評價數要用真的:aggregateRating 填假數字被 Google 抓到,整站的 Rich Results 都可能被停權。沒有真實評價就把這兩格留空,等累積到十幾則再補。

3.圖片要填完整網址:image 欄位要放 https:// 開頭的完整圖片連結,不是相對路徑,也不是你電腦裡的檔名。用商品主圖的線上網址。

4.庫存狀態記得跟著改:缺貨了卻還標 InStock,Google 顯示現貨、客人點進來卻買不到,體驗很差也可能被降權。上下架時順手改這格。

5.FAQPage 的答案要跟頁面上看得到的一致:Google 規定結構化資料裡的問答,必須是使用者在頁面上真的看得到的內容,不能只藏在標記裡。所以先把 FAQ 寫在頁面上,再用這裡產標記。

6.Article 的日期照實填:發布日和修改日用真實日期,改過內容就更新修改日。這對 Google 判斷內容新鮮度有幫助,亂填反而扣分。

三個實際情境

情境 A:手作蠟燭品牌,商品頁想長出星星

選 Product,填名稱「有機手作大豆蠟燭 220g」、價格 680、庫存 InStock、星等 4.8、評價數 127。複製 script 貼進商品頁模板。

一到兩週後 Google 重新爬取,搜「手作大豆蠟燭」時這頁就有機會顯示星等和價格。同一頁再產一段 BreadcrumbList(首頁 > 香氛蠟燭 > 大豆蠟燭),搜尋結果的網址列會變成清楚的分類路徑,點閱率通常會往上。

情境 B:保健食品品牌,想吃到 FAQ 展開版位

商品下方本來就有一段常見問答(保存期限、怎麼吃、孕婦能不能用)。選 FAQPage,把頁面上那幾組問答原封不動填進去,複製貼上。

之後搜品牌加問題時,搜尋結果有機會直接展開這些問答,等於在搜尋頁就先幫客人解掉疑慮,減少他因為不確定而不點。記得標記裡的問答要跟頁面上完全一致。

情境 C:有實體門市的選物店,想被 Google 地圖和搜尋認出來

選 LocalBusiness,填店名、type 選 Store、完整地址(街道、城市、區域、郵遞區號)、電話、官網、價位區間。首頁再產一段 Organization,填品牌名、官網、Logo 網址,sameAs 放你的 FB、IG、官方帳號連結。

這兩段讓 Google 更完整認識你的品牌與門市,搜品牌名時右側的品牌資訊卡、社群連結比較容易正確帶出來。

貼上之後該做什麼

先驗證有沒有貼對:把商品頁網址丟進 Google 的 Rich Results 測試工具(rich-results-test),它會告訴你這段結構化資料有沒有被正確讀到、有沒有錯誤或警告。有紅字就回工具改欄位重貼。

等 Google 重爬:結構化資料不是貼完馬上生效,Google 要重新爬取這頁才會更新,通常幾天到兩週。急的話去 Search Console 對這頁按「要求建立索引」加速。

順手把分享卡片也做好:搜尋結果之外,商品被分享到 FB、LINE 時的預覽卡片是另一回事,那是 OG meta tag 在管的。用OG / Meta Tag 預覽器同時看四個平台的分享樣貌,一起補齊。

FAQ 內容懶得想就用產的:如果商品頁還沒有常見問答,先用FAQ 常見問答產生器生一批,貼到頁面上,再回這裡包成 FAQPage 標記。順序是先有頁面內容,再有標記。

想被 AI 搜尋引擎引用:結構化資料做好之後,也可以用GEO 引用檢查器看看你的內容在 Perplexity、AI Overviews 這類 AI 搜尋裡有沒有被引用的體質,把 SEO 和 AI 搜尋一起顧。

常見問題

Q: 填了結構化資料,Google 就一定會顯示星星和價格嗎?
不保證。結構化資料是讓你「有資格」拿到 Rich Results,但要不要顯示、顯示哪些,最終由 Google 決定,跟頁面品質、內容真實性、同類競爭都有關。它是必要條件不是充分條件,做了才有機會,不做一定沒有。
Q: 這個工具會消耗 AI 額度或上傳我的商品資料嗎?
不會。它是純前端的圖形化產生器,你填的欄位在瀏覽器本機即時組成 JSON-LD,不呼叫任何 AI、不上傳資料、不消耗額度,免費無限次使用。商品名、價格這些都不會離開你的電腦。
Q: JSON-LD 要貼在網頁的哪個位置?
貼進 HTML 的 head 或 body 都可以,Google 兩個位置都會讀。自架站放進頁面模板;SHOPLINE、Shopify 這類平台通常在後台的自訂程式碼或頁面 HTML 區塊貼上。貼的是工具產出那段含 script 標籤的完整內容。
Q: 一頁可以同時放好幾種類型嗎?
可以。例如商品頁常同時放 Product 加 BreadcrumbList,甚至再加 FAQPage。做法是用工具分別產出每一段,各自複製、一段一段貼進同一頁即可,彼此不會衝突。

立即免費使用電商營運工具箱

192 個 AI 驅動的電商工具,解決你每天最痛的營運問題

開始使用 →