文章 (ArticleNewsArticleBlogPosting) 結構化資料

在您的新聞、網誌與運動報導網頁中加入 Article 結構化資料,有助於 Google 進一步瞭解網頁內容,有效提升文章標題文字、圖片和日期資訊在 Google 搜尋的搜尋結果和其他資源 (例如 Google 新聞和 Google 助理) 中的顯示效果。雖然這些內容不必使用任何標記就能顯示在 Google 新聞功能 (例如焦點新聞) 中,但您可以加入 Article,明確向 Google 進一步指出內容的相關資訊 (舉例來說,指出這是新聞報導、作者是誰,或文章的標題是什麼)。

文章複合式搜尋結果

範例

以下是具有 Article 結構化資料的頁面範例。

JSON-LD


<html>
  <head>
    <title>Title of a News Article</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Title of a News Article",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": [{
          "@type": "Person",
          "name": "Jane Doe",
          "url": "https://example.com/profile/janedoe123"
        },{
          "@type": "Person",
          "name": "John Doe",
          "url": "https://example.com/profile/johndoe123"
      }]
    }
    </script>
  </head>
  <body>
  </body>
</html>

微資料


<html>
  <head>
    <title>Title of a News Article</title>
  </head>
  <body>
    <div itemscope itemtype="https://schema.org/NewsArticle">
      <div itemprop="headline">Title of News Article</div>
      <meta itemprop="image" content="https://example.com/photos/1x1/photo.jpg" />
      <meta itemprop="image" content="https://example.com/photos/4x3/photo.jpg" />
      <img itemprop="image" src="https://example.com/photos/16x9/photo.jpg" />
      <div>
        <span itemprop="datePublished" content="2015-02-05T08:00:00+08:00">
          February 5, 2015 at 8:00am
        </span>
        (last modified
        <span itemprop="dateModified" content="2015-02-05T09:20:00+08:00">
          February 5, 2015 at 9:20am
        </span>
        )
      </div>
      <div>
        by
        <span itemprop="author" itemscope itemtype="https://schema.org/Person">
          <a itemprop="url" href="https://example.com/profile/janedoe123">
            <span itemprop="name">Jane Doe</span>
          </a>
        </span>
        and
        <span itemprop="author" itemscope itemtype="https://schema.org/Person">
          <a itemprop="url" href="https://example.com/profile/johndoe123">
            <span itemprop="name">John Doe</span>
          </a>
        </span>
      </div>
    </div>
  </body>
</html>

如何新增結構化資料

結構化資料是一種標準化格式,能夠提供網頁相關資訊並分類網頁內容。如果您是第一次使用結構化資料,請參閱這篇文章,進一步瞭解結構化資料的運作方式。

以下簡要說明如何建立、測試及發布結構化資料。如需在網頁中新增結構化資料的逐步指南,請前往結構化資料程式碼研究室

  1. 新增必要屬性。根據您使用的格式,瞭解要在網頁中的什麼位置插入結構化資料
  2. 遵循指南規範
  3. 使用複合式搜尋結果測試驗證程式碼,並修正所有重大錯誤。此外,我們也建議您修正工具中可能標記的任何非重大問題,因為這有助於改善結構化資料的品質 (但並非符合複合式搜尋結果的顯示條件)。
  4. 部署幾個包含結構化資料的網頁,並使用網址檢查工具測試 Google 轉譯網頁的情形。請確認 Google 可以存取您的網頁,且網頁並未遭到 robots.txt 檔案或 noindex 標記封鎖,也未設有登入規定。如果網頁看起來沒問題,您可以要求 Google 重新檢索您的網址
  5. 為了讓 Google 掌握日後的異動內容,建議您提交 Sitemap。您可以使用 Search Console Sitemap API 自動執行這項操作。

指南規範

您必須按照下列規範啟用結構化資料,才能讓網站顯示在 Google 搜尋結果中。

技術指南

  • 如果有包含多篇文章的內容,請確保將 rel=canonical 指向每個獨立網頁或是能夠「查看全部」的總覽網頁,而非分段系列中的第 1 頁。進一步瞭解標準化程序。
  • 如果您的網站內容是以訂閱的方式開放瀏覽,或者使用者必須註冊才能瀏覽內容,建議您加入訂閱和付費牆內容的結構化資料。

結構化資料類型定義

為了讓 Google 更清楚瞭解您的網頁,請盡可能加入網頁適用的建議屬性。沒有必要屬性;而是改為加入適用於您的內容的屬性。

Article 物件

Article 物件必須以下列其中一種 schema.org 類型為基礎:ArticleNewsArticleBlogPosting

Google 支援的屬性如下:

建議屬性
author

PersonOrganization

文章的作者。為了讓 Google 更瞭解不同內容的作者,建議您遵循作者標記最佳做法

author.name

Text

作者的名稱。

author.url

URL

可明確識別文章作者的網頁連結,例如作者的社群媒體頁面、「關於我」頁面或簡介頁面。

dateModified

DateTime

文章最近修改的日期和時間,採 ISO 8601 格式

如果要向 Google 提供更精確的日期資訊,請加入 dateModified 屬性。這項屬性只有在您確定其適用於您網站時才建議使用,因此複合式搜尋結果測試不會針對這項屬性顯示警告。

datePublished

DateTime

文章首次發布的日期和時間,採 ISO 8601 格式

