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 配對 (paired AMP) 的網頁都需要確保它們可被檢索到!所有 AMP 網頁都需要在 <head>
中加入 <link rel="canonical" href="$SOME_URL">
。AMP first 網頁需要連結到自身,而與非 AMP 網頁配對的 AMP 網頁則需要彼此連結。
確保您的 Schema.org metadata (中繼資料) 新增實用資訊!其他網站和搜尋引擎可能需要此資訊才能分享您的內容。
網路機器人、網路漫遊器、爬蟲程式或蜘蛛程式,都是搜尋內容的程式名稱。它們會遍歷網路,協助搜尋引擎為網路內容建立索引,以便使用者的查詢可以顯示正確的結果!請務必在 robots.txt
檔案中加入適當的指示,並設定適當的標頭,以確保您的搜尋器可以找到您的網站。
請勿透過您的 robots.txt 檔案排除爬蟲程式。
User-agent: *
Disallow: /amp/ <= don't!
請勿在您的 AMP HTML 檔案中新增 robots noindex
meta 標記。
<meta name="robots" content="noindex" /> <= don't!
請勿為您的 AMP 檔案加入 noindex
作為 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