WordPress SEO 有幫助的 3 + 4 個外掛

/

WordPress 是架站好物

WordPress 簡單來說就是一整包幫你架站的工具,在使用之前當然有些是必備的:

  • 一台可以跑 PHP 的主機
  • 資料庫,目前看到主機商提供的都是MySQL

有主機 + 資料庫,沒錯,就可以開始使用 WordPress 了。

現在也有很多主機商提供一鍵安裝 WordPress 的功能,像 Augustus 最近新搬進的 SiteGround就有,按下 install 後,資料庫的建立、連結也都處理好了。

安裝 WordPress 的部份這篇就不寫了,Google 一下就會冒出很多教學文。

這邊來寫為什麼當初會選擇 WordPress 架站?

選擇 WordPress 架站的原因

其實原因很簡單,就是因為它提供了一個後台。

目前的工作是前端工程師,切版對我來說很容易,但一開始想建立一個作品集網站時,就面對沒有後台的困境。

對,是可以每一頁都自己手動切,但想想有點耗時,也無法專心在寫作上,有一個介面讓人操作還是方便許多。

現在會用了一點 Node.js、Firebase,也是可以自己建一個部落格來寫。

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

但一個站需要前台設計、前台切版、後台設計、後台切版、接資料庫、寫後端功能……想了想,要一個人獨立完成,除非這個站帶來的效益大於成本,不然就是想當一個完美的作品集,不然這個心力目前還不想投資下去。

用 WordPress 就方便了,安裝完後就前、後台都有,改變頁面佈景也方便,就選用了。

用 WordPress 的優缺點條列如下,讓想考慮使用的人做個參考:

優點

  • 5 分鐘內生成前、後台
  • 換頁面樣式容易,佈景主題多樣
  • 外掛多,想要的很多功能幾乎都找得到外掛可以使用

缺點

  • 要成本:主機費、網域費、學習時間……跟 Medium、Blogger 比起來要多花一筆錢
  • 自由度低,套佈景、外掛容易的反面,就是會被別人寫好的樣式困住。比方這個站,選用了佈景主題後,就是用附加 CSS 的方式去調整顏色、大小、字型等,比不上自己刻的頁面靈活
  • 程式語言是 PHP,如果想要自己寫版,就得要會 PHP
  • 檔案不夠乾淨,有一些檔案不確定是不是真的有用到,比方上傳圖後,會配合佈景生出不同尺寸縮圖,那換了佈景後還會用到嗎?刪了又怕會不會有些頁面破圖

對 Augustus 來說,整體來講利大於弊,在個人經營的部份是蠻建議使用 WordPress 的。


SEO 有幫助的 3 個外掛(建議安裝)

為了能讓網站速度加快,所以外掛上個人覺得能少裝就少裝。

這邊的 3 個外掛之所以會推薦裝,是因為操作上容易,不會有太多的英文說明,或是還得手動插入短程式碼什麼的。

1 SG Optimizer

圖片來源:https://tw.wordpress.org/plugins/sg-cachepress/
圖片來源:https://tw.wordpress.org/plugins/sg-cachepress/

這個是搬站到 SiteGround 後,他們協助搬站的工程師推薦的,當然,這是他們家自己開發的外掛。

SG Optimizer 裡面有很多是針對網站速度上有用的功能,懂 SEO 的人就知道,現在什麼都求快的時代,網站速度對 SEO 的影響有多大,網站能快就快。

SG Optimizer有的功能如下:

這是廣告,點擊一下可以幫本站多個一點點的廣告收入,謝謝

  • Cache
  • GZIP 壓縮
  • 靜態檔案合併、壓縮
  • 圖片的 lazyload

靜態檔的合併這塊要注意,不確定他們合併的順序,是不是依照頁面讀取的順序,像是 CSS、JS 這些,順序是很重要的,個人有遇過合併後頁面跑版的狀況。

如果不想裝這外掛,也有其他外掛可以使用,像 Cache 的部份可用 LiteSpeed Cache,圖片 lazyload 可用 a3 Lazy Load

但既然 SG Optimizer 已經都包好這些功能了,直接用是比較快的。


2 Yoast SEO

圖片來源:https://tw.wordpress.org/plugins/wordpress-seo/
圖片來源:https://tw.wordpress.org/plugins/wordpress-seo/

基本上這套必裝。光看他的使用評價就讓我有安裝下去的衝動,尤其它又有中文:

Yoast SEO 安裝後,還不用改什麼設定,就有很多 SEO 有關的設定就上去了,像是 Canonical URL、sitemap、頁面 title 設定……等,而且這些是免費版本就提供的。

以下是裝完後的使用畫面截圖:

Yoast SEO 使用畫面
Yoast SEO 使用畫面
Yoast SEO 的社群設定
Yoast SEO 的社群設定
Yoast SEO 的站長設定
Yoast SEO 的站長設定

Yoast SEO 在編輯器上

Yoast SEO 在編輯器上也有功能,就是告訴你這篇文章在 SEO 的表現如何,設定完這篇文章要爭的關鍵字後,它就會按照頁面優化的部份來幫你評分,截圖如下:

