TL
Tool Lab
💰捐贈
💰捐贈

JSON-LD Schema Generator

Generate Schema.org JSON-LD structured data markup for SEO rich results.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article Headline",
  "description": "A short description of the article.",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2026-07-19",
  "dateModified": "2026-07-19",
  "publisher": {
    "@type": "Organization",
    "name": "Publisher Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "image": "https://example.com/article-image.jpg",
  "url": "https://example.com/article-slug"
}
</script>

關於本工具

JSON-LD(JavaScript物件表示法鏈結資料)是向網頁新增結構化資料(Schema.org標記)的建議方式。Google等搜尋引擎使用它理解內容,並在搜尋結果頁面直接顯示豐富結果——星級評分、FAQ、麵包屑、產品價格等。

從下拉選單選擇結構類型以載入預填範本,然後編輯JSON以符合實際資料。右側面板顯示準備貼入HTML <head>的完整腳本標籤。

使用方法

  1. 選擇結構類型(Article、Product、FAQ等)。
  2. 在左側面板用實際資料編輯範本。
  3. 右側面板顯示要貼入HTML的<script>標籤。
  4. 點擊複製腳本標籤並新增至頁面的<head>區段。

使用情境

部落客新增Article標記以啟用署名和日期豐富結果。電商團隊新增含價格和庫存的Product標記用於購物知識面板。在地商家新增LocalBusiness標記以在含電話和營業時間的地圖包結果中出現。

常見問題

  • 新增JSON-LD能保證豐富結果嗎?不能。Google必須先抓取和處理標記,然後根據品質信號決定是否顯示豐富結果。
  • 腳本標籤應放在哪裡?Google建議放在<head>中,但<body>中也有效。
  • 一個頁面可以有多個JSON-LD區塊嗎?可以。每種結構類型可以有自己獨立的<script type="application/ld+json">區塊。