【AMP是什麼?】AMP真的有用嗎?AMP對SEO影響重要嗎?

隨著搜尋引擎更新,根據這次主題我們要提到 什麼是AMP?AMP是什麼?因為就在今年9月,Google啟動了新規則「2020.9月起正式實施-行動優先索引(Announcing mobile first indexing for the whole web)」,那大家的網站要如何應對這樣的新規則,讓SEO搜尋排名維持或更好呢?這邊就會提到之前說過的「響應式網頁設計(RWD)」和 Google官方推出的「Accelerated Mobile Pages (AMP)」兩種都是針對「行動裝置網站瀏覽體驗」最好的解決方式.以下會針對這次更新的影響和建議調整做介紹,也會告訴您 什麼是AMP,做AMP介紹 和 RWD介紹.

2021.3更新:原本 Google 預計可以在 2020 年 9 月為所有的網站都採用行動優先索引功能,由於許多因素與新冠狀病毒的疫情在各國造成頗大的傷害,因此,Google 將正式啟用的時間延長至 2021 年 3 月,到時所有的索引將從舊有的電腦版索引,轉換成行動優先索引。

2021.6更新:因為在大量的業者跟進AMP格式設計網頁之後,Google發現整體下來使用者體驗不佳,所以決定取消Google Search搜尋結果獲得更高加權,但是,這樣Google AMP就真的沒用了嗎?

 

 

Google 行動優先索引(mobile first indexing)更新的影響?

 

以前,搜尋排名是依照電腦版網頁(PC版)內容來調整的,但隨著用手機瀏覽網站的使用者越來越多,Google從幾年前開始也越來越重視行動裝置的瀏覽體驗,比如不喜歡行動裝置網站有彈出視窗、文字不能太小等等.

當手機的網路搜尋量幾乎正式的超過了電腦版,Google依據現況宣布了「2020.9月起正式實施-行動優先索引」,意思就是說,如果您的網站沒有針對行動裝置瀏覽優化,您的搜尋排名是大大會受影響的!!

目前還保持早期的傳統網頁模式的公司就需要注意這點,建議開始找網頁設計公司調整網站,避免Google將您的網站排名丟到後面去而影響行銷策略.

(傳統版網站就是用手機瀏覽的時候,因為整個頁面太小,需要放大觀看的那種,參考下圖比較傳統網站和有針對行動裝置調整的網站差別)
柑仔店-手機板網站 沒有RWD響應式設計
上圖:柑仔店-用手機看網站 沒有RWD響應式網頁設計

 

人之初網站-有RWD響應式設計手機板
上圖:人之初網站-用手機看網站-有RWD響應式網頁設計

Google 行動優先索引(mobile first indexing)的重大影響對象:

    1. 電腦版跟行動版是不同的網站(後者又稱為 m.網頁)
      有些網站電腦版和手機版式不同網址,等於兩個網站版本,但內容卻又大同小異,這會讓搜尋引擎覺得困惑是否有問題,且搜尋排名是分開運作的;這次更新之後Google再次強調,不建議兩者用不同的網站內容,這樣會降低您的排名.
    2. 行動版沒有做 RWD 響應式網頁設計或AMP的網站
      Google 相當搜尋重視網友的瀏覽體驗,因此即使行動版網頁跟電腦版一呈現的一模一樣,但排版若不適合閱讀,Google 會降低你的排名結果。(比如上方剛剛提到的傳統式網頁)
    3. 行動版沒有做 https (SSL加密)的網站
      基於保護隱私和網路資訊安全的重要性,如果網站沒有支援 https加密瀏覽 (SSL加密),Google 將視為不安全網頁而降低搜尋的排行~
      (基本上這已經是網站的標準配備了,但因為加密等級不同,自然費用也不同,通常是看客戶需求要哪一種)

要如何調整網站,讓行動裝置網站瀏覽符合Google 行動優先索引 政策要求?

    1. 網站不要區分電腦版或行動版,建議使用統一的網址
    2. 電腦版或行動版網頁即使排版不同,電腦版和行動版的內容應該要一致(使用下方介紹的AMP或RWD方法)
    3. 電腦版和行動版的 Header, Meta, 文章標題結構描述都要一致

如何讓電腦版和行動版的網站內容應該要一致,兩種方式推薦如下:

方法一:
使用 Google AMP產生行動版網頁內容,AMP是什麼 (Accelerated Mobile Pages)?

什麼是AMP?以下將針對AMP介紹說明:

AMP網頁意思就是「加速行動網頁」,目的是提行動裝置對網站的存取瀏覽的速度(可以加速手機瀏覽網頁的體驗).

為什麼要加速手機瀏覽網頁的速度呢?有在觀察一些搜尋瀏覽數據的網站擁有者應該都有發現,用行動裝置閱讀網站的人越來越多了,甚至超過電腦,如果您的網站在手機上打開的速度很慢,很可能就會直接被「上一頁」或「關閉網站」,跳出率就是很高,這樣辛苦做的網站不就白費心血了~所以Google目前極力推廣 Google AMP。(但也不見得適用所有網站或整個網站每一頁,所以要使用的時候可以思考一下範圍)

