Google AMP懶人包:行動優先時代,1秒讓讀者愛上你!

Google AMP能夠加快行動頁面加載速度

Mobile SEO中,我們提到2016年開始使用行動裝置上網的流量已經超越桌機,這也意味著Google等搜尋引擎將開始著重行動裝置的使用者體驗。

Google除了推出25條行動網站設計寶典之外,也積極推廣AMP加速行動網頁計畫!AMP是什麼?接著看報你知😍

2018-2019年最重要的SEO優化趨勢就是:網頁速度Pagespeed安全性問題https行動裝置優先Mobile-first

行動裝置的使用情境經常是:突然想到什麼,便直接打開搜尋引擎鍵入關鍵字尋求答案,講求便利性及速度性。

今天就是要針對「行動裝置」的使用者,告訴你如何透過AMP提升行動頁面的載入速度,讓行動用戶獲得更好的使用者體驗的同時,也能間接性地提高SEO自然排序、轉換率


  Google AMP是什麼

AMP的完整名稱是:Accelerated Mobile Pages,意思即為加速行動網頁」,目的是為了要提升行動裝置對網站的存取速度。

AMP即是透過「規範HTML框架」、「限制JavaScript」、「Google高速緩存」這三種要素,縮小網頁檔案、縮短傳輸時間、降低頁面載入時間。

只要透過「行動裝置」搜尋時,發現網址前面顯示一個閃電符號⚡️即屬於AMP網頁,通常優先出現在排序前幾名,提高點擊率

(圖片說明:只有透過行動裝置搜尋才會出現AMP符號,Wordpress網站可以裝AMP掛件,客製化廠商就必須進一步詢問。)


構成一個Google AMP網頁有三大要素:AMP HTMLAMP JSAMP Cache。

l   AMP HTML

HTML一樣是描述網頁所用的標記式語言。然而,為了確保其網頁內容的可信度,會限制一般HTML的部分功能。使時必須遵守一套嚴謹的格式,例如文本格式、圖像、影像、廣告等都會有一定的格式。

l    AMP JS

是一套JavaScript庫,用不同步的方式加載所有外部資源,其目的是要確保AMP HTML能夠正確且快速地顯示。不僅如此,如果使用的瀏覽器只支援普通HTMLAMP JS也能支援AMP HTML的專屬功能。

l   AMP Cache

Google搜尋引擎會先快取並緩存AMP頁面,在緩存的同時會加強網頁性能,已加快頁面加載的速度。也就是說,用戶在搜尋引擎中點擊AMP網頁時,實際上存取的是最佳化後的快取頁面


  AMP優點

在了解AMP如何運作後,接下來將和各位介紹AMP的幾項優點。

1.   使用者體驗的提升

     如前文所述,在資訊唾手可得的情況下使用者要求的不只是精準的資訊,更要快速且便利。若使用者在瀏覽網站時獲得良好的使用者體驗,也會增加使用者回流的機率。

2.  SEO排序的提高

AMP的主要目的就是為了減少網頁載入速度過慢的問題,但既然是Google官方推出的,網頁速度也是未來SEO趨勢看來,網頁速度確實會影響SEO排序。不僅如此,點擊率(CTR)的提升也能間接性地影響SEO排序。

3.  一視同仁

若談到「即時資訊」大家最容易想到的就是臉書了,尤其是對媒體產業來說,臉書能夠像快訊新聞一樣散播出去。

然而,臉書本身就會為使用者挑選顯示的內容及貼文數量,並不是每篇文章都會被每位使用者看到。再者,去年臉書大改演算法,對於品牌企業端來說更加不利。

反之,Google AMP則不會有此問題,只要花一點心力去學習AMP的使用方法,便能增加其網頁的訪問速度及內容,精準讀者也能因此增加。

4.  順應潮流

如同上述提到臉書更改演算法的問題,在瞬息萬變的媒體業中,AMP能夠快速適應不同的環境。

 



  AMP疑慮

然而,在實際使用過AMP後,也有一些使用者表達了他們對AMP的疑慮,甚至是決定停止使用AMP

1.  流量都被Google偷走

還記得我們在介紹AMP的三大要素時有提到其中一點為「AMP Cache」。雖然Google會先快取並緩存,以加快頁面加快的速度。但當使用者點擊AMP網頁後,實際上進入的是「Google快取的頁面」。以下附上打開AMP網頁時所顯示的網址,就能清楚明白。

2.  不好回到原始網站

如果使用者想要進入原始網站(AMP快取網頁)的話需要多按幾個按鈕才行。進入AMP網頁後,點擊頂部標有原網址(如圖顯示cnn.com)時並不會跳轉回原網址,使用者必須先點擊「超連結」符號,再點擊跳出來的網址才會連結到原始網站。

許多企業端或是發布者認為這豈不是多此一舉,也認為並不是每個使用者都知道該怎麼做。


(圖片說明:點擊頂部cnn.com並不會跳轉至原網址)


(圖片說明:點擊特殊按鈕才會顯示原網址)


➠ 補充:鯊客在發現這個問題後,就主動在AMP頂端加上鯊客Logo,並且引導點回官網,就可以成功引流囉!


3. AMP不支援JS,因此只適合部落格Blog頁面

AMP頁面為求簡單、快速開啟,故不支援Java Script或其他語法,因此AMP較適合使用在一般內容、媒體等簡單的圖文頁面,不適合用在產品頁或首頁哦。

鯊客科技-AMP測試工具


  總結

AMP確實會加快行動版頁面的加載速度,然而發布者應該依照各自需求去評估是否使用Google AMP,畢竟要使用的話勢必要接受其中幾項功能限制,或是委託更好的網站服務商,才不會做出來的成效不如預期!

更深入了解AMP的朋友,點這邊:《Google AMP 行動網站加速計劃 技術介紹+學習資料
立即檢測是否屬於AMP網頁:Google AMP測試工具

若對於Google AMP或是網站SEO有需求的朋友,歡迎聯絡鯊客,我們將提供最專業的協助及諮詢!

2018 SEO網站優化方案優惠倒數-鯊客科技

延伸閱讀


❝ 
鯊知識。數位內容行銷小學堂 ❞

✎ SEO是什麼:《FB廣告預算增加怎麼辦,經營SEO吧
✎ 
SEO並不是關鍵字廣告:《搜尋引擎優化(SEO)與關鍵字廣告(PPC)有什麼差別
✎ 速度決定留客率:《別再讓網站龜速前進!網頁速度對SEO的影響
✎ 品牌網站如何經營:《2018年網站SEO趨勢
✎ 行動裝置瀏覽優化:《Mobile SEO的重要性
✎ 該怎麼動筆寫內容:《三大文案撰寫要點,人人都能成為部落客
✎ 內容如何幫助排名:《SEO結合內容行銷四要點,文案撰寫好省力



如果您喜歡我們分享的內容,歡迎分享給好友們,或是私訊與我們聊聊😘

👉點擊了解鯊客SEO優化服務

按讚SharkTech粉絲專頁,搶先取得新文章通知

隨時更新最優質的網站設計、網路行銷內容給您。

joy的大頭照
Joy

行動力趕不上想像力的傢伙