AMP

讓您的網頁更容易被搜尋到

重要事項:本文件不適用於您目前選取的格式 故事

在某些情況下,您可能會想要同時擁有同一個網頁的非 AMP 版本和 AMP 版本,例如,一篇新聞報導。請思考這個問題:如果 Google 搜尋找到該網頁的非 AMP 版本,它如何知道有 AMP 版本呢?

為了要解決這個問題,我們將 AMP 網頁的資訊加入到非 AMP 網頁中,反之亦然,形式是在 <head> 中加入 <link> 標籤。

將以下內容加入到非 AMP 網頁

<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html">

將以下內容加入到 AMP 網頁

<link rel="canonical" href="https://www.example.com/url/to/full/document.html">

如果我只有一個網頁怎麼辦?

如果您只有一個網頁,而且該網頁是 AMP 網頁,您仍然必須加入標準連結到該網頁,而該連結將會直接指向自身

<link rel="canonical" href="https://www.example.com/url/to/amp/document.html">

繼續閱讀 – 進一步瞭解 Google 如何在 AMP 網頁的 Google 搜尋指南 中找到 AMP 網頁。

透過額外的中繼資料與第三方平台整合

有時第三方網站(嵌入您的 AMP 網頁或包含其連結)需要瞭解您的網頁更多資訊,而不僅僅是知道它是 AMP 網頁。平台可能會詢問關於您網頁的問題,例如「您是新聞報導嗎?」「還是影片?」,或是「您有螢幕截圖和簡短描述嗎?」。

這不僅與 AMP 網頁相關,也與所有網頁相關。對於某些平台來說,這些中繼資料是額外的,對於其他平台來說,這是必要條件,表示如果您未包含正確的中繼資料,它們就不會顯示您內容的連結。請確保您為想要顯示您內容的平台加入正確的中繼資料。

針對大多數搜尋引擎使用 Schema.org

Schema.org 提供開放詞彙表,可為各種事物加入中繼資料。以 AMP 來說,在內容脈絡中有意義的屬性包括特定類型的內容(即「新聞報導」)、標題、發佈日期和相關的預覽圖片。

範例

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "NewsArticle",
    "mainEntityOfPage": "http://cdn.ampproject.org/article-metadata.html",
    "headline": "Lorem Ipsum",
    "datePublished": "1907-05-05T12:02:41Z",
    "dateModified": "1907-05-05T12:02:41Z",
    "description": "The Catiline Orations continue to beguile engineers and designers alike -- but can it stand the test of time?",
    "author": {
      "@type": "Person",
      "name": "Jordan M Adler"
    },
    "publisher": {
      "@type": "Organization",
      "name": "Google",
      "logo": {
        "@type": "ImageObject",
        "url": "http://cdn.ampproject.org/logo.jpg",
        "width": 600,
        "height": 60
      }
    },
    "image": {
      "@type": "ImageObject",
      "url": "http://cdn.ampproject.org/leader.jpg",
      "height": 2000,
      "width": 800
    }
  }
</script>

更多範例可以在 ampproject 範例資料夾 中找到,包括替代的 HTML 屬性語法)。

請造訪這些資源以取得關於結構化資料的更多資訊

更多平台可使用的其他中繼資料

前往 Web Fundamentals 的社群探索指南,以瞭解所有其他準備您的內容以進行探索和散佈的不同方式。