跳到正文
馬克工具箱

結構化資料(JSON-LD)產生器

結構化資料告訴搜尋引擎頁面的內容是什麼:帶價格的商品、有作者和日期的文章、有地址和營業時間的店鋪。選擇型別、填寫表單,就能複製可以直接貼上的 JSON-LD 程式碼。Google 要求或建議的欄位沒填時會即時提示,還可以一鍵開啟 Google 富媒體搜尋結果測試檢查效果。

在瀏覽器本地執行,輸入的內容和檔案都不會上傳

頁面上可見的問答。Google 目前主要給權威的政府和醫療網站顯示 FAQ 富結果,但其他搜尋引擎和 AI 助手仍會讀取。

把程式碼貼上到頁面的 <head> 或 <body> 裡。只標記頁面上看得到的內容,結構化資料和頁面不符可能會被人工處罰。

使用步驟

  1. 選擇結構化資料型別:常見問題(FAQ)、文章、商品、本地商家或麵包屑導航。
  2. 填寫各項內容。還缺的必填和建議欄位會列在程式碼旁邊。
  3. 複製程式碼,貼上到網頁 HTML 裡,再用富媒體搜尋結果測試檢查。

引數說明

常見問題(FAQ)
頁面上可見的問題和回答。
商品
需要價格或評分;再補上庫存狀態、品牌和圖片,展示效果更好。
麵包屑導航
從首頁到當前頁的路徑,除當前頁外每一項都要填完整網址。

輸出示例與檢查項

填了價格和評分的商品會生成下面這段程式碼。空欄位會被省略,幣種會轉成大寫,庫存狀態會變成 schema.org 的地址:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Trail Backpack 30L",
  "image": [
    "https://example.com/pack.jpg"
  ],
  "sku": "NP-30",
  "brand": {
    "@type": "Brand",
    "name": "Northpeak"
  },
  "offers": {
    "@type": "Offer",
    "price": "89.00",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.6",
    "reviewCount": "128"
  }
}
</script>

程式碼旁邊的列表會在你輸入時給出下面這些提示:

型別 必填 建議填寫
常見問題(FAQ) 至少一組完整的問題和回答 —
文章 圖片如果填了,必須是完整網址 標題、圖片、釋出日期、作者
商品 名稱;價格,或評分及其評價數;有價格時要有幣種 圖片
本地商家 名稱;街道地址和城市 電話、網址、營業時間
麵包屑導航 除最後一項外,每一項都要有完整網址 至少兩項

常見問題

加了結構化資料就一定有富結果嗎?

只是讓頁面有資格獲得,展示與否由搜尋引擎決定。例如 Google 目前主要給權威的政府和醫療網站顯示 FAQ 富結果。

程式碼放在哪裡?

放在頁面的 <head> 或 <body> 裡都可以。很多建站系統有自訂程式碼的設定或外掛。

能標記頁面上沒有的內容嗎?

不能。結構化資料必須描述訪客看得到的內容,和頁面不符可能被人工處罰。

隱私說明

本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。

相關工具