【WordPress外掛】手機網頁秒開外掛,AMP 手把手設定教學

讓你的 WordPress 網站文章,在手機網頁幾乎秒開的方法,那就是使用 AMP 外掛,不僅設定簡單加速有感,還完全免費,這裡將手把手教你如何下載安裝+外掛的設定。

WordPress 速度弊端

如今的時代,速度才是王道,你的網頁開啟太慢,讀者等的不耐煩了,載入越久、跳出的越快,網頁每多載入 1 秒,跳出率幾乎是呈倍數遞增。 所以,網頁當然是載入的越快越好,畢竟 WordPress 網站雖然好用、版面多樣,但有個缺點,就是文章在行動裝置上顯示的非常慢,需要過好幾秒才會完全顯示。

而今天,小翔我將推薦一個手機網頁加速外掛,不是我在吹,它是真滴快,雖然只支援行動裝置如手機、平板,但單就速度,也非常值得一用。

WordPress 文章在行動裝置上顯示

Google AMP 是什麼?

AMP 的完整名稱是:Accelerated Mobile Pages,意思即為「加速行動網頁」,目的是提升行動裝置對網站的存取速度。 AMP 即是透過「規範HTML框架」、「限制JavaScript」、「Google高速緩存」這三種要素,縮小網頁檔案、縮短傳輸時間、降低頁面載入時間。

只要透過「行動裝置」搜尋時,發現網址前面顯示一個閃電符號⚡️即屬於AMP網頁,通常優先出現在排序前幾名,甚至讓用戶點擊進去等不到一秒,就能看到網頁內容。不僅提高點擊率,也降低了因網頁載入太久的跳出率。

閃電符號⚡️
閃電符號⚡️

使用教學

安裝外掛

外掛安裝教學 :
https://xiaoxiang.blog/how-to-install-the-plug-in/

step 1

開啟 WordPress 後臺管理介面,前往 外掛 > 安裝外掛

外掛 > 安裝外掛

step 2

使用關鍵字搜尋外掛,輸入「AMP」。

搜尋 AMP

step 3

找到名稱為「AMP」的外掛,點選 立即安裝,並 啟用 該外掛。

立即安裝並啟用

外掛設定教學

step 1

當 AMP 外掛啟用後,會自動帶你前往外掛頁面,點擊頁面上方的「開啟上線精靈」連結。

開啟上線精靈

step 2

接著會來到設定精靈頁面,點擊右下角的「Next →」。

Next →

step 3

依你的技術專業水平選擇選項,假如你不精通技術,不熟悉 HTML、CSS 等等的程式語言,請勾選下方的「Non-technically savvy or wanting a simpler setup」選項。 並點擊右下角的「Next →」。

Non-technically savvy or wanting a simpler setup

step 4

選擇「讀取器模式」,並點擊右下角的「Next →」。

讀取器模式

step 5

AMP 外掛會自動偵測你現在在使用的佈景主題,選取你的「佈景主題」,如下圖所示,因為小翔的網站是使用 Astra 主題,所以選擇我選擇 Astra。 完成後,點擊右下角的「Next →」。

選取你的「佈景主題」

step 6

它會自動幫你偵測你所適合的模式,接著點擊右下角的「Next →」。

Next →

step 7

到了這裡,設定精靈都完成了,點擊右下角的「Finish」。

Finish

step 8

最後確認,進階設定 中的「將行動版網站訪客重新導向至 AMP 版網站」選項是否有開啟,開啟後,點擊左下角的「儲存 →」按鈕。

將以上「將行動版網站訪客重新導向至 AMP 版網站」選項開啟後,你在搜尋引擎排名的文章,在行動裝置上被點擊之後會自動跳到 AMP 文章頁面,這個效果是立即生效的,所以不需要慢慢等搜尋引擎的更新。
將行動版網站訪客重新導向至 AMP 版網站

如何手動關掉指定的文章 AMP 格式?

AMP 外掛會默認啟用,並不需要手動開啟,如果不想啓用 AMP 格式,直接點擊關掉即可,如下圖所示。

指定文章關掉 AMP

如何加快文章轉換成 AMP 格式?

如果你想將所有的新舊文章都改成 AMP 格式,但又不想等 Google 太久的時間,你可以一篇文章一篇文章的索引過去,如果只想要某幾篇文章來改,那麼就選擇那幾篇文章索引即可。

注意!!! 就算使用了以上方式,也只是加快了文章的 AMP 格式出現在 Google 搜尋引擎上的整體所需時間,文章不會馬上變成 AMP 格式,只是會更快的轉變。

Google 搜索引擎連結:Google Search Console
輸入文章網址執行一遍

如何確認文章是否已轉換成 AMP 格式?

等 Google 一段時間索引好,就可以利用線上 AMP 驗證,看文章是否已經變成 AMP 狀態,假使測試結果為綠色的 PASS,就表示該文章頁面沒有任何的錯誤語法。

如下圖所示,首先輸入文章網址,並點擊右上角的「VALIDATE」按鈕,即可測試。

線上 AMP 驗證連結 : The AMP Validator
輸入文章網址,點擊「VALIDATE」按鈕
0 0 選票
文章評分

如果對文章內容有任何問題,歡迎在底下留言讓我知道。
如果你喜歡我的文章,可以按分享按鈕,讓更多的人看見我的文章。
還沒訂閱部落格的朋友們,記得在右上角填入信箱,收到我最新文章的通知。

by 小翔

訂閱
通知
guest
0 評論
在線反饋
查看所有評論