24 00

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

文章最後更新於 2023 年 9 月 9 日

注意 !!!
目前 Google 已經不推 AMP,使用 AMP 對網站文章的搜索排名已經不像 2021 年當時這麼有幫助,且使用 AMP 會大改文章的版面,也有人回報會有連移除 AMP 外掛都沒辦法回覆版面的問題,建議要安裝使用 AMP 外掛的人先備份網站,以防萬一。

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

WordPress 速度弊端

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

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

24 1
WordPress 文章在行動裝置上顯示

Google AMP 是什麼?

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

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

24 2
閃電符號⚡️
24 3
閃電符號⚡️

使用教學

安裝外掛

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

step 1

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

17 01
外掛 > 安裝外掛

step 2

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

24 4
搜尋 AMP

step 3

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

24 5
立即安裝並啟用

外掛設定教學

step 1

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

24 6
開啟上線精靈

step 2

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

24 7
Next →

step 3

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

24 8
Non-technically savvy or wanting a simpler setup

step 4

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

24 9
讀取器模式

step 5

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

24 10
選取你的「佈景主題」

step 6

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

24 11
Next →

step 7

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

24 12
Finish

step 8

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

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

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

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

24 14
指定文章關掉 AMP

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

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

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

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

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

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

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

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

如果對文章內容有任何問題,或有想讓小翔另外補充的的內容,歡迎在底下留言讓我知道。

在這裡,我想讓您知道在 小翔教你SEO 網站中,有些連結為聯盟營銷連接,這代表,當人們點擊該連結,並前往其他網站進行購買動作時,我將會從銷售中獲得少部分佣金(但不會影響你購買的價格)。

有關更詳細的聯盟連接說明,請前往 聯盟計畫聲明(FTC) 頁面觀看。

by 小翔

訂閱
通知
guest

2 評論
最老的
最新 得票最多
在線反饋
查看所有評論
匿名評論者姓名
匿名評論者姓名
2023-09-09 上午 1:40

害人不淺的爛文章,請神容易送神難,這個外掛拿來轉換之後,版面被弄得醜到不行,連移除都沒辦法回覆版面,只能整個網站移除再做,爛秀了

0 Shares
Share
Tweet
Share
Pin