Google 推出行動網站加速計畫 AMP

由於上述提及的行動裝置普及的情形，導致使用者在瀏覽體驗上出現了有別於以往的需求，行動裝置在頻寬、運算效能、儲存空間和瀏覽範圍皆有所限制。

而Google對於此議題也有進行相當的研究，為了改善上面所述的問題，進而提出了AMP網頁的格式。

Accelerated mobile pages (AMP) 是用來建立網頁的一套標準，依此標準格式建立的網頁能夠在行動裝置上快速載入，並呈現良好顯示外觀。打造適合透過行動裝置瀏覽的網站是經營線上業務的一項重要環節。在許多國家/地區，智慧型手機的流量現在已經超過個人電腦。

而AMP網頁的格式相較於傳統網頁設計上有其不同的格式規定。主要目的是為了提升網頁瀏覽器在生成(Render)頁面的速度，讓使用者有良好且快速的瀏覽體驗。

最主要的設計要領有下面幾個面向，自訂的HTML標籤、自訂的Javascript功能、禁止CSS外部的載入，有幾個設計要領建議:

• 您的 AMP 網頁必須符合 AMP HTML 規格。如果您沒有相關經驗，請按這裡瞭解如何建立您的第一個 AMP HTML 網頁。

• AMP 網頁提供的內容以及能讓使用者執行的動作必須儘可能與對應的標準網頁相同。

• AMP 網址架構必須能讓使用者理解。

• AMP 網頁必須是有效網頁，才能如預期對使用者顯示，並且應用於 AMP 相關功能中。如果網頁的 AMP 設定無效，就無法受到部分搜尋功能支援。

• 如果您在網頁中加入結構化資料，請務必遵守Google的結構化資料政策。

有關AMP網頁格式相關問題亦可參考：

AMP網頁真的是行動優先搜尋的百靈解藥嗎？

擴大 AMP專案，Google想讓所有網站載入時間不滿 1 秒

AMP測試

如果你的網頁依照上面的指示做了一些AMP格式的調整，那有什麼方法可以測試成效呢？

你可以透過Google提供的 AMP 測試來檢查 AMP 網頁是否有效，並且驗證設定是否完備，能夠在 Google 搜尋結果中正常顯示 AMP 網頁。

 

Step1:執行測試

進到測試畫面後輸入欲測試的網址，點擊"執行測試"

 

Step2:查看結果

如果發生錯誤，請展開個別錯誤內容，然後按一下行號即可開啟該錯誤的程式碼瀏覽器窗格。

如果頁面包含結構化資料，只要按一下該資料連結，即可開啟結構化資料測試工具，藉此測試和瀏覽結構化資料。

 

Step3:後續步驟和其他AMP相關資源

如果您是 Search Console 中已驗證的網站擁有者，可以透過 AMP 報告瀏覽所有網站 AMP 頁面中的合併式統計資料。

以下是一些 AMP 相關資源：

• www.ampproject.org：開放原始碼計劃首頁，包含完整 AMP 說明文件以及所有開放原始碼的 AMP 代碼。

• Google 搜尋支援的 AMP 功能 (開發人員專用)：Google 搜尋專用的額外 AMP 資訊，包括 AMP 網頁需要符合哪些額外條件才能出現在 Google 搜尋結果中，同時顯示所有可用的搜尋功能。

 

 

如果在原本的網站中加入了AMP網頁，對網站會有什麼好處？

AMP有多重要，從它爸媽是誰就可以知道啦！

AMP標準是Google帶領開發的，目的是為提升行動裝置對網站的存取速度。

AMP追求的目標是在點擊連結後無需等待即可看到頁面內容。

當你在行動裝置的搜尋中，看到網址前有圖示，便表示該網頁為AMP網頁。

▲搜尋結果為AMP網頁示意圖

 

Google在介紹AMP的官方頁面上也清楚表示，AMP網頁更容易出現在行動裝置的搜尋結果上！

因為AMP網頁是需要符合AMP HTML規格，在建立上較為費時，

我們的建議是，可以先從GA中觀察熱門到達頁面的載入速度，再針對速度慢的頁面去做AMP。

 

由於Google本身是搜尋引擎的提供者，對於有製作AMP網頁的網站會特別進行收錄的動作，接著由於AMP網頁在行動裝置的瀏覽體驗會比傳統網頁設計的頁面來的高，因此對於行動版的搜尋引擎的效果會有相當的幫助，網站在行動裝置上的排名也會比較有優勢。

 

有關使用AMP網頁帶來的好處和行動裝置SEO操作趨勢可參考：

2018年SEO操作趨勢－行動版網頁與網站速度優化

部分文章內容來源參考自Google 搜尋指南