內容更新於 — 2023-09-16 04:10
在提到 WordPress 自架站的時候,指得是使用 WordPress [ .org ] 這套開源軟體,而不是 WordPress [ .com ] 這個平台。
第一次接觸的人,看到 [ .org ] 和 [ .com ] 可能會一頭霧水,不過別擔心,這篇文章❐ 有超詳細的說明和比較,有興趣可以點進去另開頁面了解;或者簡而言之, WordPress [ .org ] 最大的優勢是:能夠擁有完整的網站控制權!
從個人部落格到中小企業的形象網站,考慮到永續經營,能夠擁有完整的網站控制權,是不是聽著就好振奮人心呢?
使用 WordPress [ .org ] 自架站就像是開一家店,需要選(或搶)地段、租店面、裝潢、設備以及上架 ... 等等的作業流程。
而這些流程,正好對應了 WordPress 自架站所需要準備的幾個重要項目:
而這篇文章的重點,也會放在如何準備和挑選 WordPress 自架站所需的重要項目。
在此之前,自己需要準備的則是〖一台可以上網的電腦、筆電、平板或手機〗,沒錯, WordPress [ .org ] 雖然是一套〖開源軟體〗,但是,不一定必須安裝在自己的電腦裡;此外,所有的架站工作全部都是在〖瀏覽器〗裡操作,也就是常見的 [ Chrome / Safari ... ] 等等。所以,只要能上網的設備,就可以使用 WordPress [ .org ] 自己架設網站。
從 2019 年開始自學 WordPress 架站,短短四年的時間,從只會在痞客邦寫美妝文章的 me ,成為能夠編寫程式碼來客製化 WordPress 網站的自由接案者,回首這一路啊 ... ...
這期間測試過數十款國內外主機、佈景主題和上百種必要或非必要的外掛,目的是為了找到最理想的【店面】(虛擬主機)、最滿意的【裝潢】(佈景主題)以及最實用的【設備】(外掛)。
因此,在這篇文章中,會將『我使用過』最理想、最滿意、最實用的自架站產品列舉一~三款出來。
無論是一款或三款,裡面一定包含著一直持續服役中的產品;至於列舉到三款的情況,則是提供不同等級的價格與需求,讓大家可以有更多的選擇。
快速瀏覽
就是網址啦,擁有自己的網址真的好讚!
回想以往寄居在各個部落格平台的時候,如果沒有付費,通常是平台提供的子網域,這樣的網址的確不太體面、也有失專業。
而網域在自己架站的付費項目中,其實是最便宜的唷!價格通常落在一年 NT$300 - NT$800 之間。
國內外都有許多域名公司,提供的服務和品質也大同小異,所以,和哪一家買其實都不太容易踩雷。需要注意的是,轉換域名商可能會產生 DNS 傳播的空窗期,所以,如果能一開始選定能長久駐紮的域名商,也能避免轉換的麻煩。
少數比較低劣的域名商,會採取第一年超低價、第二年開始大幅漲價的手段來吸引消費者,甚至還會故意綁死你的網域讓你難以脫身,或者是類似 Cybersquatting ❐ 的行為,讓你必須用更高的價格才能向他購買你原本屬意的網域,我說的就是 GoDaddy !
所以,我只推薦這二家 ☞ Gandi ❐ 和 Google Domains ❐ 。
這二家都是數一數二的域名註冊商, Google Domains 就不用說了,是 Google 旗下的產品;而 Gandi 則是法國老牌,是目前最大的域名註冊商。
不過,我會按照不同需求的〖頂級域 top-level domains ❐ 〗,來選擇 Gandi 或 Google Domains,也就是說,這二家的域名,我目前都是持續使用中。
域名商 | Gandi | Google Domains |
---|---|---|
我的需求 | 購買 [ .com.tw ] 的域名 | 購買 [ .com ] 的頂域名 |
優勢 | ・購買 [ .com.tw ] 或 [ .tw ] 的頂域名最划算也不會漲價 ・每個域名贈送 2 個域名信箱 |
・購買 [ .com ] 的頂域名最划算 ・高 C / P 值的價格親切又固定,所有的頂域名續約都不會漲價 ・最優質的 DNS 服務 ・整合 Google 帳號方便管理 |
注意事項 | ・要注意某些特價的頂域名的續約價會大幅調漲 ・贈送的域名信箱沒有提供 DKIM 或 DMARC 驗證 |
・沒有提供 [ .com.tw ] 和 [ .tw ] 的頂域名 ・沒有送域名信箱 |
這二家都提供了許多的【頂域名】可以購買,但是最常見的通常是選 [ .com ] 就可以了,除非是想要特別強調地域性,才會有選擇 [ .com.tw ] 或 [ .tw ] 的需求。
而 Google Domains 是我最推薦的, [ .com ] 的頂域名只要 US$12 ,而且是固定價格續約不會漲價。不過, Google Domains 沒有提供 [ .com.tw ] 或 [ .tw ] 的頂域名,所以,如果有需要的時候我就會向 Gandi 購買,也是固定價格續約不漲價,也比市面上其他家的收費再便宜點。
但是要特別注意的是,在 Gandi 中,某些特價的頂域名也會有續約漲價(或稱為調回原價)的問題,所以購買時要留意一下。其實這種【續約調漲】的收費方式在許多域名商很常見,不是只有 Gandi ,所以才會顯得 Google Domains 更為實在。
至於購買 Gandi 的域名會送二個域名信箱的服務,則是比較少見的利多,如果有需要域名信箱的話,的確是可以選擇 Gandi 。不過,因為 Gandi 的域名信箱不提供 DKIM❐ 和 DMARC❐ 的驗證,所以我還會加購 CLOUDWAYS❐ 的 Elastic Email 的服務來驗證,每個月只要 US$0.1 ,就能提升域名信箱的發信送達率,是非常超值的服務。
這裡會從我實際使用和測試過的數十款主機中,按照〖品質〗、〖服務〗與〖價格〗挑選出三款我覺得可以放心推薦的主機,價格涵蓋了〖低〗、〖中〗、〖高〗,來滿足不同的需求,其中有一家則是我自己已經持續使用了三年並且會繼續下去的主機。
〖平價款〗網易資訊 ☞ 入門款最推薦|⇩立即跳到下方看⇩
〖進階款〗CLOUDWAYS ☞ C / P 值最高,我自己持續使用中|⇩立即跳到下方看⇩
〖高規款〗WooWP ☞ 頂級規格+網站全代管|⇩立即跳到下方看⇩
因為有很多知名的國外主機商,經常採取削價競爭的手段來吸引消費者上門,再將成本轉嫁到主機的品質、客服支援以及續約的價格上。
而這類型共享主機的通病就是往往在一台伺服器中塞入成千上萬的網站,最後造成大家的網站一起大塞車或伺服器停擺,想要找客服處理又各種擺爛;至於續約價格是如何地笑掉大牙這裡就不多著墨了,大家可以自己看,往往是第一年價格的至少二三倍以上!
詳細可以參考這篇文章 ☞ 如何挑選虛擬共享主機-WordPress新手架站經驗談 ❐
當然,市面上也有許多經營不錯的良心主機商,但是, 主機的效能(網站速度)還是必須和〖價格〗達到理想的 C / P 值,這也是為何最終我挑選出這三款主機,詳細可以參考這篇實測文章 ☞ 6個WordPress主機性能測速+價格完整評比 ❐
主機商 | 網易資訊 | CLOUDWAYS | WooWP |
---|---|---|---|
推薦方案 | TWW-E02 | linode 1GB Tokyo | Starter |
價格 | NT$1800 / 年 | US$12 / 月 | NT$1290 / 月 |
優勢 | ・價格親切 ・中文客服 ・台灣公司可開發票 ・台北機房連線快 ・每日異地備份保留 75 天 ・不需信用卡就能免費試用 |
・高效能 VPS 雲端主機 ・可架設無限個網站 ・免費獲得 Astra Pro 佈景主題 ・365 天 24 小時線上客服協助處理主機問題 ・無需綁約,隨時可停用 ・按小時收費,隨時停用不浪費 ・月付制,先使用後付費,下個月初才扣款 ・隨時可自行變更主機規格方案 |
・業界最高速的 Kinsta GCP C2 雲端主機 ・台灣公司可開發票 ・中文客服 ・專人管理解決所有主機與網站的問題 ・每日備份保留 30 天 ・Cloudflare Enterprise CDN 走台北數據中心連線快速 ・Zoho 域名信箱 |
共通優勢 | ・價格透明,續約不漲價・規格透明,不超賣主機 | ||
適用族群 | ・自架站新手 ・剛起步的個人部落格或形象網站 |
・需要架設多個網站 ・需要更高效能或更快速的網站 ・需要因應網站流量隨時調升主機規格 |
・需要專人代管網站 ・需要最高規格的主機效能 |
詳細規格 | 網易資訊官網 | CLOUDWAYS 官網 | WooWP 官網 |
〖 TWW-E02 〗這個方案是我最推薦的,雖然是共享主機,但是網易資訊不會像其他主機商那樣為了維持營運利潤去超賣主機,他們提供的主機品質和客服支援都對得起〖 TWW-E02 〗這個方案的價格( NT$1800 / 年),非常適合剛開始自己架設網站的新手,而且中文客服溝通起來也比較方便;這個方案雖然只能架設一個網站,但是在事業草創期或者想要試水溫的用戶,從網易資訊的〖 TWW-E02 〗開始入門,的確是個省錢又安全的起步。
有興趣可以先看看這篇介紹與實測文章 ☞ 高CP值網易資訊台灣機房+LiteSpeed測速❐
這是我目前使用的主機服務,已經持續使用三年了。
我使用的是 linode 最便宜的 1GB Ram 的方案( US$12 / 月),我在這個方案的主機架設了六個網站,一個是我的部落格、一個我的部落格的子網域網站、一個購物網站、二個圖庫網站、以及一個測試用的網站。
伺服器位置選 Tokyo ,距離台灣比較近,雖然比不上台灣機房的線路,但是憑藉著更高效能的 VPS 雲端主機的優勢,無論在 WordPress 後台操作或用戶在前台開啟或瀏覽網頁,速度都能強勢輾壓一般的共享主機,詳細可以參考這篇實測文章 ☞ 6個WordPress主機性能測速+價格完整評比 ❐ ,高效能+高 C / P 值,這也是我從共享主機跳槽到 CLOUDWAYS 之後,再也離不開的主因,有興趣可以先看看這篇介紹文章 ☞ 30個理由說明我喜歡的CLOUDWAYS ❐。
如果你和我一樣很介意〖主機的效能〗和〖網站的速度〗,是可以考慮直接從 CLOUDWAYS 開始,因為它很特別的是〖用多少收多少〗的〖按小時去計費〗,用到幾點計費到幾點的意思,隨時都可以停用也不需綁約,而且使用後的下個月初才會從綁定的信用卡去扣款,這也是我覺得很棒的模式(讚讚讚),更有趣的是,這種完全不需要綁約的模式,我反而黏著最久,至今未曾想搬離他。
此外,購買 CLOUDWAYS 的主機服務,還能免費獲得 Astra Pro 這個佈景主題唷!這個佈景主題的付費進階版本身就要 US$59 ,在 CLOUDWAYS 中就能免費使用,解鎖 Astra 免費版缺少的許多實用的功能唷!詳細可以看 這篇文章❐的介紹和說明。
不過, CLOUDWAYS 畢竟是國外主機商,如果不怕英文溝通的話,他們的線上客服真的很優質,而且 24 小時全年無休,不用擔心任何突發狀況;倘若真的不擅長英語溝通,我也有提供諮詢的服務,代為跟客服聯絡與處理,費用是一個問題 NT$500 ,如果有需求,可以加 唯設計官方 Line 與我聯繫。
因為我自己持續使用 CLOUDWAYS ,於是便撰寫了一系列的 CLOUDWAYS 教學文章❐,一步一步帶大家享受 CLOUDWAYS 的高效能與高 C / P 值的美好。
這是台灣的主機代管服務,代管知名的 KINSTA 主機,使用的是虛擬主機界中最頂規的〖 GCP C2 〗和〖 Premium Tier 〗線路唷!還不只這樣, WooWP 還提供〖 Cloudflare Enterprise CDN 〗,可以讓網站的內容直接由 Cloudflare 的台北節點來供應,這樣的夢幻組合可以讓主機的效能和網站速度簡直不能再快了。
與市面上大多數的主機商最大的不同則是, WooWP 還包含了〖網站代管〗,也就是說,不只是主機,就連網站的各種疑難雜症也能一併負責處理,協助將網站調適到最佳狀態。
這樣的一條龍專人服務,非常適合〖追求頂規主機效能與網站速度〗、〖需要全面的代管服務〗、甚至是〖不打算著墨於如何自架站〗的族群。雖然收費不菲,但是,絕對值得,因為,你可以把心力放在經營本業,不需要再煩惱網站的大小問題,比起市面上琳瑯滿目的網站公司, WooWP 所提供的〖主機品質〗與〖專人服務〗其實一點都不貴唷!
有興趣可以先看看這篇介紹與實測文章 ☞ KINSTA+GCP C2 + WooWP的終極組合❐
在 WordPress 中,佈景主題就好比店內的〖裝潢〗,最棒的是,有許多佛心的佈景主題開發者,提供了免費的基本裝潢服務,讓我們可以直接套用,加速開店過程中的裝潢作業,也省下一筆裝潢費用,這就是在 WordPress [ .org ] 官網中可以找到的佈景主題。
撰寫這篇文章時,免費的佈景主題已多達 5152 個,是不是很興奮呢?
不過呀,既然說佈景主題就好比〖裝潢〗,正意味著,一旦裝潢完成,想要改變就是一件大工程!大家試想一下,原本裝潢好的奢華夜店,要改裝成文青書店,那得多大工程啊!木作、泥作、油漆、管線配置 ... 等等的。當然,不是不能換,只是很麻煩,所以,強烈建議,選擇佈景主題之前,多方比較、試用,是很重要的前置作業唷!
免費的佈景主題通常都會提供基礎的架構和功能,建議大家可以從免費版的佈景主題開始試用,看看是否符合需求,滿意了之後再開始裝潢佈置網站。如果日後需要更多的功能,再付費升級成該主題的進階版,如此便能避免更換佈景主題的麻煩。
其實佈景主題的功能大同小異,挑選佈景主題的要訣並不是觀賞琳瑯滿目的模板,而是佈景主題的編寫架構,這是一般消費者看不到的程式碼,嗯!看不到卻是最重要的!我不是在開玩笑喔!
因為複雜臃腫的編碼會讓網頁的尺寸變得相當肥大沈重,於是,網頁開啟的速度也會相對緩慢!我也曾經使用過 臃腫的佈景主題❐,那是一段艱苦的歷程,不過,也因為它,我學到了許多網站加速與調整的技巧,當然,最後還是只能換掉它,這也是另一段辛苦的過程。
沒有人喜歡慢速網頁,既然,當我們精挑細選出優質的虛擬主機之後,更不可能會允許臃腫的佈景主題變成網站的拖油瓶,對吧?
所以,既然佈景主題所提供的功能大同小異,那麼,對於更在乎網站速度的用戶來說,選擇〖編碼簡潔、合理、輕巧〗的佈景主題,不但能減少虛擬主機的工作負荷,也能讓訪客在瀏覽網站的速度更流暢。
在實測與試用過十幾個佈景主題,我會按照〖學習曲線的難易程度〗,篩選出三個選擇方案,提供不同需求的族群。
佈景主題 | Astra Pro | Hello Elementor | OXYGEN Builder |
---|---|---|---|
搭配編輯器 | 區塊編輯器 | Elementor Pro | |
優勢 | ・編碼合理、簡潔,不會造成網頁速度的負擔 ・容易上手,國內外許多教學,適合新手 |
・功能更多、可完成更豐富的版面配置 ・使用人次最多,國內外許多教學可以自行摸索 |
・頁面最輕巧、最快速 ・最高程度的設計自由、完整掌控所有網站的設計權限 |
注意事項 | 購買 CLOUDWAYS 主機可免費獲得 Astra Pro | 編碼複雜頁面較沈重,建議搭配 WP Rocket 這套快取外掛來加速 | 學習曲線較高,不太適合新手 |
這是我非常推薦給自架站新手的佈景主題,免費版就有提供上百種精美的模板可以直接套用,省下了裝潢網站的時間和費用,真的很佛心。而且,它也是 WordPress 中下載量前五名的佈景主題唷!所以,網路上滿坑滿谷的中英文教學,不用擔心套用之後不會使用。
Astra 的編碼相當合理、簡潔,不會造成網頁速度的負擔,因此,在套用模板的時候,建議選擇〖 Block Editor 〗這套 WordPress 內建的區塊編輯器所設計的模板,如此就能滿足〖輕巧+快速〗的主要訴求了。
有興趣可以參考 這篇文章❐, Astra 是我實測過後,功能和速度最滿意的佈景主題。
不過,由於免費版提供的功能比較基礎,建議可以先安裝免費版試用看看,如果之後需要其他進階的功能,再購買付費的〖 Astra Pro 〗,不需要更換主題,就能解鎖其他需要的進階功能。
還有一個更棒更好康的是,如果你的虛擬主機選擇的是 CLOUDWAYS ,就可以獲得免費的〖 Astra Pro 〗喔!也就是說,只需要花主機的錢,就可以解鎖〖 Astra Pro 〗的進階功能,是不是皆大歡喜超划算呢?詳細可以參考這篇文章❐。
如果你和我一樣很在意網站的效能和速度, CLOUDWAYS 的 VPS 主機搭配〖 Astra Pro 〗的組合,的確是最省時又省錢的高 C / P 值組合唷!
自架站新手推薦方案 ☞ 無論是套用 Astra 提供的現成模板或自己設計,都建議〖 Astra Pro 〗搭配 WordPress 內建的〖 Block Editor 〗。
Hello Elementor 是我測試過網頁尺寸最輕巧的佈景主題,這是因為它真的什麼功能都沒有。正因為什麼功能都沒有,所以最輕巧,也因為什麼功能都沒有,所以它需要依附在自家的頁面編輯器 Elementor 去設計整個網站。
不過呢,這個 Elementor 並不是佈景主題,它只是一個叫做頁面編輯器的外掛,而且還是一個編碼有點複雜且沈重的外掛,會讓網頁的載入速度變得比較慢,操作時也蠻吃主機的效能,其實不太符合〖輕巧、快速〗的主要訴求。
為什麼我還會推薦〖 Hello Elementor 搭配 Elementor 〗這樣的組合呢?
因為從網頁設計與功能需求的角度來看, Elementor 是一套〖自由度〗+〖功能性〗較高的頁面編輯器,此外, Elementor 也是 WordPress 中,最受歡迎的一套頁面編輯器,也就是說,和 Astra 一樣,網路上海量的中英文教學,你不用擔心沒有人教你使用。
至於價格, Hello Elementor 這套佈景主題是完全免費的,而 Elementor 也是一套免費的外掛;但是, Elementor 其實有區分成 免費版 與 付費版的 Elementor Pro 。
免費版的 Elementor 提供了基礎的功能,而 Elementor Pro 不但增加了許多實用的小工具,它所提供的功能甚至能超越絕大多數的佈景主題唷!也就是說,〖 Hello 〗搭配〖 Elementor Pro 〗,可以設計出比其他佈景主題或頁面編輯器自由度更高的網站,甚至凌駕於其他的佈景主題之上。
所以,如果〖 Astra Pro 〗搭配〖 區塊編輯器 Block Editor 〗的組合所設計出來的網站無法滿足你的需求,那麼,的確是可以考慮〖 Hello Elementor 〗搭配〖 Elementor Pro 〗。
不過,既然說〖 Elementor Pro 〗自由度較高、比其他的佈景主題或頁面編輯器還要更強大,甚至凌駕於其他的佈景主題之上,就代表了這套頁面編輯器的學習曲線也比較高,所以,如果你是有時間也有意願摸索它,那麼,〖 Hello Elementor 〗搭配〖 Elementor Pro 〗的組合,的確可以自由設計出更多元、更豐富的網站樣式唷!
最後,需要特別注意的是,前面提過, Elementor 本身是沈重而複雜的編碼,不太符合〖輕巧、快速〗的主要訴求。
所以,如果選擇了〖 Hello Elementor 〗搭配〖 Elementor Pro 〗的組合,那麼,強烈建議只在有需要作特殊設計的時候才使用 Elementor 去編輯設計,像是整體的網站框架、頁首、頁尾、版面、欄位、首頁、特定需要設計的頁面 ... 等等的。
至於單一文章、單一商品 ... 等等的,因為數量較多、會經常增加的頁面,就千萬別再用 Elementor 去設計或編輯,建議用 WordPress 內建的區塊編輯器去編輯就可以了。
這算是一個在追求自由設計度較高+別讓整個網站的每一頁面都變得太沈重的折衷做法囉!
不過大家也別太氣餒,如果真的比較喜歡〖 Hello Elementor 搭配 Elementor Pro 〗,又想要加速網頁的開啟速度,還可以使用⇩後面⇩會介紹的一套最強大的快取外掛 ☞ WP Rocket ,讓網頁開啟的速度一樣飛快。
追求更自由設計網站的推薦方案 ☞ 〖 Hello Elementor 〗搭配〖 Elementor Pro 〗,別忘了〖寫文章〗或〖上架商品〗的時候改用 WordPress 內建的〖區塊編輯器〗去編輯唷!
這是我目前使用的,也是我最愛的 XXXX !我的所有網站都是使用 OXYGEN 去設計的。
它的編碼合理又極簡,完全符合〖輕巧、快速〗的主要訴求;此外,它還滿足了〖自由設計度最高〗的最高優勢!比〖 Elementor Pro 〗還有更自由、更全面、更完整掌控網站的設計所有權!
詳細可以參考這篇文章的說明 ☞ OXYGEN Builder 教我的 - 我可以丟掉許多外掛,不需要再煩惱網頁速度❐
不過,它也不是佈景主題!在 WordPress 中,和 Elementor 一樣屬於〖外掛 Plugins 〗。
如果說,〖 Elementor Pro 〗是凌駕於大多數佈景主題之上的頁面編輯器,那麼, OXYGEN 則是凌駕於所有佈景主題之上的網站建構器!
因為在啟用了 OXYGEN 之後,任何佈景主題都會被禁用,嗯! OXYGEN 不需要任何佈景主題,因為,它就是佈景主題!有沒有一種范爺曾經說過的那句「我不嫁豪門,因為,我就是豪門!」的既視感?哈哈
精確來說, OXYGEN Builder 並不只是佈景主題,因為 OXYGEN = 佈景主題+頁面編輯器 = 全網站建構器。
說了這麼多,不曉得大家是否有一個基本概念 ☞ 〖自由的代價真的很高〗,絕對能套用在人世間的方方面面。既然 OXYGEN 在 WordPress 自架站的領域中,擁有最高的自由度,就代表著,使用者需要付出的學習曲線也會大幅增加!是的,你猜對了, OXYGEN 比〖 Elementor Pro 〗更難學習。
如果我說,我從一個只會在痞客邦寫美妝文章的小白,琢磨了一年搖身一變成了能夠編碼的網站接案者,都是拜 OXYGEN Builder 所賜,那絕對是真的!在摸索 OXYGEN 那段期間,跟著 OXYGEN 的架構學習如何編寫程式碼是真的,看不懂程式碼焦頭爛額像個智障的時候是真的,完成任何想要的網站功能或樣式驕傲到簡直要升天的時候也是真的。
所以,如果你想要同時滿足〖輕巧、快速〗的網站+〖最高程度的設計自由〗,並且願意摸索學習,那麼, OXYGEN Builder 是我最最最最最推薦的〖佈景主題+頁面編輯器 = 全網站建構器〗。
追求〖最輕巧〗、〖最自由〗的推薦方案 ☞ OXYGEN Builder
如果,在摸索 OXYGEN 的過程中不太順利,我也有提供一對一諮詢和教學的服務,一個問題收費 NT$300 - NT$500,有需要可以加〖唯設計 官方 Line 帳號〗和我聯繫。
如果,你不想自己摸索 OXYGEN ,但是也想要擁有由 OXYGEN 設計的網站,我也有提供協助架網站的服務,費用會按照網站的規模報價,一樣可以加〖唯設計 官方 Line 帳號〗和我聯繫。
有許多很佛心的開發者提供了免費的外掛,撰寫這篇文章時,在 WordPress 上架的免費外掛已高達 6 萬個。
你可以把這些外掛想像成營運設備,比如開一家咖啡店,小至餐巾紙、大至空調,門口的保全設備、櫃檯的收銀機甚至是員工休息室裡面的打卡機 ... 等等的。而這些設備,有些是必要的,有些則是選擇性的,端看每個網站不同需求,比如,開一家服飾店應該是不會需要烹調設備對吧?
所以,以下介紹的〖必要外掛〗,指的其實就是無論是哪種類型的網站,都會建議安裝的外掛,包含:
SEO 外掛推薦 ☞ Rank Math SEO |免費版.進階版
資安保護外掛推薦 ☞ All In One Security
備份外掛推薦 ☞ UpDraftPlus |免費版.進階版
信件處理外掛推薦 ☞ WP Mail SMTP |免費版.進階版
快取外掛推薦 ☞ WP Rocket
圖片 CDN 外掛推薦 ☞ Optimole |免費版.進階版
於是,問題就來了,在 WordPress 中上架的 6 萬個外掛,也有許多功能相似的選擇,就比如,一樣是冰箱,到底要選 LG 還是 Sampo ?
這也是我一開始架站的時候,花費最多時間的步驟,我想找到〖品質滿意〗+〖需求滿足〗的外掛,接著,應用在我管理所有的網站上,最後,我就不再需要為這些外掛煩惱了。
大家別忘了,〖免費的最貴〗,在 WordPress 生態中亦同,比如:遇到品質不好的外掛,使用上遇到問題難以自行處理就算了,萬一安裝了之後搞壞整個網站,那就頭大了!
因此,以下推薦的必要外掛,都是我試用、比較過後,能夠同時符合〖品質滿意〗+〖需求滿足〗這二大原則的理想選擇。
而這些佛心的外掛開發者也不一定都是完全無償,有許多也會區分成〖免費版〗和〖付費版〗,付費版的功能當然更進階、更完整。但我還是會從免費版開始使用,因為我所篩選出來的推薦外掛,通常會是那種連〖免費版〗都比別人更強大,以滿足我當下需求;日後倘若有更進階的需求,再付費升級為進階版,也不用再重新篩選、摸索、設定或適應新的外掛。
SEO 是〖 search engine optimization 〗的英文縮寫,中文是〖搜尋引擎最佳化〗,目的是為了讓網站在搜尋引擎(Google / Bing Yahoo … 等等)中,獲得更前面的排名(最好當然是第一頁的第一個),所做的一系列操作。
試想,當你想要找「台北市最好吃的牛肉麵」,於是,你在 Google 打上「台北市牛肉麵推薦」,出來的搜尋結果中,包含了「牛肉麵店家的網站或粉專」、「美食部落客的推薦文章」、「相關折扣票券」、「美食旅遊網站」... 等等的滿坑滿谷的資訊,你願意往下滑到第幾頁呢?
立場對調,如果,你是台北市的牛肉麵店家,你希望你的網站出現在第幾頁呢?如果你是美食部落客,你希望你的文章出現在第幾頁呢?
所以,設計再漂亮、內容再豐富的網站,如果無法在搜尋引擎中排名在第一頁,那麼,訪客看不到就什麼都沒有用!
為了讓網站獲得更好的搜尋排名,我們必須為網站做好一系列的〖搜尋引擎最佳化〗。
WordPress 這套免費的開源軟體,本身的 HTML 架構已符合 SEO 友善;而〖 SEO 外掛〗則是幫助我們更輕鬆快速地去完成更多零散的基本細節,比如〖自動提交 SiteMap 給各大搜尋引擎 〗、〖提供給各大搜尋引擎爬蟲能解讀的中繼標記 〗、〖自動重新導向〗 ... 等等。
當然,這些瑣碎的細節,對於略懂程式碼的人來說,並不是複雜的工作,但是,〖 SEO 外掛〗存在的最大意義則是〖省時、省事、減少出錯〗。
而我所推薦的〖 SEO 外掛〗,除了能加速完成 SEO 的基本細節之外,還提供了許多實用的〖進階功能〗,而且,同時滿足〖品質滿意〗+〖免費版就比別家還要更強大〗的訴求。
Rank Math 是我遇過〖最佛心〗、〖最優質〗、〖又輕量〗、〖服務周到〗的 SEO 外掛,我很慶幸架站不到半年就遇上它,逃過了許多前輩口中的更換 SEO 外掛可能會經歷的排名黑暗期。
其實一開始使用的 yoast 可說是稱霸 WordPress 的 SEO 外掛!但是,它非常臃腫沈重,用過的應該都有編輯文章的時候死當卡住的經驗;此外,某些實用的功能都需要付費購買進階版。
遇到 Rank Math 根本天堂,它不但同時滿足〖輕盈〗+〖滿足需求〗這二大訴求,光〖免費版〗就已經是天使下凡了!許多 yoast 需要付費才能擁有的功能,在 Rank Math 免費版都能爽爽用,像是〖 404 頁面偵測〗、〖重新導向〗,以及最強、也是業界最多的高達 23 種〖結構化資料標記〗... 等等;此外,就算是免費版的用戶, Rank Math 的客服支援沒有差別待遇,效率高、服務好的沒話說!
至於編輯文章的〖 SEO 評分〗功能,Rank Math 一樣也有,而且,描述地相當仔細,我認為這個功能有助於新手學習如何撰寫〖搜尋引擎最佳化〗的文章所需要的一些大方向。
嗯!我知道許多架站老手大多不屑這個功能,但我要說的是,〖 SEO 評分〗的得分高低並不是這個功能的重點,最重要的是讓新手從不及格的項目中,學習〖搜尋引擎最佳化〗的精髓和細節。
最後,還是要提醒一下,〖 SEO 評分〗的功能,並不是得分越高就一定能夠排名越前面喔!不是說它沒用,而是因為在〖 SEO 最佳化〗的工作中,它只是一小部分,也就是說,〖搜尋引擎最佳化〗這件事,你還有好多的工作要做,比如〖網站的內容品質〗、〖反向連結〗 ... 等等。〖 SEO 外掛〗只是協助我們處理零碎的〖基本功〗,幫我們省下大把的時間去經營網站的內容,最重要的當然是〖網站的內容品質〗囉!
雖然說,免費版的 Rank Math 已經超佛超強大,凌駕於任何 SEO 外掛之上;不過,它還有出更強大的 付費版❐ 唷!付費版所提供的功能則是跨越 SEO 外掛的界線,進階到 SEO 規劃服務的範疇(類是國外知名的 Moz 或 Semrush 所提供的服務)。
目前 Rank Math 的 付費進階版 有提供的服務包含〖 Content AI (人工智慧關鍵字建議)〗、〖關鍵字追蹤、排名、成效分析〗以及〖額外 9 種最新型的結構化資料標記〗、〖網頁在 Google 的搜尋排名分析〗 ... 等等。如果想要學習如何觀察〖關鍵字〗經營為網站帶來的成效,付費版 的 Rank Math 的確是一個很棒的學習工具唷!
我最喜歡這類型能夠給予功能上的幫助,還能學習到更多 Knowhow 的工具,使用這些工具,我不只是學會使用這些工具,而是在使用的過程中,我獲得了更多的知識和技能。
就好比網頁程式碼、 CSS 、 php 架構,在摸索如何使用 OXYGEN Builder 架站的過程中,一點一滴地累積了好多技能;而許多 SEO 相關的知識則是從 Rank Math 所提供的功能所獲得。此外,這二個外掛還有一個重要的共同點 ☞ 客服支援一極棒 👍👍👍 ,事實上,經常打擾客服的 me ,也偷偷地從客服身上挖回了好多知識寶藏唷!
維護網站安全、防止駭客攻擊或竊取資料是經營網站的重要工作。
優質的虛擬主機,會為伺服器建立防火牆,來抵禦大規模的 DDoS 流量攻擊。
WordPress 本身很安全,就算偶發的漏洞,也不需要擔心,因為很快就會推出補丁更新,只要立即更新,就不用擔心 WordPress 網站被駭客趁虛而入。
但是,大家別忘了,我們還會安裝佈景主題和許多外掛,只要數量一多,變數就越難掌控。倘若某個佈景主題或外掛出現漏洞,在他們推出安全補丁讓我們更新之前,駭客就有機會透過這個漏洞注入攻擊。
因此,我們還是需要額外為網站安裝〖資安保護外掛〗,目的是為了加強保護網站的資料庫,防止 SQL 資料庫注入攻擊、Cookie 連線竊取、XSS 跨站指令碼攻擊 ... 等等。
建議安裝〖啟用安裝數較多〗或〖公司規模較大〗的佈景主題或外掛,因為使用人數較多的產品,影響範圍較廣,而公司規模較大則是在人力、制度與信譽上也會更完善講究,一旦發生問題的時候,危機處理的速度都會更快。
在 WordPress 的外掛頁面中,每一個外掛都會顯示〖啟用安裝數〗和〖使用者評論〗可以參考比較;如果你更細心,還可以參考〖技術支援〗,看看已經安裝的用戶都會遇到什麼樣的問題,以及外掛開發者的回覆品質。
最重要的是,倘若安裝了來路不明的佈景主題和外掛,網站更容易暴露在可能被攻擊的風險中!所以,建議新手盡量選擇在 WordPress 上架的佈景主題或外掛來安裝。
如果要說〖啟用安裝數較多〗或〖公司規模較大〗的資安保護外掛,那肯定是 Wordfence 了!
一開始我也是安裝 Wordfence ,但是,它真的非常臃腫沈重,非常吃主機的 CPU 效能,我實在不太想只是為了它而去升級虛擬主機的 CPU ;此外,由於它主攻流量攻擊與漏洞檢查,的確缺少了一些零散的小功能,我也不太想為了這些小功能又要再安裝更多的外掛,於是,使用一年之後,我捨棄 Wordfence 了。
最後我改用 All In One WP Security ,雖然它的設定比較繁瑣,其實不太適合架站新手,但是它〖非常輕盈〗,不太吃主機效能,還有許多額外的實用小功能可以加強保護網站資料庫的安全,不用為了幾個小功能又去安裝其他的外掛,最重要的是〖免費版〗就達到了包山包海,是一個很佛心的免費資安保護外掛。
每日備份網站是最基本要求,我們要盡可能預防哪天網站被駭客植入惡意代碼而無法清理或不想花費大錢清理的時候,可以直接將網站回復到上一個乾淨的備份檔。
更新或安裝新的外掛或佈景主題之前也要備份,避免更新或安裝之後萬一網站出問題,就算修不好,至少還能回復備份到更新或安裝之前的正常狀態。
大幅度變更設計或調整版面佈局之前也要備份,避免改錯的時候改不回來,一樣可以直接回復備份。
備份網站,真的很重要啊!
所以,每日備份其實只是〖基本要求〗,而這件重要的工作,最好是交給虛擬主機去完成會比較理想。
因為當網站發生問題,連 WordPress 控制台都進不去的時候,最簡單快速的方法就是從主機的操作平台上回復到出事前的備份,就能救回網站。
但是,狡兔三窟、雞蛋別放同一個籃子!只靠主機去備份也絕非萬無一失,萬一主機剛好也出問題呢?當然,優質的主機商不太會發生這種事。
不過,大家別忘了〖捕夢網數位科技〗在 2019 年大規模的硬碟毀損,造成許多用戶的備份資料一併遺失無法救回;以及 2021 年法國知名主機商 OVHcloud 機房失火,造成伺服器資料受損無法復原 ... 等等的意外事件。
因此,主機端的備份很重要,網站端( WordPress 控制台)的備份也很重要喔!
UpdraftPlus 在 WordPress 上架的外掛中,最多人次評價以及好評率最高的備份外掛,會比較能滿足〖安全性〗的基本條件。
〖免費版〗只有備份功能,可以手動備份,也設定自動備份的頻率,備份的檔案可以直接上傳到雲端儲存空間(像是 Dropbox / Google Drive … 等等)。強烈建議將備份的檔案直接上傳到免費 15GB 的 Google Drive ,沒必要讓它們佔用主機空間。
〖付費版〗則是額外提供了三個主要的進階功能:
1)自動備份的頻率可以指定備份的時間
2)為上傳到雲端儲存的備份檔案加密,確保網站資料的安全
3) 網站搬遷和複製網站
快取外掛存在的目的,主要是為了加速訪客開啟網頁的速度,而 Google 也一再地闡述〖網頁開啟速度〗將作為〖搜尋排名〗的參考指標之一。
至於站在〖使用者體驗〗的角度來看,〖一秒就能開啟的網頁〗 vs 〖十秒才能開啟的網頁〗,哪一個會讓訪客沒耐心等待直接按〖X〗關掉呢?
〖使用高規格的主機〗(比如⇪前面⇪推薦的 CLOUDWAYS 或 WooWP ),再加上〖輕盈的佈景主題和頁面編輯器〗(比如⇪前面⇪推薦的 Astra Pro 搭配區塊編輯器 或 OXYGEN Builder ),其實就能達到快速開啟網頁的目標。
但是,如果你選擇的是〖 Hello Elementor 搭配 Elementor Pro 〗來架站,或者是其他的佈景主題與編輯器,那麼,選擇一套強大的快取外掛,的確是可以解決這個問題唷!
WP Rocket 很特別,它只有〖付費版〗,所以,並沒有在 WordPress 中上架。但是,它真的太強大,幾乎沒有它加速不了的網站,而且,界面簡潔直觀,非常適合架站新手,你不太需要去理解它如何運作,也不需要為了主機效能或沈重的佈景主題煩惱,就是安裝它、啟用它、開啟必要功能,享受快速開啟的網頁。
快取外掛的主要工作是為網頁建立靜態文件,當訪客瀏覽網頁的時候,不必每次都要重新讀取資料庫,直接從快取的靜態版本供應給訪客,來達到加速開啟網頁的目的。
除了建立網頁的靜態版本以外,大多數的快取外掛還會提供〖縮小〗、〖合併〗以及壓縮檔案的功能,來達到減少網頁尺寸的效果。
而 WP Rocket 之所以強大,其實是因為除了〖建立靜態文件〗和〖縮小、合併、壓縮檔案〗之外,它還提供了三個真正能夠加速的大絕招:
1)延遲載入 JS 腳本
2)預先載入、渲染網頁內容(滑鼠懸停時)
3)預先取得網頁中其他外掛或服務所需的資源
此外,它還提供〖資料庫清理〗以及〖心跳控制〗 ... 等等的附加功能。
無論是基本功能、三個加速大絕招或附加功能,要整合在一個快取外掛中,那還真的非 WP Rocket 莫屬囉!
當然,你也可以安裝 4 - 5 個外掛去滿足這些功能,再自己慢慢去調整到最理想狀態;不過,在我的經驗中,這樣的做法往往事倍功半,因為會調整的老手不需要安裝 4 -5 個外掛也能加速網站,不會調整的人安裝了一大堆功能重複的外掛反而會降低主機效能、讓資料庫變大龐大而混亂,得不償失啊!
而 WP Rocket 的價值則在於整合了必要且真實有用的功能,我覺得一年 US$49 的價格,對於新手來說,節省時間、省去麻煩來獲得快速的網站,值得!
網頁組成的元素中,圖片通常是佔據最大的尺寸,尤其是美食介紹或旅遊文章、攝影作品,一個頁面裡動輒數十張圖片,光是要等待圖片下載、顯示,頁面載入就容易緩慢或卡住。
所以,我通常都會在上傳圖片之前,將圖片的寬度縮小到 1200px 以內,以一張寬度 1200px 的圖片來說,按照不同色域廣度,檔案大約會落在 100kb - 3000kb 之間,再使用 TinyPNG 這個免費的線上軟體,將圖片壓縮到 300 kb 以內,如此就能同時達到〖大幅降低網頁尺寸〗以及〖減少主機空間被沒必要的大尺寸圖片佔用而浪費〗的雙重效益。
但是,對我來說,這樣還不夠,因為新世代的圖片格式 WebP 與 AVIF ,讓圖片的檔案大小再縮小至不到 50kb 。
舉例來說,以一張 iPhone 拍攝的照片,原始長寬尺寸 4032px x 3024px ,檔案大小是 7.7mb ;接著用 Mac 內建的預覽程式將長寬尺寸縮小到 1200px x 900px ,這時候的檔案大小是 918kb ;接著再上傳到 TinyPNG 去壓縮之後的檔案大小是 150kb 。
接著,再將圖片轉換成 WebP 格式甚至是 AVIF 格式,轉換後的檔案大小 WebP 格式只剩下 70kb ,而 AVIF格式只剩下 40kb 。
從原本的 7.7mb 的原圖,經過〖縮小長寬尺寸〗 > 〖壓縮〗 > 〖轉換成 AVIF 格式〗,最後在網頁上呈現的尺寸只剩下 40kb ,一定能大幅減少網頁需要載入這張圖片的時間。
不過,問題就來了!
WordPress 的媒體庫目前還不支援上傳 AVIF 格式的圖片,以及,並不是所有的瀏覽器都能支援 AVIF 格式。
要不退而求其次改成 WebP 格式,大多數主流的瀏覽器都可支援顯示,也可以直接上傳到 WordPress 媒體庫。但是,以前已經上傳到媒體庫的圖片,就算透過外掛一鍵將舊圖片自動生成 WebP 格式,媒體庫將會同時存在〖原本格式的舊圖片〗以及〖自動生成的 WebP 格式〗,我認為這樣佔用主機空間的做法頗倒退!
所以我會更推薦使用〖圖片 CDN 〗的做法,無論是自動轉換 WebP格式 或 AVIF 格式,都在別人的場域完成再供應給自己的訪客,自己的主機不留下一丁點垃圾!
Optimole 在做的就是圖片 CDN 的工作,在 WordPress 控制台安裝〖免費版〗的 Optimole 之後,它就會幫我們把媒體庫裡面的圖片全部傳送到他們的伺服器裡面;接著,當訪客來瀏覽我們的網頁時, Optimole 的伺服器就會將我們的圖片自動轉換成 WebP 格式或 AVIF 格式,從他們的 CDN 直接提供給我們的訪客。
也就是說,這些轉換過後的圖片只會儲存在他們的伺服器裡面,完全不會佔用我們自己的主機,我們自己的主機只保存一份原本我們自己上傳的那些圖片。
除了轉換並且供應 WebP 格式或 AVIF 格式以外, Optimole 還有更厲害的功能:它會偵測訪客的螢幕尺寸,只提供適合的圖片尺寸。
如此一來,我們不需要為了不同大小的螢幕去上傳一大堆不同尺寸的圖片,我們只需要上傳一個足夠大的尺寸,通常是寬度 1200px 就差不多了(如果是 Banner 大圖的話,寬度 2000px 也超夠了);其他適合小螢幕的尺寸,就交給 Optimole 的 CDN 去供應即可。
比如:我們媒體庫裡面有一張寬度 1200px 的圖片,接著, Optimole 的外掛會將這個圖片傳輸到他們的伺服器。當訪客使用 iPad Mini 的 Safari 直向瀏覽我們的網頁,因為 Safari 目前還不支援 AVIF 格式的圖片,而 iPad Mini 的直向寬度為 768 px ,於是, Optimole 就會從他們的 CDN 提供一張寬度 768 px 以內的 WebP 格式的圖片給訪客。
又比如,當訪客使用 Samsung Galaxy A51 的 Chrome for Android 瀏覽我們的網頁,因為 Chrome for Android 支援 AVIF 格式的圖片,而 Samsung Galaxy A51 的螢幕尺寸為寬度 412px ,於是, Optimole 就會從他們的 CDN 提供一張寬度 412px 以內的 AVIF 格式的圖片給訪客。
安裝了 Optimole 之後,我再也不需要為了〖圖片檔案大小〗、〖最輕盈的圖片格式〗或〖適合各個螢幕的圖片尺寸〗所煩惱,也不需要在媒體庫裡面儲存一堆圖片格式或尺寸,全部都交給 Optimole 就沒事了。
而且,從他們的 CDN 供應這些各式各樣的圖片,速度也非常快,因為他們使用 Amazon 的 CloudFront CDN 來供應圖片,他們在全球有 200 多個節點,裡面也包含了台北。所以,他們會偵測訪客的位置,從最靠近的節點來供應圖片給訪客。
Optimole 在 WordPress 上架了〖免費版〗的外掛,可以供應每個月 5000 人次的訪客 IP ,這個使用量足夠給大多數的新網站使用。倘若哪天網站的流量大幅增加,可以再購買〖付費版〗來增加每個月的訪客人次。
我知道大多數的用戶都會安裝〖圖片壓縮的外掛〗,像是 ShortPixel Image Optimizer 、 Smush 、 EWWW … 等等。但是,我從不裝這類型的外掛,我認為〖圖片壓縮〗這件事情,使用 TinyPNG 這類型免費的線上軟體就已足夠,實在不需要多安裝一個外掛來做這件事情。
我認為外掛存在的意義在於:能夠減少〖技術上無能〗或〖多種瑣碎而繁雜〗的工作。
就比如 Optimole 這類型〖圖片 CDN 〗的價值就在於:處理各種螢幕尺寸與瀏覽器所需要的〖最佳又最小〗的圖片尺寸與圖片格式,並且用最快的速度供應給我們的訪客,又不會佔用我們的主機空間,的確是符合〖技術上無能〗或〖多種瑣碎而繁雜〗的工作,便是具有存在價值的外掛。
首先,系統信件指的是 WordPress 發出的通知信,比如: WordPress 核心軟體的更新通知、文章中訪客的新留言通知信、WooCommerce 新訂單通知、甚至是電子報 ... 等等。
不過啊, WordPress 本身是使用原生函數 wp_mail() 發信,容易被 Google 判定為不安全信件,而被歸類到垃圾信件甚至是直接封鎖,導致自己或訪客收不到這些重要的系統通知信。
於是,我們必須將系統信件的發信方式改成 SMTP ( Simple Mail Transfer Protocol,簡單郵件傳輸協定 ) ,如此一來,就能避免自己或訪客收不到系統通知信。
對於新手來說,最容易的方法就是安裝 SMTP 的外掛,我最推薦的就是 WP Mail SMTP 。
WP Mail SMTP 是 WordPress 外掛中安裝數量壓倒性勝利的 SMTP 外掛。
〖免費版〗就可以為高達 10 種常見的發信軟體設定 WordPress 系統信的 SMTP ,像是 Gmail / Mailgun / SendGrid / Sendinblue …等等,當然,如果你的虛擬主機有提供其他的發信軟體,也可以自訂 SMTP Host 。
〖付費版〗還提供了更多的進階功能,非常適合〖電子報行銷〗需求的用戶:像是〖追蹤電子報的開信率和點擊率〗、〖電子報的綜合統計報告〗 … 等等;此外,〖付費版〗額外再增加三個發信軟體:Amazon SES , Zoho Mail 以及 Microsoft ( Outlook , Office 365 ) 。
架站接案這些年,我一直追求〖實用〗+〖快速〗的網站,所以我嘗試過許多不同組合的配套方案,嘗試了許多的虛擬主機與不同的規格、許多人人說快的佈景主題和快取外掛,最後,我將所有我管理的網站落腳在這樣的組合:
如果 OXYGEN Builder 對你來說太困難,我也有提供 代架或諮詢服務❐。
如果你還是想要自己摸索,那麼也可以嘗試下面的組合:
如果〖 Astra Pro 搭配 WordPress 內建的區塊編輯器〗的組合所設計出來的樣式與架構無法滿足你的需求,那麼也可以嘗試下面的組合:
最後,如果對於 CLOUDWAYS 的操作和管理有任何問題,我也有提供 協助、諮詢或處理的服務❐。
WordPress 懶人包的介紹就到這囉!任何問題都歡迎在下方留言板討論唷!
Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.