AMP

AMP 發布檢查清單

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

遵循此檢查清單,讓您的網站獲得最完整的 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 端點
  • 自訂字型
  • iframe

深入瞭解 AMP 快取

確保搜尋引擎可探索到您的 AMP 檔案

僅在 AMP 中建構的頁面 (AMP first) 和具有 AMP double (成對 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!

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

$ 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 設定適當的分析