SEO優化 網路行銷 網路架站

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 開發的網頁架構,目的是讓手機用戶能用更快速度閱讀內容。安裝 AMP 的網站文章頁面,開啟速度可比一般網站快 10 倍左右。

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

RWD 是針對小螢幕簡化版面,但仍保留部分動畫與原始圖片尺寸。AMP 則會把網站簡化到只剩閱讀功能,不保留任何設計樣板。兩者目的不同,是否需要安裝 AMP,要視網站需求另外評估。

AMP 對網頁設計有哪些限制?

AMP 會限制 JavaScript 的使用、規定 Style 大小不能超過 50KB、限制圖片尺寸並要求字體符合規範。若未符合這些規定,頁面可能無法正常顯示,或收到 Google Console 的警告。

安裝 AMP 會提升 SEO 排名嗎?

Google 曾指出,安裝 AMP 不一定會提升 SEO 排名,因為這並非唯一的影響因素。雖然載入速度加快可能會提升點擊率,但也可能讓訪客看完內容就離開,反而墊高跳出率。

什麼樣的網站適合安裝 AMP?

以內容或資訊為主、不需要特殊功能的網站,例如新聞網站或部落格,比較適合安裝 AMP。若使用手機瀏覽時發現網站載入速度慢、SEO 排名一直沒有起色,也可以考慮安裝 AMP。