文章

您可以在新聞、網誌和體育相關文章網頁中新增結構化資料,藉此改善網頁在 Google 搜尋結果中的呈現效果,例如顯示在焦點新聞輪轉介面和代管輪轉介面中,以及透過影像故事和複合式搜尋結果 (例如標題文字和比縮圖大的圖片) 的方式呈現。視您編寫網頁程式碼的方式而定,網頁可採用的功能會有所不同:

  • 包含結構化資料的 AMP 網頁:(建議做法) 包含結構化資料的 AMP 網頁可顯示在行動版搜尋結果的焦點新聞輪轉介面、複合式搜尋結果的代管輪轉介面、影像故事和複合式搜尋結果中。這類搜尋結果可包含圖片、頁面標誌以及其他有趣的複合式搜尋結果功能。
  • 包含結構化資料的非 AMP 網頁:如果在非 AMP 文章網頁中加入結構化資料,網頁就更有可能以複合式搜尋結果的形式顯示在搜尋結果中。

範例

以下示範如何在具有 Article 結構化資料的 AMP 網頁上採用 JSON-LD 程式碼。


<html amp>
  <head>
    <title>Article headline</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://google.com/article"
      },
      "headline": "Article headline",
      "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": "John Doe"
      },
       "publisher": {
        "@type": "Organization",
        "name": "Google",
        "logo": {
          "@type": "ImageObject",
          "url": "https://google.com/logo.jpg"
        }
      }
    }
    </script>
  </head>
  <body>
  </body>
</html>

實作流程

包含結構化資料的 AMP 網頁

新聞報導的 AMP 結果輪轉介面。

包含結構化資料的 AMP 網頁可顯示在搜尋結果的焦點新聞輪轉介面中。 如果沒有結構化資料,AMP 網頁就只會在 Google 搜尋結果中顯示為標準藍色連結。 如要進一步瞭解搜尋結果中的 AMP,請參閱關於 Google 搜尋結果中的 AMP 一文。

如何建立包含結構化資料的 AMP 網頁:

  1. 遵循 AMP 專案規格
  2. 遵循其他網頁規範,確保 Google 可檢索您的網頁。
  3. 新增結構化資料元素,說明網頁上的文章。
  4. 使用複合式搜尋結果測試檢驗您的結構化資料。

包含結構化資料的非 AMP 網頁

非 AMP 網頁可顯示為複合式搜尋結果清單中的複合式搜尋結果,或顯示在類似的非 AMP 網頁輪轉介面中。複合式搜尋結果可包含標題和圖片。雖然 Google 可嘗試從您的網頁中自動擷取足夠的資訊來提供這些功能,但如果您在網頁中加入結構化資料,將可協助 Google 更清楚瞭解網頁內容,並讓網頁更有可能以複合式搜尋結果或輪轉介面搜尋結果的方式呈現。

非 AMP 搜尋結果可包含一個標題和一張圖片,如下所示:

新聞報導的兩個非 AMP 結果,一個有圖片,另一個沒有圖片。 「焦點體育新聞」的非 AMP 結果,當中顯示一個包含圖片和影片片段的 AMP 網頁。
非 AMP 網頁的兩個非輪轉介面搜尋結果 非 AMP 網頁的輪轉介面搜尋結果

如何為非 AMP 文章網頁新增結構化資料:

  1. 在網頁中新增結構化資料元素,說明網頁上的文章。
  2. 閱讀相關規範,確保 Google 可檢索您的網頁。
  3. 使用複合式搜尋結果測試檢驗您的結構化資料。

Google 建議您建立 AMP 版本的網頁,以便在行動裝置上提供更優異的使用者體驗。進一步瞭解在行動裝置上使用 AMP 的好處

指南規範

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

技術指南

  • 如果您的網站內容是以訂閱的方式開放瀏覽,或者使用者必須註冊才能瀏覽您的內容,請針對訂閱和付費牆內容新增結構化資料。
  • 如有包含多個部分的內容,請確保 rel=canonical 指向個別網頁或「查看全部」網頁 (而非某個分段系列中的第 1 頁)。進一步瞭解標準化程序。

AMP 標誌規範

下列規範適用於所有 AMP 網頁 (包括 AMP 故事) 的標誌。

  • 檔案必須是光柵檔案,例如 .jpg.png.gif。請勿使用向量檔案,例如 .svg.eps
  • 請勿使用動畫。
  • 標誌的圖像部分必須與背景顏色有明顯區別。

