【WordPress教學】簡單六部曲安裝Google AMP技術讓網頁速度快4倍!

Google AMP網頁速度提升4倍的方法

自從Google將網站導入了AMP的技術之後,不但會更省流量、而且速度更快,使用手機瀏覽網站時可以直接秒開,比直接瀏覽速度快達4倍!要安裝amp網頁非常簡單,只需要在wordpress裡安裝amp外掛即可,以下為安裝教學:

 

第一步 安裝外掛

 

先到外掛 → 安裝外掛 → 搜尋:AMP

amp1

 

安裝並啟用外掛,啟用完成後在側欄主選單下方會出現AMP,點Setting就可以看到快速設定按鈕,步驟非常簡單,就是選定版型、加上GA資源代碼

 

第二步 設定AMP網頁

 

這個AMP外掛提供了非常便利的設置,當你啟用了之後,它會帶你到AMP設定,如下圖:

amp2

你可以自行設定網站類型、在哪裡設定AMP網頁(文章、頁面)、甚至可以自行設定廣告!非常方便

 

第三步 一般設定

 

這裡你可以另外設置AMP網站的Logo,然後下面選擇需要利用AMP網頁的地方最底還有一個是Homepage,即是可以在Homepage利用AMP技術,純粹看個人需要

amp3

 

第四步 設定廣告

 

這裡一共有六個地方讓你放置廣告,只需要輸入ca-pub-XXXXXX以及十位數的廣告ID就可以了,當然,你覺得麻煩的話也可以設置自動廣告,讓它自動調整

amp4

 

第五步 分析工具

 

分析工具這邊可以直接加入Google Tag Manager,以監測AMP的網頁成效,先輸入GTM開頭的代碼,然後在下面輸入UA開頭的Google analytics代碼即可,詳情可以參考這篇:【Wordpress教學】如何為你的AMP網站加入Google Tag Manager?

amp5

 

第六步 驗證網站

然後到AMP的驗證網站,輸入你的網站,按下[Test Url],檢測是否成功

amp6

另外亦可以在開發人員選項中啟動尋找功能(Control+F),輸入AMP,如果找到AMP的字串,就表示AMP已經加入網頁中。大功告成~

 

發表評論