AMP 發布檢查清單

重要提示：此文件不適用於您目前選擇的格式 stories！

遵循此檢查清單，讓您的網站獲得最完整的 AMP 體驗！

確保 AMP 規範驗證

AMP 具有許多內建優勢，例如透過預先載入來自 AMP 快取的內容來減少使用者等待時間。為了獲得這些優勢，頁面必須是有效的 AMP 文件。AMP 驗證工具報告錯誤的已發布頁面無法被 AMP 快取索引，並可能以錯誤頁面形式提供。

使用這些工具，永遠不再發布無效的 AMP 頁面

授與快取的 AMP 頁面伺服器存取權

好消息，有效的 AMP 頁面會自動選擇加入所有現有的 AMP 快取！這表示您的使用者可以體驗到有效率且安全載入的內容。這些類型的最佳化很棒，但有一個小小的問題。某些使用者將會從與您網域不符的網域取得 AMP 頁面。當使用動態 AMP 組件 (例如 <amp-form> 或 <amp-list>) 時，這可能會導致頁面失去對網站資料的存取權。這些類型的錯誤是跨來源資源共享 (CORS) 問題。透過啟用來自所有可用 AMP 快取的 CORS 請求，安全地工作，而不是與之對抗！如果您在後端使用 Node.js，則可以使用 amp-cors 中介軟體。

深入瞭解授與伺服器存取權

使用簽名交換實現安全且可共享的內容

透過簽名交換 (SXG) 分享內容時，保留您網域的 URL 並簡化分析。透過使用 SXG 提供 AMP 頁面，數位簽章會將文件連結到其聲明的 URL，從而保護您的資訊。此行為將使用者工作階段和 Cookie 視為第一方，彌合了可能的分析差距。實作 SXG 除了提供一般的 AMP 內容之外，還提供已簽名的 AMP 內容，而不是取代它。

深入瞭解實作簽名交換

測試快取的頁面

AMP 快取會儲存圖片、字型和頁面內容，以便在使用者需要時立即提供您的內容。這使得測試您的 AMP 頁面在從 AMP 快取提供時看起來和運作是否符合預期變得非常重要。

將 AMP 頁面新增至 AMP 快取時，請使用瀏覽器的開發人員工具檢查所有外部資源是否可載入。以下是需要注意的清單

圖片
影片
amp-analytics 端點
amp-pixel 端點
自訂字型
iframes

深入瞭解 AMP 快取

確保您的 AMP 檔案可被搜尋引擎發現

僅在 AMP 中建構的頁面 (AMP first) 和具有 AMP double 的頁面 (paired AMP) 都需要確保它們是可被發現的！所有 AMP 頁面都需要在其 <head> 中包含 <link rel="canonical" href="$SOME_URL">。AMP first 頁面需要連結到自身，而與非 AMP 頁面配對的 AMP 頁面將需要互相連結。

確保您的 Schema.org metadata 新增有用的資訊！其他網站和搜尋引擎可能需要此資訊才能分享您的內容。

Web Robots、Web Wanderers、Crawlers 或 Spiders，都是用於搜尋內容的程式名稱。它們遍歷網路，幫助搜尋引擎索引網路內容，以便使用者的查詢可以顯示正確的結果！確保您的搜尋器可以找到您的網站，方法是在 robots.txt 檔案中包含正確的指示，並設定適當的標頭。

請勿透過您的 robots.txt 檔案排除網路爬蟲。

User-agent: *
Disallow: /amp/                            <= don't!

請勿將 robots noindex meta 標籤新增至您的 AMP HTML 檔案。

<meta name="robots" content="noindex" />   <= don't!

請勿在 AMP 檔案的 X-Robots-Tag HTTP 標頭中包含 noindex。

$ curl -I http://www.example.com/amp.html
HTTP/1.1 200 OK
Date: Tue, 25 May 2010 21:42:43 GMT
(…)
X-Robots-Tag: noindex                      <= don't!
(…)

瞭解如何讓您的頁面可被發現

衡量使用者流量和歷程

收集正確的指標對於有用的分析至關重要。在測試將 AMP 引入您的網站如何影響使用者時，請確保您正在衡量正確的事物。如果分析沒有考慮到 AMP 可能造成的差異，則可能會出現偽陰性、偽陽性或不相關的結果。確保您瞭解要尋找什麼，以及如何衡量它！

深入瞭解如何為 AMP 設定適當的分析

由 @CrystalOnScript 撰寫
並由 @sebastianbenz 貢獻