如果要向 Google 提供更精確的日期資訊,請加入 datePublished 屬性。這項屬性只有在您確定其適用於您網站時才建議使用,因此複合式搜尋結果測試不會針對這項屬性顯示警告。

headline

Text

文章的標題。建議您改用精簡的標題,因為部分裝置可能會截斷冗長的標題。

image

重複的 ImageObjectURL

可代表文章的圖片網址。請使用與文章相關的圖片,而非標誌或字幕。

其他圖片規範:

  • 每個網頁都必須包含至少一張圖片 (無論是否已加上標記)。Google 會根據顯示比例和解析度,選擇最適當的圖片顯示在搜尋結果中。
  • 圖片網址必須可供檢索和建立索引。如要測試 Google 能否存取您的網址,請使用網址檢查工具
  • 圖片內容與您標記的內容必須相符。
  • 圖片檔案必須使用 Google 圖片支援的格式
  • 為了獲得最佳結果,建議您使用以下長寬比,提供多張高解析度圖片 (寬度和高度相乘時至少 50K 像素):16x9、4x3 和 1x1。

例如:

"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]

作者標記最佳做法

為了讓 Google 更瞭解內容作者並以適當的方式呈現作者資訊,建議您在標記中指定作者時,採用下列最佳做法:

作者標記的最佳做法

在標記中納入所有作者

確定在網頁上顯示為作者的所有作者都納入標記中。

指定多位作者

指定多位作者時,請為每位作者使用專屬的 author 欄位:


"author": [
  {"name": "Willow Lane"},
  {"name": "Regula Felix"}
]

請勿將多位作者合併在同一 author 欄位中:


"author": {
  "name": "Willow Lane, Regula Felix"
}

使用其他欄位

為了讓 Google 更瞭解作者是誰,強烈建議您使用 typeurl (或 sameAs) 屬性。為 urlsameAs 屬性使用有效的網址。

舉例來說,如果作者是某人,您可以連結至作者網頁,提供作者詳細資訊:


"author": [
  {
    "@type": "Person",
    "name": "Willow Lane",
    "url": "https://www.example.com/staff/willow_lane"
  }
]

如果作者是某個機構,您就可以連結到該機構的首頁。


"author":
  [
    {
      "@type":"Organization",
      "name": "Some News Agency",
      "url": "https://www.example.com/"
  }
]

僅在 author.name 屬性中指定作者名稱

author.name 屬性中,僅指定作者的名稱。請勿新增任何其他資訊。具體來說,請勿加入下列資訊:

  • 發布者的名稱。這項資訊請改用 publisher 屬性。
  • 作者的職稱。如要指定這項資訊,請改用適當的屬性 (jobTitle)。
  • 前後或後置敬語。如要指定這項資訊,請改用適當的屬性 (honorificPrefixhonorificSuffix)。
  • 引導字詞 (例如「發文者」這類字詞就不應放入)。

"author":
  [
    {
      "name": "Echidna Jones",
      "honorificPrefix": "Dr",
      "jobTitle": "Editor in Chief"
    }
  ],
"publisher":
  [
    {
      "name": "Bugs Daily"
    }
  ]
}

請使用適當的 Type

對個人使用 Person 類型;對機構使用 Organization 類型。不要使用 Thing 類型,也不要使用錯誤的類型 (例如對某個人使用 Organization 類型)。

以下為採用了作者標記最佳做法的範例:

"author":
  [
    {
      "@type": "Person",
      "name": "Willow Lane",
      "jobTitle": "Journalist",
      "url":"https://www.example.com/staff/willow-lane"
    },
    {
      "@type":"Person",
      "name": "Echidna Jones",
      "jobTitle": "Editor in Chief",
      "url":"https://www.example.com/staff/echidna-jones"
    }
  ],
"publisher":
  {
    "name": "The Daily Bug",
    "url": "https://www.example.com"
  },
  // + Other fields related to the article...
}

疑難排解

如果無法順利導入結構化資料,或是偵錯時遇到困難,請參考下列資源。

  • 如果您使用內容管理系統 (CMS) 或者有他人代您處理網站事務,請向對方尋求協助。請務必將所有與問題相關的 Search Console 訊息都轉寄給對方,這些訊息會針對問題提供詳細說明。
  • Google 不保證採用結構化資料的功能一定會顯示在搜尋結果中。如要瞭解為何 Google 無法將您的內容顯示為複合式搜尋結果,請參閱結構化資料通用指南裡的常見原因清單。
  • 結構化資料可能含有錯誤。請查看結構化資料錯誤清單
  • 如果您的網頁遭到結構化資料專人介入處理處置,系統會忽略網頁上的結構化資料,但該網頁仍然會出現在 Google 搜尋結果中。請使用專人介入處理報告來修正結構化資料問題
  • 再次查看指南規範,確認您的內容是否符合規定。問題可能是因為垃圾內容或不當使用的標記所引起。不過,因為問題可能與語法無關,所以複合式搜尋結果測試無法找出問題所在。
  • 疑難排解:未出現複合式搜尋結果/複合式搜尋結果總數減少
  • 請等待一段時間,讓系統執行重新檢索和重新建立索引作業。在發布網頁後,Google 可能需要幾天時間才會找到網頁並進行檢索。如有關於檢索和索引建立作業的一般問題,請參閱 Google 搜尋檢索和索引常見問題
  • 前往 Google 搜尋中心論壇發文提問。