下列規範適用於一般 AMP 網頁 (非 AMP 故事) 所用的標誌。AMP 故事有另外的標誌規範

  • 標誌必須是矩形,不得為正方形。
  • 標誌不得超出 60x600px 矩形範圍,且要剛好 60px 高 (建議) 或剛好 600px 寬。 例如,450x45px 雖然未超出 600x60px 矩形範圍,但並不符合規定。

    標誌範例

  • 發布者只能針對每個品牌使用一個標誌,且標誌在所有的一般 AMP 網頁中要一致。
  • 請使用完整文字商標或完整標誌,不要使用圖示。
  • 文字標誌中的文字高度上限為 48px,並要垂直放置於整張圖片高度 (60px) 的中間。請加入額外的空間,將高度補到 60px。

  • 背景非空白的標誌應在圖像周圍加上至少 6px 的邊框間距。

結構化資料類型定義

以下各節將說明文章結構化資料的屬性規範。您的內容必須包含必要的屬性,才能以複合式搜尋結果的形式呈現。您也可以加入建議的屬性,為內容新增更多相關資訊,提供更優質的使用者體驗。

Article 物件

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

AMP

下列屬性適用於 AMP 網頁。

必要屬性
author

PersonOrganization

文章的作者。

author.name

Text

作者的名稱。

datePublished

DateTime

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

最佳做法:

  • 日期不應隨著時間改變。
  • 建議您除了日期以外,在時間戳記中另外加入小時資訊。
  • dateModified 的值要晚於 datePublished 的值。
headline

Text

文章的標題。標題不得超過 110 個字元。如果是 AMP 故事,標題應與 AMP 故事中第一頁 (即封面) 的文字一致。

image

ImageObjectURL 的重複屬性

可代表文章或 AMP 故事的圖片網址。

基於搜尋結果中的格式差異,下列圖片規範僅適用於一般 AMP 網頁,而不適用於 AMP 故事。AMP 故事有另外的圖片規範

  • 只能指定已加上標記且直接屬於該文章的圖片。
  • 圖片寬度至少要 1200 像素。
  • 每一頁都必須包含至少一張圖片 (無論是否已加上標記)。Google 會根據長寬比和解析度選擇最適當的圖片顯示在搜尋結果中。
  • 圖片網址必須可供檢索和建立索引
  • 圖片必須代表加上標記的內容。
  • 圖片必須採 .jpg.png.gif 格式。
  • 為獲得最佳效果,請提供多張高解析度圖片 (寬度乘以高度至少要 80 萬像素),長寬比分別為 16x9、4x3 和 1x1。

例如:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
  ]
}
publisher

Organization

文章的發布者。

publisher.logo

ImageObject

發布者的標誌。詳情請參閱 AMP 標誌規範

publisher.logo.url

URL

標誌的網址。

publisher.name

Text

發布者的名稱。

建議屬性
dateModified

DateTime

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

mainEntityOfPage

URL

文章網頁的標準網址。如果文章是文章網頁的主題,請指定 mainEntityOfPage。

非 AMP

下列屬性適用於非 AMP 網頁。

建議屬性
dateModified

DateTime

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

datePublished

DateTime

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

headline

Text

文章的標題。標題不得超過 110 個字元。

image

重複的 ImageObjectURL

可代表文章的圖片網址。只能指定已加上標記且直接屬於該文章的圖片。圖片寬度至少要 696 像素。

其他圖片規範:

  • 每一頁都必須包含至少一張圖片 (無論是否已加上標記)。Google 會根據長寬比和解析度選擇最適當的圖片顯示在搜尋結果中。
  • 圖片網址必須可供檢索和建立索引
  • 圖片必須代表加上標記的內容。
  • 圖片必須採 .jpg、.png 或 .gif 格式。
  • 為獲得最佳效果,請提供多張高解析度圖片 (寬度乘以高度至少要 30 萬像素),長寬比分別為 16x9、4x3 和 1x1。

例如:


{
  "@context": "https://schema.org",
  "@type": "NewsArticle",
  "image": [
    "https://example.com/photos/1x1/photo.jpg",
    "https://example.com/photos/4x3/photo.jpg",
    "https://example.com/photos/16x9/photo.jpg"
  ]
}

疑難排解

如果您無法順利導入結構化資料,請參考下列資源。