WP / 架站教學:五大類實用、免費、不安裝會後悔的外掛推薦

Quen Luo
11 min readApr 22, 2021

WordPress 是一個出色的部落格和網站管理系統,也強調了 “Out of the box” 開箱即用的新手友善,也因為其開放原始碼的特性,讓 WP 擁有非常廣大的開發社群,出現了許多強大的外掛套件。要真正釋放、利用 WP 的功能,我們需要額外利用 plugins 來滿足更多的功能需求,現在就來介紹一些不安裝會後悔的優秀外掛,讓網站大大的升級!

WordPress 外掛目錄頁面中,顯示了目前 (2021.04.22) 擁有 58,429 個外掛可供安裝選擇,而除了 WP 官方平台也有像是 envato market 也有提供不少的付費/免費外掛選擇,以下會以類別區分,依序介紹 SEO、網站效能、媒體與內容、社群 / 隱私權、後台分析

SEO

+ Yoast SEO ★★★★☆

這是許多 WP 架站玩家會使用的網站 SEO 外掛,有付費版也有免費版,會自動產生 SEO 進步所需要的像是 meta tags 和 canonical URLs 等項目,可以設定自動更新 XML sitemaps,也提供了標題和 meta 敘述範本讓網站能夠得到更好的搜尋排名,另外像是 Google preview 的功能可以協助我們先預覽網頁在搜尋結果頁上會呈現的樣子。

Yoast SEO

+ All in One SEO ★★★★☆

和上面的 Yoast SEO 是目前市面上最多人使用的 SEO 優化外掛,兩者各有擁護者,而 All in One SEO 也有基本的編輯網站標題、頁面內容標題、分類標題等功能,自動生成網站地圖的功能也有,針對不同社群媒體的 SEO 優化做得很不錯,對於原本是使用 Yoast SEO 的用戶更是提供了無痛轉移的功能。

All in One SEO — Best WordPress SEO Plugin — Easily Improve Your SEO Rankings
Yoast SEO 和 All in One SEO 只要選一個來安裝就好,千萬不要兩個都安裝!

+ Redirection ★★★★★

間單直覺地處理轉址用外掛工具,為了避免出現 404 或 302 等錯誤頁面,導致 SEO 排名下降和用戶體驗不佳,這個小工具協助我們用簡單的步驟輕鬆設定轉址,在新舊網站轉換上尤其好用!

Redirection

網站效能

+ WP Mail SMTP ★★★☆☆

WordPress 電子郵件 SMTP 寄件外掛,如果有預設的 WP 郵件系統無法將信件寄出的問題,可以另外安裝此外掛解決。除了一般的寄件設定,也有郵件測試的功能,讓我們可以確定整體寄件流程是順暢的。

如果選用預設的 php 還是無法成功將信件寄出,可以按照另一篇文章的說明架設 Google Mail Server,讓信好好寄出去!

以下解釋一些比較重要的設定將憑證新增至您的專案+ 您目前使用哪個 API? 
Gmail API
+ API 的呼叫來源為何?
網路伺服器(例如 node.js、Tomcat)web server (e.g. node.js, Tomcat)
+ 您需要存取什麼資料?
使用者資料 User data
=====================================
OAuth 同意畫面
+ User Type?
如果是使用 GSuite 帳號請選:內部 Internal
如果是使用一般的免費 Google 帳號請選:外部 External
Gmail API 申請

+ WP Fastest Cache ★★★☆☆

安裝快取的主要目的是讓網頁瀏覽速度、載入速度提升,如此一來使用者體驗會大大的加分,操縱介面滿簡潔明瞭的,不會有很多嚇人的細節,很直覺性的用目的來選擇設定,免費版功能包含了 CSS, JS 合併,HTML,CSS 壓縮等,然而還是有某些吸引人的功能,例如圖片壓縮是需要付費的。

WP Fastest Cache
其他清理快取外掛還有+ WP Super Cache
+ W3 Total Cache
+ WP ROCKET

+ Smush ★★★☆☆

Optimize images, turn on lazy load, resize, compress & improve your Google Page Speed with the incredibly powerful and 100% free WordPress image smusher, brought to you by the superteam at WPMU DEV!

WP Fastest Cache 圖片壓縮要升級到 Pro 版沒關係,Smush 是一個協助我們優化網站圖片的外掛,壓縮但不犧牲畫質的前提下,讓我們網站可以最佳的速度載入。免費版的用戶一次可以壓縮 50 張,用完後只要再按一次按鈕就能夠再次上傳、壓縮、優化。

