AMP是什麼?對SEO會有影響嗎?

如果你曾經使用手機瀏覽網頁,是否曾經發現網站的讀取速度很慢,版型設計也讓閱讀很吃力?背後的原因除了網站的RWD設計不佳之外,也有可能是AMP的影響。

由於智慧型手機的普及,當Google發現使用者用行動裝置瀏覽網站普遍體驗都不好後,便開始注重手機用戶的感受。除了增加SEO分數的比重外,更在2016年發佈「AMP網站」,讓使用者花更少的時間就能讀取網站。但是什麼是AMP?對SEO真的有影響嗎?在什麼情況下我需要使用AMP網頁呢?我們將在下面內容中一一為你解答。

AMP是什麼?

AMP的全名是Accelerated Mobile Pages,中文翻譯成「加速手機版網頁」,這是一個由Google開發出來的架構,目的是讓手機用戶在瀏覽網頁時能用更快的速度閱讀網頁內容。根據國外媒體實測,有安裝AMP的網站,文章頁面開啟速度會比沒有安裝的快10倍左右,由此可見具有相當的成效。

而AMP主要還可以被細分成三部分,分別為AMP html、AMP Javascript、AMP Cache:

AMP html

是一個專門為html設計的規範,會針對圖片、影片和廣告制定相關規範。

AMP Javascript

是一個Javascript的程式庫,由於AMP禁止在網頁中同步Javascript,但是卻可以使用非同步的Javascript,因此特別設計這一套程式庫,管理網站載入、自訂標記、快速轉譯網頁等功能。

AMP Cache

Cache也就是所謂的快取,因此這部分主要是在管理網頁快取跟傳輸。由於有AMP的網頁多半都是已經存好快取,所以載入速度才可以這麼快。

AMP網站與一般網站的差異

了解AMP是什麼以後,你可能會好奇AMP網站跟一般網站有什麼差異?基本上如果使用電腦版可能看不太出來,主要在手機上會比較有感。

刪除不必要的內容

AMP網頁最大的特色就是「介面看起來很陽春」,這是因為有很多不必要的東西都被刪除了,例如網頁特效、特殊功能和語法等等,只保留下最基本可以瀏覽的內容,也因此載入速度才可以變快。

而一般網站則是沒有經過這些處理,所以網頁特效、動畫、圖片、影片等都保留最原始的大小或設定,因此載入速度才會比較慢。

AMP vs. RWD

你可能也會想問:我的網站已經有針對行動裝置設定RWD了,這樣還需要再安裝AMP嗎?

基本上,AMP和RWD雖然同樣是增加行動裝置用戶的好感,但是兩者之間有個最大的差異,那就是RWD雖然是針對小螢幕裝置進行網頁設計,或許也會簡化或隱藏一些功能,可是可能還會保留一些動畫或特效,圖片尺寸也不會因此縮減;AMP則是將網站最簡化,甚至不會保留任何設計樣板,整體看上去非常陽春,基本上就只有閱讀的作用。

AMP的限制

AMP的主要目的是把網站變得最精簡化,藉以加快網頁載入速度,但是它真的這麼好用嗎?如果從網站開發人員的角度,可能會產生下面這些限制:

  • Javascript的使用限制:前面我們有說到,AMP會限制Javascript的使用,讓網頁變成靜態化,因此有很多工程師編寫的程式可能就無法使用,或者必須寫在AMP規定的sandbox iframe區塊裡面。當然,如果網站是使用WordPress架設的話,可能比較不會有類似的問題。
  • Style大小:為了加快網頁讀取速度,AMP限制了Style的大小,不能超過50KB,並且也有限制能撰寫的區塊。
  • 圖片大小:無論是網站中的影像,或是圖片型的廣告,AMP都有規定尺寸大小,你必須完全符合大小規定,否則之後Google Console可能會一直跳出警告通知,說這會影響網頁使用體驗。
  • 字體限制:如果網頁有使用特殊字體,那麼你可能要確認是否符合AMP的規範,否則這些字體將無法顯示。

AMP的優缺點

綜合上面的這些內容,以下我們再整理出AMP的優點和缺點:

優點

  1. AMP是一個開源計畫,任何人都可以安裝使用。
  2. AMP是免費使用的,完全不須支付額外費用。
  3. 如果是用WordPress架設網站者,AMP可以透過外掛安裝跟設定,會比一般寫code架站還要方便設定。
  4. 可以讓網頁讀取速度變快。
  5. 由於讀取速度變快,因此可能會增加網頁點擊率並減少跳出率,對於SEO可能會有幫助。

缺點

  1. AMP只適用於Google瀏覽器使用,其他瀏覽器並沒有支援。
  2. 網頁設計限制重重,很多功能都會被拿掉,基本上只剩下文字跟圖片。
  3. 可能無法擴充使用其他程式。
  4. 因為載入速度快,也可能造成訪客停留時間縮短,對SEO來說可能也會產生另一面向的傷害。

AMP對SEO的影響

