認識AMP網頁技術!SEO排名降低?AMP來拯救!

認識AMP網頁技術!SEO排名降低?AMP來拯救!
Welly SEO 編輯部

Welly SEO 編輯部

2022-02-21更新

2022-01-24發佈

SEO優化

# 技術SEO

# SEO排名

# SEO做法

Google AMP是什麼?以前AMP能加速手機行動版網站載入,還有排名優勢?如今AMP網頁還有流量紅利嗎?本篇帶你讀懂AMP技術、網站與行動裝置版AMP優缺點,並教你AMP Wordpress安裝與解除方法!

Google AMP是什麼?

AMP起源—為了加速而生

Accelerated Mobile Pages,簡稱AMP,AMP中文翻譯成加速行動頁面,由Google於2016年2月正式發布,顧名思義AMP意思就是一種為了加快讀取網站內容而生的框架技術。

現在行動裝置幾乎人手一台,而網路時代大家耐心有限,如果開個網頁都要等2、3秒,不少人就會跳出網頁,使得點擊率變成了跳出率...

網頁讀取速度優化有3個方向

那麼該如何優化網頁讀取速度?大方向有3個:

  • 提升手機效能
  • 提升網路速度
  • 讓網頁變輕便、簡潔

手機效能取決於每個人所拿的手機,變因太高、難以規範,網路速度則是國家整體建設問題,儘管4G、5G普及,但鄉下地區依然存在3G用戶,不能因為人數少就忽視他們的權益。

所以左思右想,Google認為還是得從網頁本身下手,AMP技術因此營運而生——

讓我們把不必要的東西通通刪光,這樣不論手機效能跟網路速度多差,網頁都能夠輕便、夠快速!

AMP SEO的演變:2021起不再擁有排名加權

當年由Google主導開發這項技術,為了鼓勵更多內容創作者應用,改成AMP網頁的網站,不僅會呈現特殊的AMP圖案,還擁有Google搜尋引擎SEO排名紅利。

