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 (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!
請勿將 noindex
作為 AMP 檔案的 X-Robots-Tag HTTP 標頭包含在內。
$ 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 貢獻