由於AMP是由Google開發的系統,再加上可以增加網頁載入速度、對手機用戶友好等等,不禁讓人把它和SEO聯想在一起,甚至思考如果安裝AMP之後,我的網站排名就會往前。

關於這個問題,我們建議先抱持保留與懷疑的態度。

事實上,Google官方曾經指出,使用AMP不一定會增加SEO,因為它不是唯一的影響值。如果光靠安裝AMP就可以讓網站排到很前面,那麼那些花時間、花心力產出內容的網站不就是傻瓜?

或許從某些角度來看,安裝AMP因為可以加快手機網頁的載入速度,對於手機用戶來說確實可以留下良好的印象,也會比較願意留在網站觀看其他內容;但請注意這是一把兩面刀,因為加載速度變快,使用者可以更快瀏覽自己想看的內容,看完就跳出,不也對網頁跳出率造成很大的傷害嗎?

我的網站該安裝AMP嗎?

說了這麼多,我的網站究竟該不該使用AMP呢?什麼情況下建議安裝AMP?

這類型的網站「適合」安裝AMP

  • 網站目的是提供內容或資訊導向,例如新聞網站、部落格等等,內容幾乎以文章為主,不需要其他特殊功能。
  • 如果SEO排名一直沒有起色,並且發現使用手機瀏覽時網站載入速度很慢。

這類型的網站「不適合」安裝AMP

  • 需要使用很多功能或特效輔助的網站。
  • 活動型網站,需要比較多精美設計或特效。
  • 以廣告為營利目的的網站,例如自媒體。

總結

基本上,AMP並不是一個很難安裝跟操作的系統,尤其如果是用WordPress架設網站的話,透過外掛幾乎可以一鍵設定完成。它的出現也確實幫助網站載入速度加快,但是要注意的是,因為AMP的限制很多,不一定適合所有網站使用,更不保證一定可以加強SEO

因此我們會建議安裝AMP前要審慎評估一下自家網站的狀況,或者是與龐果設計聯繫,我們會針對你的網站情況,幫你分析是否適合安裝AMP。

常見問答

本區問答由 AI 依文章內容自動整理,僅供快速參考,正式內容仍以全文為準。

AMP 是什麼?跟一般網頁有什麼差別?

AMP 全名是 Accelerated Mobile Pages,中文叫加速行動版網頁,是 Google 於 2016 年推出的架構,目的是讓手機使用者用更快速度載入網頁。
根據國外實測,安裝 AMP 的網站文章頁開啟速度可比一般快約 10 倍。
AMP 由 AMP HTML、AMP JavaScript、AMP Cache 三部分組成,分別規範 HTML 寫法、限制非同步 JS、管理快取與傳輸。
最大特色是介面看起來很陽春,因為大量網頁特效、動畫與功能都被移除,只留最基本可瀏覽的內容。

我網站已經有 RWD 了,還需要安裝 AMP 嗎?

兩者目的相近但策略不同。
RWD 是針對不同螢幕尺寸做網頁設計,會簡化或隱藏部分內容,但仍保留動畫、特效與圖片原始尺寸;AMP 則是把網站精簡到極致,幾乎不保留任何設計樣板,只剩文字與圖片,目的就是加快載入。
所以是否要再裝 AMP,看你的網站類型:若內容導向(新聞、部落格)並重視手機速度,RWD 加 AMP 可以互補;若網站重視設計感與互動,光做好 RWD 通常就夠,硬上 AMP 反而會犧牲體驗。

AMP 真的能直接提升 SEO 排名嗎?

不一定。
Google 官方明確指出,使用 AMP 不一定會增加 SEO,它不是唯一影響排名的因素。
從某個角度看,AMP 確實能加快手機載入速度、改善體驗,可能提升點擊率與停留意願,間接幫助 SEO。
但它也是雙面刃,因為頁面太精簡、載入太快,使用者可能看完就跳出,反而拉高跳出率對 SEO 不利。
所以你不能把 AMP 當成排名捷徑,真正能影響 SEO 的還是內容品質、結構與站內整體體驗。

AMP 有哪些技術限制?

限制不少。
第一是 JavaScript 使用受限,禁止同步 JS,工程師寫的程式得放在規定的 sandbox iframe,許多互動功能會被砍掉。
第二是 CSS 樣式大小限制 50KB,能撰寫的區塊也有規範。
第三是圖片必須符合 AMP 規定的尺寸,否則 Google Search Console 會跳警告。
第四是特殊字體要符合 AMP 規範才能顯示。
另外 AMP 主要在 Google 環境下生效,其他瀏覽器支援度有限,這些限制會直接影響網站功能擴充。

哪些網站適合裝 AMP?哪些不適合?

適合安裝 AMP 的是內容或資訊導向的網站,例如新聞網站、部落格,內容幾乎都是文章、不需要特殊功能,或是 SEO 排名一直起不來且手機載入明顯偏慢的網站。
不適合安裝 AMP 的則是需要大量功能或特效輔助的網站、活動型網站需要精美設計與互動,以及以廣告為主要營利模式的網站(如自媒體),因為 AMP 對廣告與互動限制較多,可能反而傷害收益。
建議先評估網站定位再決定。