會影響行動裝置網站的瀏覽體驗的,除了網路速度之外,手機效能也是一個考慮的因素,畢竟大家也不是都拿iPhone或是其他品牌旗艦機,太多的網頁特效載入對於中低階的手機會是一個效能負擔,網路速度快但手機打不開也是一個窘境。所以這就提到了,做網頁設計也不是炫就是好,重點是要給使用者看到好的內容,進一步瀏覽更多內容甚至下單。

所以為了讓不同地區以及不同手機等級的使用者,在打開網頁的時候都可以順利的瀏覽,而這個速度的問題,Google提出使用AMP版本的行動裝置網頁這個點子。

只要透過「行動裝置」(ex:手機)搜尋時,發現搜尋結果的項目前面顯示一個閃電符號⚡️即屬於AMP網頁,通常會出現在排序前幾名,讓使用者點擊進去等不到1~2秒,就能看到網頁內容。除了提高點擊率,也降低了因網頁載入太久的跳出率,整個提升了手機瀏覽的體驗。

什麼是amp,關於amp介紹

AMP是什麼-為什麼用AMP的行動裝置瀏覽在手機看會這麼快?

什麼是AMP?經過研究Google官方文件,基本技術原理大約就是Google把認為網站不必要的東西刪除,比如網頁動態特效或一些裝飾程式,僅留下文字&圖片和一些限制內的效果,透過「限制CSS檔案」、「限制JavaScript」等等要素,縮小網頁檔案、縮短傳輸時間、降低頁面載入時間,所以用手機或其他行動裝置瀏覽網站,速度才會快,將你的網站變成簡約風的意思。

什麼是AMP-AMP優點

以下幾項為關於 AMP優點:

    • 提升使用者瀏覽網站的體驗:因為網頁讀取速度變快了!
    • 有機會增加提高SEO的表現,提升您的排名.
    • 降低跳出率:因為網站讀取速度快,使用者也較不容易輕易跳出.
    • AMP是一個開源計畫,所以大家都可以使用,不是只有工程師而已,但如果您不會,就可以找專業的網站製作公司幫您處理唷!

什麼是AMP-AMP缺點

以下幾項為關於 AMP缺點:

    • 僅限於Google搜尋引擎(畢竟是Google推出的)
    • 網頁自由度不高:網站呈現因為要快,所以也被限制了許多特效與裝飾程式,所以呈現比較簡易,僅留下圖片文字,所以較沒電腦版設計美觀,很介意的話可以用RWD響應式網頁設計.
    • AMP無法擴充其他應用程式,因為就是要簡易呈現了唷!
    • 廣告投放只能用於Google ads.

看完以上的 AMP介紹-現在我們聊聊AMP對SEO的影響

關於AMP對SEO的影響,雖然AMP優點中有提到使用AMP有助於提升您的SEO表現,但是有個很重要的前提就是:網站內容必須充實且有品質,這樣的情況在使用AMP架構下,才有助於提升行動裝置瀏覽和提升搜尋排名,並不是網站只要使用了AMP架構之後,搜尋排名就會大幅提升,不能有這樣的誤解唷!Google最在意的根源終究是「網站內容」!
所以AMP是讓您的手機版(行動裝置瀏覽)網站讀取速度變快,而可以增加手機版網站競爭!
如果您的網站需要使用Google AMP,歡迎聯繫我們唷!>點擊填寫諮詢單

方法二:
使用 RWD響應式網頁設計

因為之前有介紹過,這邊就請您點選傳送們了解RWD響應式網頁設計 >點擊我-了解什麼是RWD響應式網頁設計<

結論(2021.6更新)

看完以上這些 AMP介紹,希望有助於您了解 什麼是 AMP架構 和 AMP網頁 的樣子.
一般來說,如果你的網站需要製作Google AMP架構,必須要好好研究Google AMP官方文章還有相對應的步驟,大多都需要工程師協助進行,尤其您的網站如果是客製的或其他平台,就更需要工程師協助,而且製作時間也會拉長,所以這邊就必須提倡一下使用WordPress進行 AMP網頁 的好處,除了他開源,可以方便開發功能之外,對Google AMP的支援也已經有一定的程度,可以減少那種完全客製網站的開發時間.對客戶或對工程師來說,都減輕了一些成本和時間上的負擔.畢竟時間就是金錢!
------
更新:
雖然Google 2021取消了對搜尋結果AMP加權的部分,但不可否認,AMP網頁在執行效率上就是讀取較快,所以還是很適合用在知識型的頁面或文章上,若要保持網頁特效的和美美的形象頁面,那這個部份不要用AMP就好.畢竟Google 2021推出的新搜尋排名三大指標:速度:最大內容繪製(LCP)、互動性:首次輸入延遲時間(FID)、穩定性:累計版面配置轉移(CLS),若在使用AMP的情況去判別這三大指標,其實分數都還OK呢!因為AMP模式基本上就是基於只留下文字圖片,去除特效的結果.所以AMP不是真的沒用,只是要看情況使用.
------
如果您的網站需要使用Google AMP,歡迎聯繫我們唷!>點擊填寫諮詢單

推薦相關文章:

SEO是什麼?(基本SEO教學與告訴你4大SEO禁忌)

用WordPress製作網站前應該要了解的事情

【RWD介紹】快速了解RWD響應式網頁設計與使用RWD好處

Google AMP 開發者官網

Google的AMP測試網站

瞭解 AMP 網頁在搜尋結果中的呈現方式