Yoast SEO 設定關鍵字、網址
Yoast SEO 設定關鍵字、網址
Yoast SEO 為頁面評分
Yoast SEO 為頁面評分

它幫你照顧到了很多要注意的細節,SEO 就是很多細節累積而成的,因此這個外掛必裝,可以省去很多時間。

它免費版的功能就很好用了,目前自己用的也是免費版。

免費跟付費的功能差異表在這:

https://yoast.com/wordpress/plugins/seo/


3 Schema – All In One Schema Rich Snippets

這套是製作 JSON-LD 的工具。

JSON-LD 是給搜尋引擎看的結構化資料,會影響的是搜尋結果的呈現樣式。在 Google 來說,這叫 Rich Card,可以看 Google 的說明:

瞭解結構化資料的運作方式

WordPress 上關於製作 JSON-LD 的外掛有很多,會建議這套是因為它操作容易,沒有一堆有的沒的需要設定,只要在每一篇文章在編輯時填入相關資訊就行。

會看到的填寫欄位截圖如下(以下是文章樣式的截圖):

Schema – All In One Schema Rich Snippets 在頁面上的編輯樣式
Schema – All In One Schema Rich Snippets 在頁面上的編輯樣式

用這個外掛要注意的是,它會呈現在頁面上,像這樣:

Schema – All In One Schema Rich Snippets 會呈現在頁面上
Schema – All In One Schema Rich Snippets 會呈現在頁面上

記得加上一段 CSS 把它隱藏起來:

#snippet-box {
  display: none;
}

用了以後,在 Google 提供的 結構化資料測試工具 就可以看到結果。


另外的4個外掛(選擇性安裝)

這篇文章標題是「WordPress SEO 有幫助的 3 + 4 個外掛」,之所以會用「+4」,是因為跟 SEO 沒絕對關係,比較像是在經營網站時會用到的。

+1 Facebook Button by BestWebSoft

是可以在頁面上放 FB 讚按鈕的外掛,操作蠻容易的,大部份都是用勾選的就能在頁面上生成按鈕。

+2 GA Google Analytics

GA 幾乎是各站必裝的工具,可以看見網成的成效。這套是只要填入追縱碼的 ID 就能使用。

+3 Metronet Tag Manager

這套是埋 Google Tag Manager 用的,只要把 GTM 上提供要埋的程式碼複製貼上後就能使用。

+4 Jetpack by WordPress.com

只要進到外掛的安裝頁面,推薦的外掛就一定會出現 Jetpack。它提供蠻多功能的,像是網站斷線通知、圖片lazyload、靜態檔 CDN、相關文章……等。

之前看過有人說 Jetpack 很肥大,能不裝就不裝。

而且有遇過圖片 CDN 開啟後,快取清不掉只好關閉該功能的經驗。

因此把它列為非必要裝的外掛之一。


本篇的下一篇,再介紹 2 個對 SEO 有幫助的外掛:

Easy Table of Contents、Simple Sitemap


Summary
WordPress SEO 有幫助的 3 + 4 個外掛
Article Name
WordPress SEO 有幫助的 3 + 4 個外掛
Description
wordpress SEO 有幫助的3+4個外掛。本篇大綱:wordpress是架站好物、選擇wordpress架站的原因、SEO有幫助的3個外掛、另外的4個外掛。一個站需要前台設計、前台切版、後台設計、後台切版、接資料庫、寫後端功能,想了想,要一個人獨立完成,除非這個站帶來的效益大於成本……
Augustus
Let's Write
Let's Write
https://letswrite.tw/wp-content/uploads/2020/08/logo_512.jpg

隨選筆記文

Front-End

用 JavaScript 將 JSON 轉為 CSV 檔下載

Vue

用 Storybook 做一個 UI 整理集

Front-End

用 Microsoft Clarity 網站分析工具,觀察使用者行為

Analytics Google

GA:User-ID 功能 設定及報表檢視

Bot LINE

LINE Bot:用 Google Apps Script 建立簡易網站監測機器人

WordPress

用 Auth0 在 WordPress 上做會員註冊、登入功能

Vue

Vue Transitions 製作簡單的 Carousel / Slider / 輪播功能

Analytics Google

GA:啟用 Web + App 報表

Bot Telegram

Telegram Bot 學習筆記 – 5:取得使用者大頭照

Bot Telegram

Telegram Bot 學習筆記 – 4:命令列 Commands

以下是留言,但關於留言的部份必需先讓你們知道:

本站的文章都是 Augustus 因為覺得有趣,才會實作並整理成筆記文而後進行發表。

如果留言是希望把 Demo 改成「你想要」的樣子,或是把功能改成「符合你需求」的樣子,

Sorry~ 除非那修改是 Augustus 也有興趣的,不然不會幫你們寫程式去面對工作或是交作業。

未來這類的留言不會再主動回覆。😎

另外,公開信箱是為了讓金流驗證用,

因為之前遇過幾次回信協助解決問題後,對方卻一聲謝謝也沒有,就這樣拿去幫工作交差。

因此決定不再回覆信件,有疑問就利用留言功能囉。

訂閱
通知
guest
0 Comments
Inline Feedbacks
看所有留言