(延伸閱讀:SEO是什麼?SEO優化怎做?SEO搜尋引擎最佳化完整教學

但AMP網頁為了加快網頁速度,只保留必要元件,導致網頁變很簡潔,不少網站雖然名列前茅,卻出現使用者體驗不佳

所以在2021年Google更新演算法後,AMP將不再顯示於搜尋引擎上,網站符合AMP SEO 2021年起也不會擁有加權。

AMP閃電符號示意圖

以前通過AMP驗證的網站在搜尋引擎上會出現閃電符號⚡,但在2021年6月演算法更新後,Google已經明確表示:

在網頁體驗更新中,我們將擴展非 AMP 內容的使用範圍。/不再顯示用來指出 AMP 內容的 AMP 徽章圖示。

意思就是說2021年搜尋引擎的排名高低,還是要回歸使用者體驗為核心,單純改成AMP網頁不是王道了!

AMP網頁技術原理

2015年Google帶頭開發了AMP這項開源專案,AMP主要由3個部分組成:AMP HTML、AMP JS和AMP Cache。

  • AMP HTML:是一種專門為了AMP所設計的HTML規範,在圖像、影片和廣告顯示方面有特定專用標籤,如amp-img、amp-video、amp-iframe,並且為了保持讀取速度,限制了某些非必要性的HTML使用。
  • AMP JS:是一套為了保證AMP HTML快速且正確顯示的JavaScript函式庫,能夠管理網頁載入、快速轉譯舊網頁。
  • AMP Cache:是一種快取和傳輸AMP的內容傳遞網路(CDN),也就是當使用者點擊AMP網站時,存取的是經過AMP Cache最佳化的快取頁面。

這部分不具有程式技術背景的人可能看不懂,沒關係!讓我們接著用白話來解釋AMP網頁到底長怎樣。

AMP究竟刪除了什麼?

  • CSS:限制大小只能在50KB以內,且不能用外部CSS。
  • Javascript:限制只能使用AMP提供元件,其他Javascript語法或jQuery、AngularJS之類的JS資料庫都不能用。

刪除這些項目以後,將導致網頁變得單調、沒有特效,品牌特色降低,保留最重要的基本閱讀元素,底下是國外的各個網站提供的AMP網站長相:

AMP網站示意

圖片參考來源:

  • Moz.com《AMP-lify Your Digital Marketing in 2018》
  • Thee Digital《Is 2016 the year of Google Accelerated Mobile Pages (Google AMP)?》

AMP網頁雖然跑得飛快,卻有限制!

儘管AMP提高網站速度,理論上也能夠減少因載入速度而流失的訂單,從而提高轉換率。

官方表示採用AMP網站專案後,網頁載入速度比標準網頁快4倍、網站流量增加10%、頁面停留時間增加2倍、電商銷售額和轉化次數增加20%。

AMP帶來的網站成效

但儘管AMP網站有成效,精簡化的AMP網站卻也同時存在不少限制。

AMP優點

  • 程式開源且免費,任何人都可以使用
  • 網頁加載速度提升
  • 降低跳出率,有機會提高SEO排名
  • 網頁簡單乾淨
  • 安裝方式快速且簡單(尤其是Wordpress等AMP支援CMS)
  • 留住更多的用戶、提升訪客黏著度

AMP缺點

  • 只在行動裝置上才能瀏覽AMP網頁
  • 因AMP網站屬於Google網域,可能導致流量分散
  • 網站設計不靈活,可能出現排版異常
  • 廣告投放僅限Googld Ads
  • 因無法顯示部分廣告,可能導致廣告收入下降
  • 功能受限,可能無法一鍵分享網頁,只能土法煉鋼複製網址
  • 不能使用其他擴充應用程式

AMP Wordpress安裝與解除

評估:你需要安裝AMP嗎?

事實上,當Google明確表示使用者體驗才是核心,AMP不再是專寵後,AMP就不再是良好SEO網頁體驗的唯一出路了。

因為網站速度優化方式很多,我們完全可以不斷優化網站,同時擁有出色的網頁體驗、特效與良好網頁速度。

換言之,如今Google重視的是網站速度,而不是你的網站是不是AMP架構。

那麼,有哪些網站依然可以考慮從AMP網頁技術來優化網頁速度?底下是我們Welly團隊給出的建議:

  • 以內容、文章為主的網站,如新聞、部落格
  • 較少視覺特效、廣告的一般企業網站

其他情況下,我們會建議SEO還是依循Google真正關心的指標來操作,例如說2021年的「網站使用體驗核心指標」,LCP、FID、CLS就是3項優化核心,詳細可以參考底下連結:

▶開啟網站使用體驗核心指標報告

想直接看網站速度表現,可從以下連結進入測試:

▶開啟PageSpeed Insights

AMP Wordpress安裝與解除

AMP安裝在Wordpress中可以說是最簡單不過的了,只需要到外掛資料庫搜尋AMP、AMP For WP,就會出現不少外掛軟件,接下來我們以官方推出AMP為例手把手教你安裝步驟:

Wordpress AMP安裝方法

  1. 到外掛安裝頁面,搜尋AMP並下載、安裝、啟用
  2. 開啟你要製作AMP的網站首頁
  3. 於網址結尾處輸入「/amp」

這樣AMP安裝就大功告成了!

如果要刪除AMP外掛,只需要進入控制台後台,找到你使用中的AMP外掛,點擊停用後再刪除

但AMP刪除後,可能會出現許多404找不到網頁的錯誤訊息,所以別忘了要用301轉址來把含有「/amp」的網址重新導向喔!

延伸閱讀:轉址怎麼設?301、302轉址教學和免費工具分享!

AMP網頁驗證方式

想要確認你的網站有沒有符合AMP,可以透過Google官方的AMP測試工具:

▶開啟AMP 測試- Google Search Console

而想要確認AMP網站在搜尋引擎上的排名訊號表現,可以參考:

▶開啟AMP Page Experience Guide

簡單向大家介紹AMP是什麼後,相信你也對於該如何優化SEO網站,內心應該也有數了,若對技術SEO還有其他疑惑,歡迎查看Welly團隊撰寫的相關文章,或是透過底下連結聯繫我們!

最值得擁有的專業行銷團隊!現在就與Welly一起透過SEO優化提升業績吧!

熱門文章

編輯精選

最新文章

hello@welly.tw

02-77305901

台北市復興北路150號10樓-6

welly logo vertical

Copyright © 2022 偉利科技股份有限公司 All rights reserved.