未分類

WordPress 安裝外掛 AMP for WP 後,手機網頁開啟超快

Google自從2016年開始一直有發展 AMP (Accelerated Mobile Pages)  加速行動版網頁的架構,但成長空間不是很快,因為很多網站都有廣告,有安裝AMP的網站站長覺得廣告效益不良,無法為他們賺取廣告費,所以很多網站都退出了AMP架構,本網站沒有做什麼廣告,且介面非常地乾淨,想說安裝一陣子,使用AMP讓自己的網站在手機顯示上變更快,且最近Google已經正式推出AMP for Email,這是未來發展的趨勢,於是 WordPress 安裝了AMP for WP外掛程式,沒想到效果良好且手機載入網頁很快。

在新版Search Console的強化功能,AMP已經有新增7個網頁了。回想之前在網站後台做設定與微調,AMPforWP Option選項的設定非常的多,所以紀錄一下。

一開始進入畫面,就是設定SETTING,可以讓我們自己翻譯我們想要的語言,因為網站的介面是繁體中文,所以就改比較親民的介面。

手機上測試的結果,繁體中文都有正常顯示,右下角的下一頁與檢視非AMP版本,都是自己更改的語言。

再來是SEO功能,也就是搜尋引擎最佳化的功能,SEO Plugin Integration的設定,因為網站裡面有安裝Yoast SEO外掛程式,所以在Select SEO Plugin選擇Yoast。

使用者資料分析的功能,是網站有安裝Google Analytics、Google Tag Manager等由Google所提供的網站流量統計服務,加入追蹤碼Tracking ID,Google也會分析從AMP訪客的網路流量,到時就可以查詢從訪客觀看手機網頁的動作與有興趣的內容等等。

在Advance Settings進階設定裡,第一個Mobile Redirection的預設值是關閉的,我把它打開,希望使用手機觀看網站的訪客就會立即自動載入速度很快的AMP手機版網頁介面。

Themes的AMP佈景主題設定,大致上有3~4種選擇,選擇Design One就很好看了,簡單又清爽。

上面的圖片就手機版出現的網頁介面,有文字也有圖片。

HomePage的選項有個Excerpt Length,此為介面上的文字字元數,如果您想要呈現多一點文字敘述,就把它調整多一點,我是調整為40個字元,差不多為20個中文字。

手機上出現紅色框框,就是剛剛調整的文字數量40個字元。

Single的頁面設定,有個網站結構化功能設定,Breadcrumbs麵包屑如果有設定,可在Select Breadcrumb Type選擇Category分類,也就是依文章分類。

在手機上呈現出麵包屑Breadcrumb結構化的頁面,如同上圖的首頁>美食料理,會自動產生。

Social是有關於社群媒體方面,可以分享Facebook、Twitter等很多的功能。

手機最下方的功能表我設定簡單的facebook、Twitter、Email與Line等ˋ4個社群等媒體,如果有需要,可以在AMP的設定Social將需要的社群媒體開關開啟即可。

最後的設定是在Header,如果您想要導覽功能選單,可以在此開啟,Navigation Menu原本預設是關閉的,開起來就會出現導覽功能選單。

手機介面點開AMP介面的導覽選單 ,就可以在導覽選單上看到我的分類項目了。WordPree的外掛程式AMP for WP所有的功能非常得多,可以自己微調,調到您想要的功能,雖然 AMP for WP 優點這麼多,但缺點也不是沒有,就像是表格顯示目前狀況不是很好,我測試用了幾個外掛表格或最基本的表格模式,不是看不到表格就是手機顯示都不是很好看,格子會跑掉,所以有網頁上已經有表格的話,如果要用AMP,就要自己想辦法調整。

shirley

Share
Published by
shirley

最近文章

私立東山高中近3年錄取台大各科系人數統計分析

在3年前曾經做過私立東山高中近... Read More

2 天 ago

成大南工製圖科近3年錄取科大與大學榜單統計

位於台南市永康區的成大南工是去... Read More

7 天 ago

羅東高工近5年錄取大學與科大榜單統計分析

位於宜蘭縣冬山鄉的羅東高工是宜... Read More

1 週 ago

台中高工電機科近5年錄取大學與科大榜單統計

全台最好的高工之一的台中高工在... Read More

3 週 ago

大安高工資訊科近3年錄取科大與大學榜單統計

大安高工與北士商是台北市從以前... Read More

3 週 ago

竹北高中資訊科近3年錄取科大與大學榜單統計

竹北高中除了有普通科外,還有資... Read More

4 週 ago