Smush — Lazy Load Images, Optimize & Compress Images

媒體與內容

+ Enhanced Media Library ★★★★☆

當我們的網站上有許多的圖片、影片,如果這時候有辦法將他們進行分類,而不是單單的使用年月來分,會有多方便!沒錯~這個外掛就是解決了這樣需求,除了類別也可以為媒體增加標籤。

Enhanced Media Library

+ Elementor Website Builder ★★★★★

The World’s Leading WordPress Website Builder
Join 5,000,000+ Professionals Who Build Better Sites With Elementor

我個人極度推薦的可視化排版編輯器,不管是新頁面、或新文章都可以輕鬆製作出來高度客製化的設計,直接在編輯器裡設定 RWD、寫 CSS 樣式,整個可以很迅速的製作出有高級感的網站。

Elementor Website Builder
頁面編輯器要記得考慮使用的主題是否支援喔!另外還有像是
WPBakery Page Builder for WordPress 也是滿多人使用的編輯器外掛,但這是需要付費的,有興趣也可以去看看喔!

+ Contact Form by WPForms ★★★☆☆

這是 WP 表單最強的外掛之一,製作的方式也是使用拖拉式的將想要的欄位拉近介面中,如果有升級 Pro 的話會另外提供不少 “Fancy Fields”,例如電話號碼、上傳檔案等欄位。

Contact Form by WPForms — Drag & Drop Form Builder for WordPress

+ Happyforms ★★★★☆

介面和上方的 WPForm 有點類似,一樣是直覺的可以使用選單拖拉進行設計,也是有些欄位是需要升級付費才能使用,但相較之下 HappyForms 免費版可以使用的功能更多了一些些!

Contact Form to Manage and respond to conversations with customers — Happyforms
如果有預算使用付費外掛的話,也推薦「Formidable Form Builder」,一個號稱十秒鐘做好美觀實用表單的外掛,介面一樣是非常簡潔好用,自由度也不錯!

社群 / 隱私權

+ AddToAny Share Buttons ★★★★★

設計漂亮的社群分享按鈕,而且有超多的社群選項,包括台灣人常用的 Line,使用上也是簡單方便,除了能選擇想要在哪些頁面顯示分享按鈕,也可以設定 icon 大小和要不要顯示文字等等。

AddToAny Share Buttons
同場加映 「elfsight
https://elfsight.com/instagram-feed-instashow/examples/
有質感的將 Instagram 引入網站中,有很多的版型可以取用!如果網站每月流量不大 (200 views) 還不需要付費,超過的話會依等級需要購買相對應得方案,他們也提供了許多的小工具能夠包套購買,如果網站很需要的話考慮包套方案滿划算的。

+ CookieYes ★★★★★

GDPR 《一般資料保護規範》,是歐盟於 2016 年推出,2018 年開始生效的法案,旨在保護有關於個人的資料隱私,也被稱作史上最嚴格的個資法。這個外掛協助我們建立彈出式視窗通知,能夠詢問網頁瀏覽者使否接受 Cookie 的收集、傳送,且可以自訂樣式,同時也支援多語系的轉換。

CookieYes | GDPR Cookie Consent & Compliance Notice (CCPA Ready)

後台分析

Google Site Kit ★★★★★

此外掛為 Google 官方所推出,提供了強大的分析工具串接功能,幾乎是可以一站式的看到所有數據,包括 Search Console、GA (Google Analytics)、Google Tag、PageSpeed Insights、AdSense 等等,透過 Google 帳號來授權就自動的會將資料顯示在 WP 後台介面中,是個十分推薦的外掛工具。

Site Kit, Google’s official WordPress plugin
關於後台流量、轉換率、用戶追蹤等資訊的分析和顯示,還有一些知名的外掛,例如+ Google Analytics by MonsterInsights
但這並沒有免費版,是依據網站樹和功能的不同進行不同方案的收費
+ Google Analytics Dashboard for WP
這是在 Google Site Kit 還沒出現以前滿多人會使用的面費外掛,但說實話 Site Kit 好用很多喔!建議快快換到 Site Kit 去!

+ Insert Headers and Footer ★★★★☆

當我們在管理 WordPress 網站時,有時候會需要加入 code snippets 到我們的網站 header 或 footer 上,去達成驗證或是廣告追蹤等目的,例如 Google Analytics code, Facebook pixel code, 客製的 CSS 等等。

這個外掛提供了最簡易的方式來添加所要加入的 code snippets,介面超簡單,就是三個格子分別給我們填要加在 header, body, footer 的 code。

Insert Headers and Footers

--

--