如何驗證加速移動頁面 (AMP) 由 Google 和其他一些公司(如 Adob​​e 和 WordPress)於 2015 年制定,作為快速加載的移動網站的新標準。 AMP(加速移動頁面)是一種開源頁面格式,您可以使用它來製作適合移動設備的網頁內容版本(AMP 網站、AMP 廣告、AMP 郵件)。該格式將您的頁面縮減為最重要的部分(例如例如,它使用更短的 HTML 代碼),因此它們加載速度更快。

易於在移動設備上使用的網站正變得越來越重要,而 AMP 是其中的重要組成部分。因此,我們製作此分步指南可幫助您設置 Accelerated Mobile Pages 並對其進行測試。我們將告訴您它們的工作原理、是否值得您花時間了解 AMP 等。

如何操作驗證加速移動頁面 (AMP)

驗證

瀏覽器開發人員工具
使用開發人員工具進行驗證:

加載 AMP在瀏覽器中的頁面將“#development=1”附加到 URL,例如 http://localhost:8000/released.amp.html#development=1。打開 Chrome DevTools 控制台並檢查驗證錯誤。

AMP 網絡驗證器
您還可以使用名為 AMP 網絡驗證器的簡單免費工具驗證您的網頁:

將您的源代碼複製並粘貼到網絡驗證器中。觀察 Web 驗證器在代碼行之間傳遞錯誤消息。直接在網絡驗證器中編輯您的代碼,然後將重新驗證。

識別問題

AMP 瀏覽器擴展
Google 建議使用適用於 Chrome 和 Opera 的 AMP 瀏覽器擴展。在打開擴展程序的情況下瀏覽您的站點,它將評估每個頁面的有效性。擴展程序圖標將根據頁面狀態變為以下顏色:

紅色:有錯誤(圖標將顯示錯誤數量) 綠色:有沒有錯誤 藍色:您不在 AMP 頁面上,但該頁面的 AMP 版本可用

AMP 是如何工作的?

AMP HTML: 這是一個特別纖細的 HTML 代碼,承諾文件很小,因此可以快速加載。如果調出一個AMP頁面,只做一次請求,也提高了加載速度。 AMP JavaScript:加速移動頁面基於異步 JavaScript。這允許在沒有腳本阻塞加載的情況下進行即時渲染。 AMP CDN:內容分發網絡 (CDN) 將 AMP 頁面存儲在緩存中,從而在頁面加載時加快加載過程。頁面構建所需的所有文檔僅從一個來源加載。

常見問題解答

AMP 是一種讓您的網站移動版本速度更快的方法嗎?

Accelerated Mobile Pages (AMP) 是一個開源項目,可讓您製作可快速加載的網頁在移動瀏覽器上。您可以為著陸頁製作 AMP 版本,以幫助移動用戶獲得更好的體驗。

如何實施 Accelerated Mobile Pages?

創建您的第一個 AMP 頁面。遵循 AMP 頁面的 Google 搜索指南。通過鏈接您的頁面使您的內容可被發現。 …確保用戶可以在 AMP 頁面上體驗與相應規範頁面上相同的內容並完成相同的操作(如果可能)。

AMP 是否仍然與 SEO 相關?

Google AMP 對 SEO 有影響嗎?儘管 AMP 本身並不是排名因素,但它會在頁面速度和用戶體驗方面產生很大差異,這兩者對於目前在 SERP 中的排名都很重要。起初,Google 搜索在“頭條新聞”部分顯示 AMP 頁面。

By Maxwell Gaven

我在 IT 行業工作了 7 年。 觀察 IT 行業的不斷變化很有趣。 IT 是我的工作、愛好和生活。