By Categories: WordpressTags: , 在〈Google AMP 超快4倍速提升WordPress Mobile Site 手機網頁載入〉中留言功能已關閉

Google AMP 設定

根據外媒 HNGN 報導,日前 Google 的 AMP(Accelerated Mobile Page,行動加速網頁)技術宣佈針對 WordPress 進行大幅優化,最快可以到達原有的 4 倍速。

Google 表示本項優化將適用所有使用 WordPress 架設的網站,並且在完全不用下載任何東西,或是多執行任何步驟的狀況下,就能讓行動網頁的使用者獲得超快速的閱讀體驗。

但 WordPress 並不是目前唯一受惠的大型網站平台,像是 Twitter、 Pinterest、Chartbeat、Adobe Analytics 與 LinkedIn 都能因 Google 的 AMP 技術享受快速的行動網頁閱讀體驗。不過,由於現在世界上約有 25% 的網站以 WordPress 平台運作,儼然為全球最大的架站平台之一。因此 Google 本次針對 WordPress 的優化尤具指標性意義。

提升WordPress Mobile Site – Google AMP 超快4倍速

google-amp-project-796x448

 Google新技術再次來到,這回推出所謂的AMP網 頁技術,全名稱為「Accelerated Mobile Pages」,一般簡稱為AMP。當你的網站使用後,網頁載入速度會更省流量、更快速,這個AMP專案主要是Google針對在行動裝置上(手機或平 板),搜尋結果點入後載入速度將會比傳統搜尋快4倍,流量卻不到過去的十分之一,同時也將優先出現於Top Stories的區塊。

面對這項全新的技術,是哪些網站可以使用?Google AMP是開放專案,只要符合寫法規範,Google就會依照您提供的內容作快取機制,快取到Google伺服器中成為其中的Top Stories區塊的內容,除了提升網站四倍速快,同時也可以降低網站的流量,SEO排名等於也相對變得更優秀。目前Google大動作的支援WordPress,其實不難發現WordPress的使用者占全球網站的四分之一,怪不得Google會優先力挺。


 


第1步  WordPress安裝外掛很簡單,來到WordPress外掛管理介面中,搜尋「AMP」並找到作者為「Automattic」這個就是官方製作者,點選﹝立刻安裝﹞
**最好先做Back UP **

Google AMP 超快4倍速提升WordPress行動版網頁載入

第2步  接著請您啟用外掛。

 

第3步  啟動之後,官方AMP沒有任何選項可以設定。想知道有無成功,可以到任一篇文章的原始碼內查看,語法內會多一行META宣告,只是Google如果要看AMP網頁請到另外一個網址。

 

第4步  在WordPress中,AMP頁面的網址就是在文章網址後方加上「amp」或者是「?amp=1」即可查看,畫面如下。

 

第5步  如果你是自己製作的網頁想看看有無把AMP語法寫好,可以開啟Chrome devTools的【Console】即可查看,如果顯示「owered by AMP ⚡ HTML – Version XXXXX」那就是表示此頁面為正確的AMP網頁。若下方有錯誤訊息,可以依照訊息做修正處理。

 

 

如你在安裝上出現問題 ,可以選用我們的收費項目..代你安裝

  • ShipAny 正式登陸 WordPress WooCommerce Marketplace!WordPress WooCommerce 店主依家可以「一 Click 連接」SF Express(順豐速運)等物流供應商,ShipAny 正式登陸 WordPress WooCommerce Marketplace!透過 ShipAny WordPress WooCommerce Plugin,店主可以輕鬆無憂處理不同的物流工序

    Continue reading
  • WordPress […]

    Continue reading
  • [vc_row][v […]

    Continue reading
  • ShipAny 正式登陸 WordPress WooCommerce Marketplace!WordPress WooCommerce 店主依家可以「一 Click 連接」SF Express(順豐速運)等物流供應商,ShipAny 正式登陸 WordPress WooCommerce Marketplace!透過 ShipAny WordPress WooCommerce Plugin,店主可以輕鬆無憂處理不同的物流工序

    Continue reading
  • WordPress […]

    Continue reading