🏷️ 商品頁想在 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$680 或 1,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 搜尋一起顧。