如何架設網站?完整網頁設計+製作流程教學

如何架設網站?2026 完整網站設計+製作流程教學

架設網站主要分為 4 個步驟:先確定目標,再來是購買 網域(你的網站門牌)主機(放網站的空間)、選擇 架站平台(推薦 WordPress 網站的架構與內容管理系統),最後完成設計與內容製作。

這篇文章會以 WordPress 作為主要架站工具進行教學。以新手入門來說,每年約 NT$ 2,200–3,500 就能完成網域申請與主機租用,不需要一次投入太高成本~

由於 WordPress 是目前全球市佔最高的網站製作平台,對新手來說彈性高、資源多,也非常適合後續做內容經營與 SEO。主機部分,會搭配實務上常見、入門門檻低的 hosting.com 虛擬主機 作為示範。

接下來,會從架站前的基本觀念開始,依序帶你完成 網域申請 虛擬主機租用 WordPress 網站製作 + 網頁設計。額外的網站架站觀念與其他建置方法分享,也能讓你一次從門外漢進化成高手:)

★☆ — 重要資訊 — ☆★

犬哥網站與 hosting.com 主機有長期合作關係,點擊網站上任一個 hosting.com 連結 前往官網(包含點擊此連結),最高可享有 3 折的讀者優惠,請一定要把握:)


1. 如何自架網站?

自架網站主要有使用架站平台(如 WordPress),再申請網域與租用主機,或自行編碼三種方法,核心步驟包括釐清架站目的、選擇方式、申請網域與主機、設計內容,最後就是上線維護。

架設網站 3 要素
1. 網域申請
(申請門牌)
2. 主機租用
(租一塊地)
3. 網頁設計
(搭建房子)

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。

這也是每個站長都需負擔的小投資,沒有例外。

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

網域如何取名呢?

網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。

  • 簡單好記:越簡單的網域名稱越方便使用者查詢和記憶。例:蘋果 – https://www.apple.com/
  • 品牌名稱:網域名稱以品牌為名,打算發展品牌的公司,可用這個方式。例:愛迪達 – https://www.adidas.com/
  • 與服務 or 產品有關:與服務或產品有關聯。例:博客來 – https://www.books.com.tw/
  • 去除 www:目前大部分新網址都不太會在前面加上 www,這是比較舊式的用法。
  • .com 優先:.com 是大多數人的直覺印象,主要方便好記,增加搜尋率。
  • 勿用中文:網址傳輸是以英文為主,所以網址上有中文,就會轉成一長串的特殊符號+數字,除了難記外,對排名也不太理想。

網域取名完成後,接下來可以看一下網域後綴部分(或稱為頂級域名),要如何選擇呢?

一般最常選擇的就是 .com 類型的頂級域名,它適用於任何場合或服務,通常也是最熱門的選擇(會建議優先選擇)。

但有時候喜歡的網域名字,剛好偏偏被註冊走了,就能用更換頂級域名的方法,還是有機會註冊到自己喜愛的名字。

有關於網域後綴名(頂級域名),有哪些常見的類型呢?下面僅列出一些分享。

  • tw / cn / jp:代表不同國家,如台灣、中國、日本等(選擇這類型的網域,可挑選網站主要訪客的居住地)。
  • co:可解讀為公司或企業的英文縮寫,但基本上適用於任何情況,可當作 com 申請不到的替代方案(簡單好記)。
  • net:網路相關行業可使用,但無明確限制。
  • info:資訊性類型網站可使用,但無明確限制。
  • org:organization(組織)縮寫,適合非營利組織、基金會、人文組織、宗教組織等,但無明確限制。

虛擬主機是什麼?

「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的站長,通常都是租用現成的。

另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

如果網頁製作完成了,就需放置在優質的虛擬主機,才能確保網站不會受到攻擊,和速度穩定。

如何挑選虛擬主機?

  • 公司規模:國外知名虛擬主機公司,都是全球性服務,不論公司規模、營運歷史、主機性能、規格服務,通常優於國內主機。
  • 主機性能&功能性:主機穩定度&安全性是重要的,網站才會安全有保障。還有主機的方案規格是否理想。
  • 方案價位:通常國外的價格,會比國內便宜,但建議不要都價格取向,如果主機因此性能不好,之後你也會選擇離開的。

WordPress 是什麼?

WordPress 網站使用人數(持續增加中)
WordPress 網站使用人數(持續增加中)

WordPress 是全球知名的網頁設計軟體,全球有 40 % 以上的網站,都來自於 WordPress。更多 WordPress 是什麼

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。或許你不知道怎麼選,請參考 優質佈景主題優質外掛推薦,兩篇文章都有整理多個榜上有名的工具,一定能找到適合你的那一款!

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等。

最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

且不會因為任一網頁製作平台的營運問題,造成網站消失(舉例來說,無名小站結束營運,原來的內容也隨著關站而消失,但這不會發生在 WordPress 身上)。

因為你就是網站的擁有者!


2. 虛擬主機推薦

hosting.com 優質主機
hosting.com 優質主機

hosting.com 是由 World Host Group 於 2025 年收購並整合 A2 Hosting 後推出的虛擬主機。它繼承了 A2 Hosting 的 Turbo Server 高速架構與 NVMe SSD 儲存技術。

它從 2001 年就開始提供相關服務,由於創辦人本身有程式相關背景,所以主機速度優化上,一直是它們的服務重點。

它在虛擬主機上提供多種服務項目,像是共享主機、WordPress 專業主機、VPS 主機、獨立主機,隨著你的網站規模越大(流量越多)可同步升級服務,滿足不同時期的需求。

搭配 24 / 7 / 365 全年無休的線上客服,遇到任何問題能在第一時間幫助解決。

不需擔心語言不通問題,因為 hosting.com 客群來自世界各地,用簡單的英文程度(Google 翻譯),他們都聽得懂唷。

hosting.com 網站速度表現好嗎?

hosting.com 在全球各地有多個數據基地台,滿足不同地點的主機連線速度,像是台灣用戶就可到連線最近的新加坡基地

這是我之前主機放置在 hosting.com 所做的記錄(評測紀錄是 A+),網站加載速度大約 83 毫秒,是優質的主機速度。

A2 hosting :虛擬主機響應速度
虛擬主機響應速度(來自 bitcatcha 評測)

如果要評估主機與網站速度,建議 不要只看單一「 毫秒數 」或單一第三方分數,而是 一起看 Core Web Vitals 與伺服器回應表現

以 Google 與 Chrome 文件來看,網站體驗常參考 LCP、INP、CLS 等指標;若看 TTFB,通常可把 0.8 秒內視為較理想的參考值。

這裡展示的是第三方測速工具的實測結果,可作為參考;但 實際網站速度仍會受到主題、外掛、圖片大小、快取、CDN 與頁面內容影響

hosting.com 主機任一主機方案,均採用業內高等級 Lightspeed Performance 速度表現(比一般 SSD 硬碟還更快),讓用戶擺脫主機緩慢的惡夢。

每降低一秒的網站速度,這代表能保留更多訪客留存,進而轉化成網站訂單。

hosting.com 正常運行時間和安全性

根據過去 24 個月的數據,hosting.com 全年有 99.9% 以上的正常運行時間(沒任何一家能保證 100%),這代表你網站幾乎不會異常斷線,都是穩定的在線上運作。

這使它成為主機穩定度、安全性的有力競爭者。

Hosting.com:主機正常運行時間
hosting.com:主機正常運行時間

加上不同方案均有贈送免費的一年網域,就能夠在同一家一次完成網域+主機租用,非常方便划算!


3. 網域申請+租用虛擬主機

這章節會進行「 hosting.com 」的網域申請+主機租用流程,並帶你建置自己的 WordPress 網站。

這邊我會簡單分成 3 個步驟,帶你順利取得 hosting.com 主機。

Step1:選擇 hosting.com 方案

首先,點擊前往 hosting.com 主機 官網,會直接來到 Web Hosting 主機頁面,或是點選 Hosting > Web Hosting 前往也可以。

hosting.com 主機官網
hosting.com 主機官網

接著往下滑,會看到不同的主機方案,如果你正猶豫如何選擇,下面我會給你一些選擇建議。

hosting.com 主機方案
hosting.com 主機方案

小備註:方案價格會隨著主機廠商有所調整,以 hosting.com 官網呈現價格為主

要選擇哪種 hosting.com 主機方案?

hosting.com 共享主機提供 4 種方案選擇,分別是 Starter 方案、Plus 方案、Pro 方案、Max 方案。

任一種方案都享有免費一年網域、WordPress 一鍵安裝、大量儲存空間、不計網站流量、 SSL 免費憑證、Litespeed 加速提升、cPanel 多功能介面、數據中心選擇等,非常超值!

不同方案主要差異在可建置的網站數量,還有主機可使用的空間,其他功能大致差不多。

  • 只需架設 1 個網站:Starter 方案(空間 15 GB)
  • 需架設 2 個網站:Plus 方案(空間 30 GB)
  • 需架設 10 個網站:Pro 方案(空間 50 GB)

主要挑選方法,就依自己想架設的網站數量做挑選即可,在選擇上簡單滿多的!

小備註:接下來我會用 hosting.com 的 Starter 方案,進行主機申請教學(不一定要和我同方案,不會影響教學流程)。

Step2:選擇主機規格和網域

首先可選擇租用時間,建議至少需要租用一年以上,才會享有高比例的折扣優惠價,這邊我先用一年做為示範。

選擇 hosting.com 的租用時間
選擇 hosting.com 的租用時間

有關 Server Location 指的是伺服器位置,若是面向亞洲的客戶,通常就直接選擇 Singapore(新加坡)即可。

選擇 hosting.com 的伺服器位置
選擇 hosting.com 的伺服器位置

再來就是選擇網域的環節了,分別有這幾種模式:Register new domain(註冊新網域)、Transfer domain(移轉現有網域到 hosting.com 做代管)、Use existing domain(使用現有網域)

如果是新手剛開始建立網站,在沒有網域的情況,就先選 Register new domain(註冊新網域),然後輸入想申請的網域名稱。

申請新網域
申請新網域

備註:輸入網域時,hosting.com 會自動跳出選擇視窗。若沒人註冊過的話,就能點選 購物袋圖示(點擊後按鈕會變成 打勾 / In basket ),再點右下角 Continue ➔ 繼續(如圖,兩個按鈕都要按,才能順利加入成功)。然後關閉彈跳視窗,就會回到原來的流程畫面。

輸入想購買的網域 > 點選購物袋圖示 > 點擊繼續
輸入想購買的網域 > 點選購物袋圖示 > 點擊繼續

當網域加入購物車之後,系統會自動產生出「 Account Domain Name(帳號的網域名稱)」在 Use domain inbasket 中,確認好網域確實有被選到,就能前往到下一步。

確認購買車內的網域,有順利被選到
確認購買車內的網域,有順利被選到

這時候會轉跳到加購線上工具包的頁面,可直接滑到最底下,按「 Continue ➔ 」繼續,前往下一步。

線上工具包可直接跳過,選擇「 繼續 」
線上工具包可直接跳過,選擇「 繼續 」

Step3:註冊 hosting.com 會員&進行結帳

接著會同步申請 hosting.com 的會員,到時就可以透過註冊的帳密,登入到 hosting.com 後台。由於是國外平台,故這裡的資訊都需填寫英文

可分別輸入名字、姓氏、信箱、密碼,點選按鈕就能前往下一步。有關姓名部分這裡沒這麼嚴格,通常有正常英文都能通過,若是需要姓名中翻英的話,可使用 外交部 的工具。

註冊 Hosting 會員
註冊 Hosting 會員

接著會前往帳單資訊、付款方式設定頁面,這邊可以選擇「 Personal details 個人 」或「 Business details 公司 」名義來申請租用主機。

地址同樣需輸入英文,同樣使用 地址中翻英 工具,直接複製貼上,系統忌諱開始搜尋。若搜尋不到,也可以點擊「 Address 地址 」下面的「 Enter address manually 人為輸入地址 」,自行輸入。

有關帳單資訊填寫的方法如下(以 人為輸入地址 為例),完成後按下「 Save details 」儲存按鈕。

公司名義,輸入帳單資訊,完成後按確認
公司名義,輸入帳單資訊,完成後按確認
個人名義,輸入帳單資訊,完成後按確認
個人名義,輸入帳單資訊,完成後按確認

接著繼續下滑,就會看到付款資訊填寫。hosting.com 提供常見的「 Credit or Debit Card 信用卡或簽帳金融卡 」、「 PayPal 」、「 Bitcoin(BTC)比特幣 」、「 Bank Transfer 轉帳 」,可以滿足不同需求。

這邊我們選「 Credit or Debit Card 信用卡或簽帳金融卡 」,資料輸入完成後就能點擊「 Place order and pay 」提交訂單並進行付款!

選擇匯款方式,確認後送出
選擇匯款方式,確認後送出

付款完成後,系統會進行後台功能建置,所以需要等待一下。完成後就會出現成功畫面,若點「 Go to my account 」按鈕的話就能前往到 hosting.com 會員後台介面。

hosting.com 購買與註冊完成後,會顯示訂單成功的畫面
hosting.com 購買與註冊完成後,會顯示訂單成功的畫面

好囉,到這裡就算順利申請完畢 hosting.com 主機了:)


4. 信件認證&環境設置

當如果有順利申請完畢,這一章節同樣很重要,就是要做信件認證&環境設置,這樣剛所購買的主機或網域,才會正式生效。

前往剛註冊所留的信箱,這時系統應該有寄信過來了,除了會有訂單完成的通知,裡面有幾封驗證信可以分別做處理。

進行信件認證
進行信件認證

小提醒:有關需驗證的信件,hosting.com 主機都可能會再做調整,故建議可把信都打開來確認一下,若有需驗證的部分就照信中所寫的執行即可:)

第一封信件:激活網域&主機

打開 hosting.com 驗證信件,主要是在做網域&主機環境的啟動,可以點擊信件裡面的連結前往。

登入 hosting.com 會員和確認訂單細節
登入 hosting.com 會員和確認訂單細節

接著,若跳出 hosting.com 登入視窗,就輸入剛註冊的帳密即可順利登入。進入後台後,有關剛註冊的網域和主機,都需要進行最後設定,才會正式生效。

步驟一、網域設定確認

登入後會直接轉跳到網域設置的地方,找到你剛買的網域,然後點擊「 Setup(設置)」即可。

進行網域設置
進行網域設置

點擊後會先進到以下畫面,再點擊一次「Setup(設置)」,就可以編輯或補上詳細資料。

網域詳細資料設定
網域詳細資料設定

接著輸入相關的必填資訊,有一些 hosting.com 主機會預設帶進去,若沒有的話再自行補上即可(可以只填必填的欄位即可),完成後就送出。

小提醒:Phome 電話部分因為需輸入國際碼有 +886,所以把開頭 0 去掉加上手機或市內電話就可(例如手機: +886911000111),最開頭的「 + 」號記得加上,才有辦法儲存成功。

網域設定確認
網域設定確認

步驟二、主機環境啟動(如果系統已自動啟動,此步驟可忽略)

接著就是啟動主機環境的部分,一樣找到自己申請的主機方案,點進去後輸入剛申請的網域名稱,完成後送出。

小提醒:若是網域不是在 hosting.com 主機申請的,可同樣在下圖欄位輸入自己的第三方網域名稱,然後再進行 DNS 指向到 hosting.com 主機即可。

進行主機環境設置確認
進行主機環境設置確認

如果有順利完成,到這步應該會發現剛申請的網域和主機,應該都會是「 Active 啟用 」狀態,這樣就大功告成囉!

確認網域和主機狀態,均有被啟用成功
確認網域和主機狀態,均有被啟用成功

第二封信件:進行網域 ICANN 驗證

如果網域是在 hosting.com 購買的,可同步進行網域的 ICANN 驗證,確保網域所有權。
流程很簡單,打開信件點擊連結後,跟著流程進行驗證,最後就會出現成功訊息,就搞定了!

進行網域 ICANN 驗證
進行網域 ICANN 驗證

5. 前往 cPanel 後台&更換語言

這章節,我們將來進行 WordPress 網站的建置,找到剛所租用的主機,然後點擊「 Login to Control Panel 」登入到控制台(大多數跟網站有關的設定,都放在控制台內)。

前往控制台介面
前往控制台介面

進入後如果是英文介面,可以先更改一下語言,方便我們操作。找到 Preferences > Change Language,更換網站語言。

更改 cPanel 操作語言
更改 cPanel 操作語言

選擇語言,然後儲存即可。

將 cPanel 操作語言更改為中文
將 cPanel 操作語言更改為中文

再度回到主面板就會看到語言切換囉。

cPanel 後台畫面
cPanel 後台畫面

6. 建立 WordPress 網站

這章節會開始教學,如何透過 hosting.com 快速建立 WordPress 網站。

首先,一樣在 cPanel 面板內會看到 WordPress Manager by Softaculous 快速安裝的功能,先點擊前往。

選擇 WordPress 快速安裝功能
選擇 WordPress 快速安裝功能

點選 Install,進行 WordPress 網站安裝流程。

點選 Install 安裝 WordPress
點選 Install 安裝 WordPress

選擇 WordPress 網站要安裝在哪個網域下,這裡系統通常會幫你設定好,可用預設值即可。

會建議先選擇「 http:// 」的模式,避免因 SSL 憑證尚未生效問題,導致網站無法瀏覽(有關 SSL 後面再設定也可以)。

設定 WordPress 網域
設定 WordPress 網域

分別輸入像是你的網站名稱、標語,還有 WordPress 後台的登入帳號、密碼、管理員信箱,有關帳密部分自己要記得喔。

輸入 WordPress 建立資訊
輸入 WordPress 建立資訊

選擇 WordPress 後台的語言,下圖是選擇繁體中文,可依自身需求挑選。都設定完畢後,就點擊「 Install 」就會開始安裝 WordPress 網站了!

選擇網站語言&開始安裝
選擇網站語言&開始安裝

如果在安裝 WordPress 的過程中,系統跳出來類似下圖的警示,可以把下圖的選項打勾(若沒出現就無需理會),然後再重跑一次安裝就可以成功。

勾選覆蓋原來的檔案
勾選覆蓋原來的檔案

恭喜!看到這訊息就代表 WordPress 安裝成功了!

裡面應該會看到兩個網址,分別是 WordPress 前台&後台的路徑,點擊就能直接前往。

小提醒:WordPress 的後台路徑,就是網域後面加上 /wp-admin ,舉例來說像是:demo.com/wp-admin

WordPress 前台&後台網址
WordPress 前台&後台網址

好囉,以上就是透過 cPanel 內建的 WordPress 快速安裝工具,這樣就能迅速架站成功!

如果搜尋網址沒看到網站,可能是:

  • 剛申請的網域還沒生效,最多可能需等待一天時間(因 hosting.com 需要把你的新網域,通知給世界各地的主要伺服器認識+收錄)。若遲遲未能訪問到網站,也可直接聯繫 hosting.com 客服,它們會幫助你處理。
  • 網域不是同時在 hosting.com 申請的(像是使用第三方網域商:NameCheap 等),則需到你的網域商進行 DNS 設定,等待 24 – 48 小時生效時間,才會順利看到網站。

7. SSL 憑證申請

安全通訊協定,又稱為 SSL(Secure Sockets Layer)是一種安全協定,可在瀏覽器和主機伺服器之間,建立安全加密連結。

只要瀏覽器的網址欄前面有安全鎖頭,就代表目前是用 SSL 連線狀態。

網域加上 SSL 憑證的好處,除了訪客搜尋到你的網頁時,不會顯示不安全網站,也能幫助網站 SEO 排名。

這章節是來跟大家分享,如果你的網站還沒順利啟用 SSL,那可參考這教學完成(若已經啟用就可跳過此章節)。

Step1:前往 cPanel 面板

首先,一樣會前往到 hosting.com 內的 cPanel 面板,搜尋「 SSL 」關鍵字,點選下圖的圖示。

啟用 SSL 安全性憑證
啟用 SSL 安全性憑證

Step2:打勾啟用 SSL 憑證

這邊勾選「 你的網域 」那一個即可,然後點「 繼續 」。

打勾啟用 SSL 憑證
打勾啟用 SSL 憑證

接下來,點選右邊的「 Let’s Encrypt SSL Certificate 」,會跳出確認訊息,點選「 繼續 」,就會開始跑 SSL 憑證安裝

以 Let's Encrypt 安裝 SSL 憑證
以 Let’s Encrypt 安裝 SSL 憑證

小提醒:有關 SSL 的安裝過程和安裝完成後,都會等待一些生效時間,才會看到成功的狀態。

好囉,以上就是 SSL 憑證安裝的方法,如果有需要的朋友也能做參考:)


WordPress 軟體教學

wordpress網站教學
WordPress 網站製作軟體

WordPress 開源軟體 讓站長可以最低預算,自行架設網站與做網站設計。

對於不同主機、功能外掛、佈景主題的搭配方法,可能會產生不同的 WordPress 建置費用。從最低的架站價格,到進階功能網站的搭配,一切由你自由組合。

開始打造 WordPress 網站

購買網域+虛擬主機完成後,基本上網站架設就已經初步完成。

接著站長們可開始學習 WordPress 後台 如何使用,幫助你打造更棒的個人、公司形象網站。

Google SEO 規則,E-A-T 網站指標
開始打造 WordPress 網站,建置多元網站類型!

全世界有很多專業人士,開發了上千萬種佈景主題和網站外掛,豐富 WordPress 的生態系。

所以完成前置作業後,我特別挑選了幾款 最佳佈景主題最佳網站外掛,可以幫助你節省尋找的時間。

如果你有想架設的網站設計類型,這邊我列出 3 個常見的 WordPress 網站類型,你可以直接點擊前往,進行後續學習唷。

網站設計完成,開始網路行銷!

最後,開始經營網站的過程,我們還需進行 SEO 行銷。

WordPress 因為是最多人使用的開源軟體,所以搜尋引擎都會優先收錄 WordPress 製作的網頁。

站長可在進行網站行銷時,搭配 關鍵字研究工具優質 WordPress SEO 外掛,幫助你分析網站流量,進一步規劃搜尋引擎優化策略。


架設網站的多種方法

新手架站必看!WordPress vs. 寫程式 vs. 租用平台選哪種?全方位優缺點評比

「 網站架設 」有多種方法,不同的作法都各有優缺點,並沒有誰好誰壞,只有適不適合你。

你可以選擇適合的方法,建置個人或公司的形象網站,再搭配網站設計,完整你的網站。

下面我列出幾種最常見的「 網站架設 」方法,如下。

  1. 使用開源的網站製作軟體,有完全的網站所有權(像是 WordPress 軟體)。
  2. 租用架站平台公司的軟體,但需負擔不少的租金。
  3. 網頁外包設計公司製作。
  4. 自學程式語法架設網站。

接下來,我會對這幾點進行簡單的優缺點分析,協助你選擇適合的方式建置網站。


開源軟體評價

開源軟體,架站程式
多種網站製作軟體(開源)

開源 = 免費+擁有全部的網站所有權。

這類型的代表軟體,像是 WordPressJoomlaDrupal,都是屬於此種類型。

其中又以 WordPress 是最知名的架站軟體,全世界有 40 % 以上的網站是使用 WordPress 建置,你可在 GitHub 找到它的底層程式碼。

GitHub 是全世界最大的開源程式碼平台,數以萬計的軟體工程師,將其開發的程式碼公開至網路上,並供給其他人做再開發,豐富整個網路世界。

開源最大的好處是,就是有完全的網站自主權,可掌握自己網站的所有資料,如:文字、圖片、網站程式碼、資料庫等。

還有,因為網站開源(底層程式碼公開),所以任何的軟體工程師,都能用此當基礎,向上開發新的功能服務。

像是 WordPress 就有龐大的功能生態系,能夠架設多種類型網站,像是 部落格架設形象官網製作購物網站架設 等,幾乎能完成你所想。

最重要的是,在網站設計完成後,後續的網路行銷,開源架站軟體可完全讓站長自由控制,像是可以安裝 SEO 外掛輔助,不需額外花費解鎖 SEO 功能。更多 SEO 是什麼

其他的知名架站開源軟體,像是 Joomla、Drupal 或是其他新興軟體,也有自己的追隨者,但因為使用規模都不及 WordPress,這邊就不特別介紹。

優點

  • 完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
  • 有豐富的網站功能生態系,通常只需一鍵安裝即可使用。
  • 可自由控制網站預算,依需求搭配功能。

缺點

  • 需學習如何安裝網站軟體和架設網站,但這通常很容易上手,因為網路上有多種教學課程,像是 犬哥網站

架站平台公司評價

架站平台公司評價
架站平台公司評價

使用架站平台公司的服務,就是跟軟體公司租用架站方案,幫助自己建置網站。

這類型的服務又稱為 SaaS(Software as a Service),就是軟體即服務,也是常聽到的雲端服務。

代表軟體有很多,有建立部落格的像是痞客邦、Medium、方格子等。

有可以建立官網設計的,像是 Wix、Weebly、Strikingly 等,這幾種網站建置軟體。

也有可以架設購物網站的,像是 Shopline、91App、Meepshop 等。

使用這類型架站方法的好處是,可以省掉網站安裝的流程,因為軟體公司都幫你建置好了,只需付費使用現成的即可

相對的,使用架站平台公司的軟體也有缺點,因為你只是平台租用者,並非是擁有者

所以有關你的網站資料,像是文字、圖片、資料庫、程式碼等,都是由軟體公司掌握,這代表你會受到牽制。

假設公司更改收費規則,或是經營不善而結束營業,那網站都可能面臨消失問題。

優點

  • 不需自行安裝建置網站,可直接使用現成的軟體服務。
  • 形象品牌網站的技術服務,有軟體公司的客服可詢問。
  • 適合一次性網站建置,像是行銷頁面、個人作品集等,不打算長期經營的網頁。

缺點

  • 因為只是平台租用者,並沒有網站擁有權,容易受到軟體公司經營的影響。
  • 基本款的平台方案,網站功能通常不完善,目的是為了收取較高額的進階版費用。
  • 租用平台的價格,對於新手或預算不多的人來說,會是一筆不小的負擔。

外包網頁設計製作

架站軟體公司評價
網頁外包給設計公司製作也是架設網站的方法之一

將網站建置的需求,外包給 網頁設計公司 ,也是常見的架站解決方法之一。

網頁外包設計的好處是,你可以客製化網站功能,像是 預約系統、訂位系統、訂房系統、企業內部管理系統、派車系統,這些服務系統基本上都有辦法做到。

依照不同的開發難度,選擇的設計公司就很重要,因為網站程式不是寫出來可以運作就好,好的程式架構跟未來的網頁速度,有很大的關係

且不同網站建置需求,會有不同的設計價格,一次性費用從幾千元到上百萬都有,主要依照客製化程度。

下面我列出幾個常見的提問,可以幫助進一步了解。

1. 如何選擇適合的設計公司?

網頁設計的發展也經歷了好幾個年頭,所以市場上提供相關服務的公司也很多。

我提供一些尋找適合公司的方法,像是公司評價和規模是否理想網頁作品集 是否漂亮網頁報價是否合理

這幾個都能當挑選標準,幫助你找到適合的公司。

2. 網頁設計有哪幾種常見方案?

網頁常見的設計方案,有套版方案客製化方案租用型方案半客製化方案(套版,但可修改)

套版方案,這是設計公司已開發完成的系統,然後拿來重複販售。

價格費用相對客製化方案,會比較低一點。

客製化方案,這是依照顧客的需求而特別量身製作,費用通常會比較貴,當然能做的需求幾乎是無極限。

租用型方案,是比較新版的網站方案,因為網路服務的興起,許多顧客可能預算有限或是想先試用看看,設計公司就推出租用版方案。

3. 網頁外包設計製作的優點?

  • 網站可以客製化設計,幾乎能滿足大多數需求。
  • 可省掉大量的時間和精力,轉交給設計公司執行就好。
  • 有任何網站問題,可直接詢問客服人員。

4. 網頁外包設計製作的缺點?

  • 依照不同的需求,會有不同的網站建置費用,從幾千元到上百萬的範圍都有。
  • 大部分設計公司,不會提供網站程式碼(或資料庫),你沒有網站擁有權。有關此問題,可以詢問你委託的公司,看他們是否願意提供。

WordPress 網站架設服務

WordPress 網頁設計服務
提供使用 WordPress 設計網站的服務

犬哥網站 提供優質的 WordPress 設計服務。

我們是使用 WordPress 開源軟體來架站,幫你挑選適合的主題+功能外掛,再針對你的行業別做微調。更多 架設費用如何算?

WordPress 架設網站,優勢大整理!

使用 WordPress 設計網頁好處多多,我們這邊條列式整理優勢,讓大家更好理解 WordPress 優秀之處!

  • 客製化開發:自由搭配外觀主題+功能外掛,實現多種特殊功能。
  • 後台管理:中文化後台管理,可搭配會員功能,完成公司內部分權網站運作。
  • SEO 表現優秀:WordPress 是全球最多網站的選擇,也因此搜尋引擎更好讀取 WordPress 程式碼,網站收錄速度大幅提升,SEO 表現自然優秀。
  • 資訊安全:因為 WordPress 是全球最多網站使用的架站軟體,所以有許多資源投入安全運作,正常使用 WordPress,絕不會有安全疑慮。更多 WordPress 資安外掛推薦
  • 網站自主權:不論是交由哪一個設計公司,只要是使用 WordPress,你隨時可拿回網站程式碼,因為程式碼是開源的,不怕找不到下一家幫助你維護 WordPress 網站。

可以看見,使用 WordPress 架設網站,是相對 CP 值優秀的選擇,這也是為什麼「 犬哥網站 」選用 WordPress 幫助站長架設網站的原因!

如果你想了解更多「 犬哥網站 」的服務,歡迎點擊下方按鈕,前往查看&諮詢:


自學程式語法

自學 HTML、JavaScript 等程式語法
自學 HTML、JavaScript 等程式語法

自學程式語法,這個模式和 使用開源軟體 情況一樣,就是站長擁有最高的網站控制權,從個人網域、虛擬主機、網站內容、網站程式碼等都能獨立擁有。

這代表,你能完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。

自學程式語法是條漫長的道路,因為它是一個技能的培養,沒有幾年的學習時間,是很難架設出功能齊全的網站。

除非架設網站之外,你也剛好想培養一技之長,那學習寫程式會是個好選擇,因為有程度的軟體工程師,公司給的薪水幾乎很不錯。

不然會建議用其他方法建置網站,因為這樣花費的時間可能太多。

網站架設 :網頁前端工程師,學習路線圖
網頁前端工程師,學習路線圖

優點

  • 完全掌握自己網站資料,不會被任何平台公司的運作或是規則影響。
  • 程式開發學成後,任何功能類型網站隨你架設,不受限制。
  • 培養一技之長,有程度的軟體工程師,薪水待遇通常很不錯。

缺點

  • 程式技術是一門學問,要學習到一定的程度,需要幾年時間培養。
  • 如果單純想建置網站,通常有更好的方法替代。

備註:程式語法有很多種,可先選擇一種語言專精即可,像是 HTML、CSS、JavaScript、PHP、Python、Java、C# 等。

利用 AI 輔助進行程式學習 / 開發

AI 輔助撰寫程式碼

近年來 AI 發展神速,像是 ChatGPT 這類的語言模型,除了可以回答關於網站架設的知識外,也能依照你的文字敘述,直接幫你生成程式碼!更多 UI / UX 設計師 ChatGPT 指令秘笈

透過簡單文字描述,例如「 請幫我寫按鈕的 HTML、CSS,按鈕樣式為圓角、黃底黑字請幫我寫一個按鈕的 HTML 和 CSS,按鈕樣式為圓角、黃底黑字 」,不到一分鐘的時間,ChatGPT 就能產出程式碼。

你只需要簡單複製貼上,就能製作網站,不過目前 ChatGPT 產出的程式碼,有時候可能會有小誤差,不太完美,建議還是要檢查一下

ChatGPT 撰寫程式碼
ChatGPT 撰寫程式碼

我們之前也有分享過利用 ChatGPT 寫 CSS 程式碼的影片教學,有興趣的朋友可以前往學習唷:)

ChatGPT 寫 CSS 程式碼影片學習

部落格平台有哪些?

經營網路個人品牌,可能會需要 部落格平台 ,協助你完成 Blog 建立。

我的最佳作法會使用 WordPress,因為它是免費開源軟體,能完全擁有網站程式碼,可自由 網站搬家 或是 更換主機

使用 WordPress 不會被任何設計公司給綁架,也不會因為任何平台結束經營而變成網站孤兒。

可以參考 Blog 建立,這篇文章中有完整架站教學,或是參考下面影片學習。

如何架設 Blog ?建立部落格網站+ WordPress 網頁架設教學(快速入門)|Soledad 主題實戰

除了使用 WordPress 架站之外,這邊也列出幾個常聽到的部落格平台,跟大夥介紹。

痞客邦

痞客邦部落格,社群首頁
痞客邦部落格,社群首頁

痞客邦 是老字號的部落格平台,主要的客群來自台灣,好處是它有自己的平台生態,像是話題討論區、主題社團、定期活動等,網站內較熱門的分類屬於美食、旅遊、親子及美妝。

對於網站主的好處是,你或許會從中得到一些網站流量,但通常也不多。

在操作介面裡,我覺得內容很齊全,有眾多選項可以調整,光是字體就有數十種類型,文字可以自由調整大小;排版方式除了可以調整段落間距、段落併攏位置,還可以做段落縮排調整,在編輯方面非常多元!

痞客邦操作介面
痞客邦操作介面

但它的缺點也不少,像是佈景主題、後台介面都偏向舊款設計,會影響網站門面。

此外,還有上傳流量限制,如果需要提升上傳流量,勢必要使用付費服務解鎖功能。

痞客邦佈景主題
痞客邦佈景主題

比較可惜的是,就是痞客邦有很多的網路廣告,讓使用者體驗變得差,這也是讓許多人遠離的原因。當然你可以關閉網路廣告,但是需為此付費升級。

儘管如此,由於痞客邦在台灣發展的早,仍是有它的功能特色和一定的用戶群,所以也是可參考的標的。

Medium

Medium
Medium

Medium 是一個國外的部落格平台,由 Twitter 的創辦人和其他夥伴,在 2012 年 8 月一起創立的,宗旨是「打造高質量、高專業的部落格平台」,希望有別於 Twitter 的短篇貼文。

Medium 獲得全球專家學者青睞,很快就成為學術交流的平台,近年來台灣也越來越多用戶加入,與國外學者做交流。

因此有許多國內外的媒體會在這邊轉載分享專業的學術文章,也有許多個人或是企業,使用它做為公司或是其中一個項目的文章發布平台,像是 Airbnb、Facebook、Square 等。

網站架設 :medium 架站平台推薦
Medium 架站平台推薦

Medium 網頁設計很藝術派,大多數是時尚、簡約的樣式類型,而且沒有鋪天蓋地的網路廣告。

所以比起痞客邦,我更推薦使用 Medium 打造你的部落格網站。

網站架設 :medium部落格,畫面版型
Medium 部落格,畫面版型

相關網站類型

下面這幾款部落格平台,就是比較多人使用的品牌,你可從中選取。

我首推的還是 WordPress,因為我們管理自己的網址、主機、整個網站等等權限,不受任何平台約束,所以不必擔心因平台結束營運,整個網站心血在一夕之間都沒了!

犬哥網站 就是使用 WordPress 建置而成,當然這是我的選擇,主要還是選擇適合自己的來使用:)

部落格平台整理(依照順序推薦):

  • WordPress
  • 痞客邦
  • Medium
  • Blogger

網頁製作平台有哪些?

市面上的網站製作平台有很多,但絕大多數是採用平台租用服務,網站並不是完全屬於自己的,這容易遇到哪天平台結束營運,而導致多年經營的網站血本無歸。

我的最佳作法會使用 WordPress,因為它是免費開源軟體,能完全擁有網站程式碼,可自由 網站搬家 或是 更換主機更多 WordPress 是什麼

使用 WordPress 不會被任何設計公司給綁架,也不會因為任何平台結束經營而變成網站孤兒。

可以參考 官網設計,這篇文章中有完整架站教學,或是參考下面影片學習。

【作品集網站製作】不論面試或是接案都超好用,讓你馬上成為全場焦點!

除了使用 WordPress 架站之外,這邊也列出幾個常聽到的網站設計平台,跟大夥介紹。

Wix

網頁製作平台 :Wix 網站製作教學
網頁製作平台 :Wix 網站製作教學

Wix 是一個流行的網頁設計軟體,在全球 190 多個國家服務,超過一億八千萬個使用者。

龐大的使用者,讓它成為了納斯達克的上市公司,算是除了 WordPress 以外,聲量第二高的網頁製作軟體。

網站上有 900 多種佈景主題,和多種官方或第三方網站外掛,可直接套用。

Wix 有多款佈景主題可選擇
Wix 有多款佈景主題可選擇

Wix 有提供出色的頁面編輯器,介面直觀淺顯易懂,且都是繁體中文,是輕鬆架站的好夥伴。

挑選完喜歡的樣板,只需把元件拖放至指定區位,就可新增一個區塊功能。

而如果要修改編輯,只需點想修改的地方,即可進行編輯,是不是很方便呢:)

Wix 頁面編輯畫面

Wix 也有推出 App 供使用者下載,若你人在辦公室外,不方便帶著筆電,你可以下載 Wix 的 App,在你的行動裝置上管理網站。

Wix App 頁面編輯畫面
Wix App 頁面編輯畫面

Weebly

網頁製作平台 :weebly
網頁製作平台 :weebly

Weebly 是一款簡單上手的網頁製作軟體,有支援中文,在台灣也算知名架站平台。

它有好用的頁面編輯器,只要用拖曳方式,就可快速製作網站,蠻適合需快速建站的新手使用。

頁面編輯器支援多種小工具,像是文字、圖片、區塊、輪播工具等 ..,有利站長設計網頁排版。

Weebly 頁面編輯器
Weebly 頁面編輯器

此外,Weebly 也有推出 App,不管你在哪裡,只要有手機等行動裝置,就可以下載 Weebly 的 App,在你的行動裝置上設計版面、追蹤數據、處理訂單等。

Weebly 在行動裝置上也能使用頁面編輯器設計網頁
Weebly 在行動裝置上也能使用頁面編輯器設計網頁

Weebly 也有多種佈景主題可以選擇,不論你是要架設電商網站或是部落格,都有模板可以直接選擇。

如果你打算快速架站,或只是短暫性的需要有網站能使用,那使用 Weebly 也是個好選擇!

Weebly 佈景主題
Weebly 佈景主題

相關網站類型

下面這幾款網站製作平台,就是比較多人使用的品牌,你可從中選取。

我首推的還是 WordPress,因為 犬哥網站 就是使用 WordPress 建置而成,而且擁有網站自主權,更改編輯的自由度高,所以我才會推薦,不過這是我個人的選擇,主要還是依據讀者需求,選擇適合自己的來使用:)

關於 WordPress 的優點有哪些,前面章節都有介紹,可以往前閱讀介紹內容,進行比對篩選。更多 網頁製作平台推薦

網站製作平台整理(依照順序推薦):

  • WordPress
  • Wix
  • Weebly
  • Strikingly

網路開店平台有哪些?

想要經營線上生意,可能會需要強大的網路開店平台,協助完成購物網站架設。

WordPress 是完整多功能的架站平台,也可用來建置購物網站,是目前全世界僅次於 Shopify 最多人使用的開店平台。

如果你有預算上的考量,最佳作法會是使用 WordPress+WooCommerce,這是完整的搭配。更多 WooCommerce 是什麼

可參考 架設購物網站 教學文章,並搭配下面影片學習,有將近 4 小時的完整購物站製作,讓你立即網路開店成功!

如何架設 WordPress 購物網站+網路商店

WooCommerce

WooCommerce 電商外掛
WooCommerce 電商外掛

WooCommerce 是 WordPress 旗下最知名的網路商店架設外掛。更多 WooCommerce 中文教學

因為是免費的軟體加上安裝快速,在全球各地累積許多使用者,已有超過 700 萬的下載量,市占率高達 40 %,是世界排名前幾的電商系統。

WooCommerce 幾乎任何實用的功能都擁有,如: 商品管理 、訂單管理、 會員管理 優惠管理金物流串接 等等,非常齊全!

woocommerce購物網站架設
WooCommerce 購物網站架設

加上有眾多的 WooCommerce 佈景主題擴充外掛,可協助強化電商平台,只需點擊安裝即可。

對此,我寫了這篇 架設購物網站 完整教學,手把手帶你架設網路商店,希望能有效幫助到你。

WooCommerce 外掛的豐富生態圈
WooCommerce 外掛的豐富生態圈

WooCommerce 的生態圈很豐富,有多種周邊擴充功能,這也是讓它更完整強大的原因。

如果想節省網路開店平台的預算,使用 WooCommerce 開店平台外掛,絕對會是你的好選擇:)

Shopline

Shopline 電商平台
Shopline 電商平台

Shopline 是香港的軟體新創公司,因為其優質的設計介面和多功能的商店服務,在東南亞吸引許多愛好者使用。

Shopline 內建完整的電商平台功能,像是會員管理、訂單系統、商品管理、優惠管理等等多項服務項目,你不需額外進行安裝。

只不過在平台外觀方面,Shopline 提供了固定外觀版型給商家使用,這些版型無法做出大幅度的編輯修改,所以很難凸顯出網站的個人特色。

Shopline 功能及服務
Shopline 功能及服務

Shopline 的方案內容目前分為四種,從小資輕量到全通路的方案都有,可看自身需求選擇。

Shopline 方案
Shopline 方案

但由於使用「 架站平台公司 」的方法架設網站( 像是 Shopline ),你只是平台租用者而非擁有者,所以像是網頁程式碼、文字圖片、資料庫等都不是你擁有的。

這可能會遇到個問題,假如哪天品牌茁壯了,想搬出來自架購物網站,你將重新開始網站經營,這將是一個巨大的成本。

還有每月(或每年)固定的平台使用費,也是要網站主需考量的地方。

相關網站類型

結論是,剛開始網路事業,建議使用 WordPress+WooCommerce 搭配。

雖然會花些時間學習網站架設 ,但至少不會有「 沒有資料擁有權 」和「 每月高額平台費用 」問題

等品牌成熟一點後,再依需求雇用軟體工程師,協助提升 WordPress+WooCommerce 的整個功能性,讓它更符合公司成長需求。

或是重新開發一個客製的購物網站(不一定是 WordPress 系統),雇用一個軟體工程師、外包設計公司,幫助你重新製作。

不論哪種方法,請記得索取網站程式碼、資料庫等等「重要的」網站內容資料

這只是我的經驗供你參考,主要還是選擇適合自己的方法。更多 網路開店平台比較

網路開店平台整理(依照順序推薦):

  • WordPress+WooCommerce
  • Shopline
  • Shopify
  • 91App
  • Meepshop
  • Cyberbiz

AI 架站軟體推薦

AI 快速架站
AI 快速架站

過去在製作網站時,都會需自己發想每一個區塊該放什麼、如何呈現樣式等。

現在也有許多 AI 架站平台,可以直接透過回答問題或是描述,快速生成完整的網頁。更多 AI 網頁建置軟體推薦

像是可以透過輸入你的行業別、選擇色彩搭配、選擇網站區塊、選擇字體樣式等,就能快速架站成功,十分的方便(不需任何程式概念)。

有些 AI 架站軟體,也有支援電商網站的製作,加上完整的會員訂單系統,讓我們可選擇的架站工具又多了不少。

Framer AI 架站影片學習

這邊也列出幾個好用 AI 架站軟體,免費版就包含非常多功能,大家可以試試看:)

Hocoos

Hocoos AI 架站軟體

Hocoos 是一款 AI 架站軟體,操作介面簡單又好看,免費版就可以製作發布網站!除了 AI 架站功能外,也有 AI 文案生成、圖片生成、logo 生成等。

Hocoos 的架站流程滿有趣的,是透過對話方式,一步一步的問答引導來架站,總共只有 7 個步驟。

首先,於首頁輸入 Email 登入後,就會進入到一個像對話框一樣的架站頁面。

再來只要依序回答你的網站類型、提供的服務、網站要包含的功能( 產品銷售、線上預約等 )、商家類型( 只有網路商店或有實體店家 )、商家特色、商家聯絡方式,接著不到 30 秒的時間,AI 就能生成一個完美的網站!

Hocoos AI 架站介面

網站生成後,有 3 種樣式可以選擇,你可以再自行調整網站配色、搭配字體。

若是目前顯示的配色或字體不喜歡的話,你可以再次切換樣式,系統就會產出新的配色、字體建議,之後點選 Creat my website 進到下一步。

Hocoos AI 生成的頁面

接著就可以開始對網頁內容進行更新調整,你可以直接使用 Hocoos 內建的 AI 文案生成功能,輕鬆編輯商品文案。

若是你的商家剛起步,還沒有自己的 logo,也能使用 Hocoos 的 AI logo 功能,幫你的商店設計專屬的 logo!

不過免費版只有 1 次 logo 生成的體驗機會,文案生成也有限定 20 次,若想體驗更多,需要付費升級。可前往 Hocoos 方案 了解更多。

Hocoos AI logo 生成選項

Hocoos 最強大的地方在於,你可以直接在網站上一鍵架設商品頁面,之後只要簡單替換照片、修改商品介紹,就可以輕鬆完成你的商品網站!

商品編輯頁面的操作方式也都非常簡單易懂,對於新手架站算是非常友善!

此外,Hocoos 也有 AI 圖片生成功能,讓你可以直接在網站上生成商品示意圖,不過免費版也只有 5 次生成機會。

Hocoos 商品編輯頁面

商品頁都設置完成後,網站就可以免費上架運作了!除了可以實際購物下單、設定購物折扣券,更厲害的是,顧客下單後,系統還會自動發送訂單成立通知 Email 給顧客,而站長也會收到有新訂單的 Email 通知。

之後站長可以回到 Hocoos 後台的「 Orders & Customers 」介面管理訂單,非常方便!推薦有電商架站需求的朋友試試:)

Pineapple Builder

Pineapple Builder AI 架站軟體

Pineapple Builder 是一款強大的 AI 架站軟體,只需要輸入一段簡單的描述,就能生成一個高質感網站!它也有 AI 文章建議功能,可以幫助你快速撰寫優質 SEO 部落格文章,適合想要架設部落格的站長。

Pineapple Builder 搭配了 ChatGPT 智能助理協助你精準快速架站,你可以選擇要使用免費版的 ChatGPT 3.5 或付費版的 ChatGPT 4。前往 Pineapple Builder 方案 了解更多。

雖然介面皆為英文,但是你可以透過輸入中文指令來架站,例如「 一個理髮廳形象網站 」,不到一分鐘,就可以快速生成頁面,甚至連中文文案都幫你打好了

Pineapple Builder AI 生成網頁

Pineapple Builder 的頁面編輯器也非常好懂,像 Figma 一樣,左方工具列有各個元素分層,適合不懂程式碼的設計師編輯。

在編輯器上也隨處可見 AI 助理功能,如果最一開始生成的文案太短的話,你只需要點選 AI,再點選 Make it longer,AI 就會生成更長的文案。

此外,Pineapple Builder 也有快捷功能,只要輸入斜線 / ,就會跑出 H1、子標題、行動呼籲按鈕或是其他 AI 功能快捷鍵,非常方便。

Pineapple Builder 編輯器快捷鍵功能

若你還想在網站上新增更多區塊,你只需要點選加號 + 或 Add Section,就可以新增區塊,你也能繼續搭配 Pineapple Builder 的 AI 助理生成區塊。

在靠近左下角的地方會有一個像是對話框的地方,同樣只需要一段簡單的中文描述,告訴 AI 這個區塊你想要放置什麼樣的內容,Pineapple AI 就能幫你產出附帶中文文案的網頁區塊

Pineapple AI 對話生成網頁區塊

使用下來,Pineapple Builder 算是滿強大好用的 AI 架站工具,AI 生成的速度都滿快的,且免費版就可以無限次生成文案,大家可以試試看唷:)

相關網站類型

這幾款 AI 架站軟體都挺不錯的,操作簡單適合新手,可從中選取試試看:)

AI 架站軟體整理( 依照順序推薦 ):

  • Hocoos
  • Pineapple Builder
  • Framer AI
  • Jimdo
  • Kleap

網頁的設計教學/資源

網站設計通常是由「程式」+「設計」組成
網頁的設計通常是由「程式」+「設計」組成

有人問我說,如果想自學成為網頁設計師,有什麼資源是可以用來學習的?

一個網站的設計,主要是由兩個面向組成的,分別是設計+程式。接下來,我整理了一些相關資源,幫助大家學習成長。

架設網站(教學+課程)資源

網頁設計「 靈感參考 」:

Dribbble:最有人氣的設計靈感網站,挖寶的好地方。

Behance:支援中文版,後面有Adobe老大哥站台。

Pinterest:圖片界的Google,有大量圖片素材可供搜尋,很多人愛不釋手。

站酷:眾多設計作品案例,靈感來源參考。

CollectUI:眾多設計作品案例,靈感來源參考。

Eagle:台灣團隊開發的靈感搜集工具,可以輕鬆整理「 靈感、截圖、影片、音樂 」等各種素材。

網頁設計「 軟體教學 」:

犬哥網站:固定更新不同的自架網站、UIUX 相關教學,也有影片學習、素材資源分享。

學 UI 網:學習PS、 AI等軟體好地方,也有影片學習。

UI 中國:中國知名的UI/UX設計,教學分享網站。

網頁設計「 素材來源 」:

Freepik:提供大量圖像設計素材的搜尋引擎,滿多向量圖型可以下載來使用。

Flaticon:國外有名的icon素材網站,挖寶的好地方。

Iconfinder:很多扁平化 Icon 圖示可以使用 ,適合作為介面設計的圖示來源。

Sketchappsources:提供 Sketch 軟體可用模版與素材的網站,收錄許多漂亮的樣板。

Pexels: CC0 圖片搜尋引擎,收錄了許多網站的 CC0 圖片,方便尋找想要的圖片。

Pixabay: 大量 CC0 圖片可供搜尋,適合用在商業文章或設計範例中。

PS. 還有更多 免費圖庫資源 可參考,也推薦追蹤 犬哥網站 IG,我們會固定分享最新資源唷:)

網頁設計「 程式學習 」:

W3School 在線課程(簡中):蒐集大量程式語法的基礎知識點,新手入門程式的好地方。

MDN Web Docs:包含 HTML、CSS、JavaScript 等教學,部分教學都有繁體中文版可參考。

Codecademy:設計課程/教學,可以從 HTML、 CSS 開始學起,註冊會員後有一系列的教學。

網頁設計「 程式編輯器 」:

Sublime:編輯器的入門款選項,簡潔風格讓很多使用者喜愛。

VSCode:由微軟開發新一代強大且優秀的編輯器,內含豐富外掛可供安裝,且有繁體中文版。

當然,網站還有許多設計資源可以讓自己學習提升,這裡僅列舉部分。


常見問題

自架網站需要準備什麼?

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。

這也是每個網站主都需負擔的小投資,沒有例外。

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

網域如何取名呢?

網域是什麼?「 網域 」是網站組成的第一步,就像家的門牌一樣,讓人可以順利找到你的網站。

網域取名時,注重幾個簡單原則即可,像是簡單好記、品牌名稱、與服務 or 產品有關、去除 www、 .com 優先、勿用中文。

虛擬主機是什麼?

「 虛擬主機 」是主機公司在自管的實體主機上,切分成多個虛擬空間,並把這些空間,租給一般使用者使用。

這樣可大幅降低使用者的費用,因為養實體主機是很貴的,所以絕大部分的網站主,通常都是租用現成的。

另一個比喻,如果把網址比喻成「 門牌 」,那虛擬主機就是「 家 」的角色。

有推薦的 WordPress 優質虛擬主機嗎?

我們使用 hosting.com,繼承 A2 Hosting 的高速架構,採用 LiteSpeed 技術,台灣用戶可選擇新加坡伺服器,速度穩定且正常運行時間達 99.9% 以上!

且方案包含免費一年網域、SSL 憑證、一鍵安裝 WordPress,新手入門 CP 值很高。


聯絡犬哥網站

在網頁設計+AI SEO 行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 2 個實用資源,可有效幫助大家解決問題。

資源一:犬哥網站(專業 WordPress 網頁設計& AI SEO 行銷公司)

如果你沒時間自己架站,或是遇到網站沒有流量、Google 網站排名不理想,或是沒有被 AI 提及你的品牌。歡迎洽詢 犬哥網站(WordPress 網頁設計& AI SEO 行銷公司),請專家協助你會更容易!

我們有多年網頁設計、AI SEO 行銷經驗,加上上百個實戰案例,絕對能滿足您的需求!

犬哥網站|網頁設計& AI SEO 行銷公司
犬哥網站|網頁設計& AI SEO 行銷公司

資源二:WordPress 高手架站課+SEO 排名飆升課(線上課程)

如果想學習更深入的 WordPress 架站技巧,或是想透過 SEO 關鍵字提升網站流量?

可以參考犬哥近期推出的這兩門課程,課程非常的扎實,都是犬哥自己實戰出來的經驗分享,不打高空只教你做出成績!

WordPress 高手架站課&SEO 排名飆升課
WordPress 高手架站課&SEO 排名飆升課
  • WordPress 高手架站課
    從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等豐富內容,一次教會你。
    課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
  • SEO 排名飆升課
    教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等,大幅提升行銷能力。
    帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們專注用 WordPress 網站打造 AI 喜歡的架構,加上 AI SEO + GEO 行銷實戰。幫助品牌不只獲得 Google 首頁關鍵字排名,還能被 AI 主動提及,在新世代持續獲得成長!

在〈如何架設網站?2026 完整網站設計+製作流程教學〉中有 88 則留言

    1. Frank

      不會,謝謝你的支持^^

    1. Frank

      嗨~方先生你好:
      剛看了你的連結內容,裡面功能算是簡易版的淨銷存系統,是比較客製化的網站功能,採用PHP程式語法架構出來的。

      建議如果公司內部有技術團隊,可以和公司溝通請他們協助開發;若是沒有的話,可以找尋網頁外包(公司或是個人Soho,優缺點和注意事項,文章內有敘述)。

      祝你一切順利:)

  1. HeZe

    您好,看到您的文章讓我受益許多,但有些疑惑
    不曉得如果要從網頁製作平台轉到網頁製作軟體或是自己架網站,或者從網頁製作軟體轉到自己架網站的時候
    之前建立的會員系統會不會有無法轉移(會員要重新註冊)的情況發生?

    1. Frank

      嗨~HeZe你好,首先很開心我的文章有幫助到你:)

      切入正題,在平台上的移轉,舉例:如果原來用wix(網站製作平台),想要把會員移轉到wordress(網頁製作軟體),你可以先看wix後台,有無開放會員資料匯出功能,若是有的話就輕鬆許多,但以我的經驗來說多半沒有(因為多半不希望你跳槽)。

      如此一來,只能用人工手動新建會員方式,在wordpress建置會員檔案,如此一來也不用再發信給原來會員,請他們重新註冊,不然多半會有會員流失問題。

      如果是要把wordpress的會員,匯出到自己架設的網站,應該比較有機會實行,你可以先搜尋是否有類似的外掛,協助你進行。

      但如果沒有的話,可能還是需要人工手動重建會員,或者可用程式,爬wordpress的會員資料+頭像等資料..進入到你自行架設的官網,也可以達成。

      因為跨平台的移轉資料是算比較大的工程,各家軟體本來就不一定會相互支援,祝你一切順利:)

      1. Tina

        嗨 小犬,你的文章太棒了,對我這種新手來說真的很有幫助,謝謝你。另外,不好意思,可以跟你請教一個問題嗎?我想要架設販賣線上課程的網站。可是我不太了解wordpress和市面上其他的online lesson course platform的關係EX: podia,teachable. 因為這些網站似乎也可以協助我架網站+額外的課程架構服務 。所以我不知道我是應該先用wordpress架好網站,再使用這些平台的服務嗎? 還是我直接使用平台架網站,而不需要使用wordpress。 不好意思,問題有一點長,謝謝你了:)

        1. 嗨,首先謝謝你的鼓勵&支持:)

          至於你提到的問題,市面上的線上開課平台,好處是馬上就能使用,但缺點是每個月大額的租金費用&網站並不屬於你自己的&無法保存學員資料。

          使用 WordPress 架設線上課程網站,可使用 Learndash 外掛處理,雖然一開始會花些時間處理架站問題,但對於長期經營來看,會是比較好的。

          但由於 Learndash 算是比較大一點的外掛,會建議主機使用 Cloudways 來處理。相關 Cloudways 主機教學

  2. 謝謝您的分享^^詳細又清楚!

    1. Frank

      謝謝你的支持,我會繼續加油的:)

  3. WenYen

    您好, 謝謝你這麼詳細地解說, 讓我終於有點頭緒…

    另外有個問題想請教: 如果想做互動性較高的新聞網站, 也打算初步的設計和開發外包給網頁設計公司製作, 比較好奇是在和他們洽談前, 就要有一定量的新聞內容了嗎?(避免網站架設好但產品還沒好?)
    或是能夠先有網站, 再慢慢累積內容?如果是前者的話, 有建議要提供設計公司多少的內容量嗎?

    非常感謝!

    1. Frank

      WenYen 你好,基本上這兩種模式都可以,但如果怕網站成品出來,沒有內容會有點單調,那建議可以先準備幾則文章,等待網站完成後先上傳幾則(自己上 or 請外包公司上),免得網站看起來空空的,其他的文章再慢慢製作就可以。

      希望有幫助到你:)

  4. 請問為何我已經使用Let’s Encrypt加密,也出現如同您顯示畫面表示已經成功,但為何在一鍵安裝WordPress的Choose Protocol時,選擇https:// 的選項是出現A trusted SSL Certificate was not found呢?
    是因為DNS指向剛設定的關係嗎?需要等待時間嗎?還是有哪裡出問題呢?謝謝您指教!

    1. Frank

      HI,CarolHuang:

      有的時候可能是剛才設定完成的關係唷,可以試著等一下。

      或是先安裝好wordpress,再用Let’s Encrypt加密。

  5. Kim

    真的非常謝謝您詳細的分享解說,收穫滿滿!! 解決了內心很多的疑惑,感恩。

    1. Frank

      HI,Kim:不客氣,希望能有幫助到你:)

  6. 感謝筆者對於網站架設這一塊這麼詳細的分享,這對於很多初學者來說是很有幫助的參考 ^^

    1. Frank

      Hi,Siyun:
      謝謝你的喜歡,希望有幫助到你!

  7. amy

    想請問,只想做一個最基本的公司網頁(介紹公司提供的檢測項目而已),是用weebly自己好呢?還是請人架設好呢?
    主要是希望能夠上搜尋引擎,讓公司能見度提高
    如果是用weebly做,看他方案內也有優化的功能,這樣就能上收尋引擎嗎?還是也是要自己上google去申請
    不好意思….問的問題或許很好笑…..但我真的是不太懂….再請您指教,謝謝

    1. Frank

      HI Amy:

      若只是簡單的形象網站,可以使用上面的免費架站軟體,他們內建都有 SEO優化(應該也會協助做網站提交),只要公司名稱沒有含熱門關鍵字,是滿快在瀏覽器上可以用公司名稱搜尋到自己網站。

      若是想要自己控制 SEO優化,建議你可以使用 wordpress 進行網站架設(有網址+主機費用),但又須比用 weebly 這些軟體,還要多學一些東西補足了,好處是你可以自行變更任何東西。

      希望有幫助到你唷:)

  8. Hower

    有幸拜讀您的文章 真的是相當的認真且用心
    能夠看出筆者地努力的心血及想盡可能完善各方面介紹的認真態度
    在此感謝您的分享

    順便請教 如想精進有關網頁前端布置及後端資料處理的相關技術
    例如 必要js套件的學習應用 學習資源.書籍等等
    有沒有什麼個人推薦的呢?

    1. Frank

      HI Hower:

      謝謝你的鼓勵和支持:)

      若要學習程式技術,目前來說網站上的資源已經很多了,你可以參考 w3school(簡體教學),會入門比較快,從 HTML => CSS => JS => PHP 逐步學習,從前端入門,若是對後端有興趣,可以玩看看 PHP 比較好入門。

      JQ 是 JS 的一種框架,可以幫助你完成許多前端功能(有很多套件,都是基於 JQ 開發),在學 JS 打完基礎後,也可以玩看看 JQ ,希望有幫助到你唷:)

  9. 因為最近才剛購買網域、租主機也是在學習階段,有幸拜讀您的文章,真的是很感謝。讓我對整個架構又更清楚了。相對比其他架站網站來說,您的網站呈現的是更清楚的是整個架構與觀念的釐清,剩下的就是使用者自己再去找更深入的議題學習。對我受益良多。~感謝!!

    1. Frank

      HI Fred:

      謝謝你的鼓勵和支持,希望有幫助到你唷:)

  10. lydia

    請問我想要在wix網站上加入Ayden payment 系統要怎麼做呢?有程式人員可以介紹幫忙我嗎?

    1. Frank

      Hi lydia:
      有關 Wix 上的付款功能,是他們內部綁定的唷!簡單來說,就是要配合他們的金流廠商,是無法自己串接的,除非是使用 wordpress 等開源軟體,進行網站開發。

  11. 傑瑞

    剛個人創業,許多事都在起頭,一步步的戴著鋼盔往前衝
    好不容易把FB粉專搞懂了,也把資料漸漸豐富起來
    下一步就是個人網站了!
    感謝版主豐富又詳細的架站介紹,對我這個網路資訊新手有莫大幫助
    有信心繼續往前衝了!

    1. Frank

      Hi 傑瑞:

      看到你一步步往你的夢想前進,很替你開心!

      很開心我的文章有為你帶來幫助,祝你一切順利:)

  12. 韃靼

    感謝筆者用心分享關於網站架設的資訊
    初學架站真的很多東西需要慢慢去學習理解
    像是虛擬主機租借等也得自己去評估選擇
    不論什麼都是博大精深呢XD

    1. Frank

      Hi 韃靼:

      謝謝你的鼓勵,我會繼續加油的:)

  13. 您好,我的網站都是使用Laravel PHP+ReactJS/VueJS而不是使用WordPress,請問還是可以使用您推薦的Siteground嗎?

    1. 小犬

      HI bella00xx:

      你好,是可以的唷。

      照著本站的流程申請完成 SiteGround 後,登入 SiteGround 然後前往 cPanel ,在這裡面可以上傳你的 database(使用 MySQL DataBases & phpMyAdmin),然後再用 FTP 工具,把網站資料上傳到 server 即可。

      希望也幫助到你唷:)

  14. Ivy Huang

    完全沒看懂

    1. 小犬

      HI Ivy Huang:

      文章比較長一點,若不了解可以加入社團,希望有幫助到你:)

    1. 小犬

      HI 68traders:

      謝謝你的鼓勵,會再寫更多好文章的:)

  15. 吳尉嘉

    請問一下 像我是使用Wix製作的的網站 我想使用我自行購買的網域當作網址 但我的網址後面有.tw Wix好像沒有支援,如果是這樣,那我該怎麼辦?

    1. 小犬

      HI 吳尉嘉:

      Wix 使用自己的網址當網域,目前還沒實際試過,若 tw 不支援,可能就需要申請 com 的網域了。

  16. DDR

    請問小犬大大文章內說的Bluehost虛擬主機有包含雲端資料庫嗎?

    1. 小犬

      HI DDR:

      有的,雲端資料庫應該算基本配備,不然沒地方存網站資料。

      Bluehost 有 phpMyAdmin 這款軟體,用來操作資料庫相關動作,這在 Bluehost 後台介面,都能前往。

      希望有幫助到你唷:)

  17. mimi lee

    您好 想請問 依照您的步驟一步步執行,完成後,是否代表 在google上鍵入自己的名稱 即可搜尋到自己的網頁呢? 非常謝謝您

    1. 小犬

      HI mimi lee:

      照著文章可完成網址+虛擬主機申請+網站架設,

      但若要 Google 關鍵字能「 快速 」搜尋到,需本身你的網站名字不是熱門名(因為競爭,相對排名的慢)。

      若不是熱門名,舉例:用公司名稱當網站名稱,因為公司名基本上不太會重複,

      所以網站上線大約1-2個禮拜(不一定),應該就搜尋的到了。

      希望有幫助到你唷:)

  18. mimi lee

    謝謝你 對於正在創業的我們 真的起到很大幫助 感謝你

    1. 小犬

      HI mimi lee:

      謝謝你的鼓勵,創業加油唷:)

  19. Chloe

    您好,謝謝您詳細的說明!
    想請問架設自己的美容工作室的網站,想導入網路預約的系統,用wordpress就做得到嗎?
    該怎麼做呢?

    1. 小犬

      Hi Chole:

      WordPress 是可以架設有預約系統的網站唷。

      可以參考 simplybook.me 這款軟體出自於國外軟體公司,目前台灣也有設點處理相關服務,也支援本地的金流付款(綠界/藍新/Linepay..)。

      至於如何安裝,可以參考 simplybook.me 的 WordPress 外掛安裝 影片,希望有幫助到你唷:)

  20. Nancy

    您好,

    目前公司有架設好一個網站,未來會要成立新品牌架設新的網站,但是不想使用既有購買的套裝模式,想要改成wordpress系列架站。

    請問我現在想要先用免費wordpress架網站,未來準備好後會新註冊網域及租用主機,請問這種情況下會建議使用哪個版本的wordpress呢?

    1. 小犬

      HI Nancy:

      首先,如果是用微軟系統,就先下載WAMP。如果是Mac系統,就先下載MAMP。(這軟體可以讓你在本機上架設網站)

      再來,可以參考 WordPress安裝 文章的「 使用 FTP 安裝 WordPress 」章節,在本機上安裝 WordPress 網站。

      如果 FTP 工具不太會操作的話,可以參考 FTP 軟體教學 文章。

      希望有幫助到你唷:)

  21. 林先生、我在台灣

    您好:
    請問這種網站有套版軟體嗎?

    1. 小犬

      嗨!做這個很簡單,其實就是有一般的文字系統功能就OK了。

      你可以考慮用 WordPress 軟體架站,它的自由度是最高的。

      可參考 如何架設形象網站,照著文章流程更改你想要的內容,就搞定囉!

  22. 林先生、我在台灣

    您好:
    請問https://tw97.net/這種網站有套版軟體嗎?謝謝!

    1. 小犬

      嗨!做這個很簡單,其實就是有一般的文字系統功能就OK了。

      你可以考慮用 WordPress 軟體架站,它的自由度是最高的。

      可參考 如何架設形象網站,照著文章流程更改你想要的內容,就搞定囉!

    1. 小犬

      嗨,謝謝你的鼓勵:)

    1. 小犬

      嗨,因為這整體操作流程會比較繁瑣一點,所以在這篇打可能也打不完,我之後會出這個相關教學。

      但會用 MAMP 做教學(因為我用 Mac 系統),但流程都大同小異,應該會幫助到有需求的讀者們~

    1. 小犬

      嗨,因為這整體操作流程會比較繁瑣一點,所以在這篇打可能也打不完,我之後會出這個相關教學。

      但會用 MAMP 做教學(因為我用 Mac 系統),但流程都大同小異,應該會幫助到有需求的讀者們~

  23. vivi

    你好,感謝分享,目前公司想創立網站但又不想花太多錢,因為不需要金流,只是放產品資訊跟價錢以及連絡方式,所以我在找免費的網頁架設的公版跟網域,想請問一下有哪些比較適合?另外,若需要有購物車以及金流跟客服,會比較建議哪個呢?謝謝

    1. 小犬

      HI vivi:

      會建議你參考 架設購物網站 這篇文章,這是一篇完整的購物網站教學,唯一的費用就是個人網域+虛擬主機(這是任一個自架網站主,都需支付的費用)。

      當購物網站建置完成後,可參考 WooCommerce教學,WooCommerce 是 WordPress 旗下最強大的線上開店外掛,相關的設定細節都在文章中。

      如果不需有購物功能,就把加入購物車相關功能關閉即可(就變成單純展示產品&價錢的網站),至於金物流部分文章中也有教學。

      希望有幫助到你唷:)

  24. 啾的Music_story

    小犬您好~ 看完你的教學真的很棒 但這邊想請教一下我購買bluehost主機後,收據上有加稅金是正常的嗎?因為在結帳頁面並沒有顯示會收稅金,所以覺得受寵若驚

    1. 小犬

      嗨~你好!

      首先謝謝你的鼓勵。

      至於有關稅金部分,這是正常的唷,我如果教學文章中沒有顯示稅金部分,

      那是因為我是比較早期申請的,那時候好像沒有稅金部分。

      但現在申請的都會有唷!

      希望有幫助到你:)

  25. William

    謝謝!
    剛剛拜讀大作,多謝指導!

    1. 嗨,多謝鼓勵,歡迎繼續關注小犬網站^^

  26. C

    不好意思這麼晚了還打擾您,想請問我是一位新手,想架設和這個類似的網站,想請問該用哪種虛擬主機和方案較適合?https://www.sportsv.net/

  27. sean

    小犬您好,
    感謝您網路購物架設的文章, 獲益良多。
    請問如要架設類似591租屋網站,
    要用wordpress+bluehost,
    再搭配哪一個網站theme主題比較合適?
    以及建議再加那些外掛程式協助其他功能?
    麻煩您, 謝謝。
    祝 事業順利, 業績長紅!

    1. 嗨,有關租屋網站是比較複雜一點的呈現,可能要安裝客製化程度比較高的主題。

      這類型的主題可參考 Astra Pro,頁面編輯器可參考 Elementor Pro,至於如果你要的需求是更多的,可能就要再看有哪些外掛比較符合你的需求~

      1. sean

        好的,謝謝您!

  28. 小犬您好:

    謝謝您的文章
    想請問是否有推薦的編輯器使用呢?

    1. 嗨,多謝你的鼓勵。

      有關你的問題,你指的是頁面編輯器嗎?如果是的話,我有整理一些不錯的,放下面給你參考。

      相關文章:WordPress頁面編輯器推薦

  29. YEN

    小犬您好:
    謝謝你提供的資訊,想請教你機個問題,因為網路上大多是從虛擬主機/網域申請到購買,但是我希望我能把之前建置好的網頁透過wordpress重新進行版面設計,因為之前網頁是委託別人製作,所以目前已經有現成的網域和實體主機,想請問我應該怎麼做

  30. 謝謝小犬的分享,很詳細,確實對新手會有很大的幫助,好文一篇值得收藏呀~~~

    1. 犬哥網站

      謝謝你的鼓勵~小犬網站之後也會陸續推出更多教學文章的!
      希望能夠幫助到更多人:)

  31. yushimi

    不好意思,請問一下,從wordpress進入架站,並依據他們的收費,是否就一次解決虛擬主機或網域購買的問題?
    https://wordpress.com/start/plans

    1. 犬哥網站

      嗨,yushimi,

      你貼的網址是 WordPress.com ,我們網站上教學的是 WordPress.org 。

      這兩個架站工具是不同的唷,網站上也有比較文章,可以參考看看: WordPress.Com V.S WordPress.org 的差別

      你可以參考過後自行選擇喜歡的架站工具:)

  32. Dave

    嗨 小犬

    我是位舞蹈老師,想要自己製作線上課程,希望使用者付費後可以進入觀看,請問有推薦的方式嗎?

    我想這個也很適合很多想要在家創造新事業的朋友~

    1. 犬哥網站

      嗨,Dave,

      可以參考看看我們整理的: 6 款架設線上課程網站外掛推薦 找找看有無適合你的外掛~

      之後我們也會盡快推出全面的架設線上課程網站教學,希望可以幫助到更多像你一樣需要創造新事業的朋友們;)

  33. Sugar

    嗨小犬,真的很感謝你的無私教學。

    我現在想要搭建一個非常簡單的活動官網,唯一的問題是想讓中國墻內的網友也能打開,不知道WordPress跟Bluehost能否實現這一點呢?如果可以的話需要做什麼呢?(我只知道關鍵點應該是在域名?以及IPFS類型網站是可以開的。)

    不好意思,可能問到超出你範圍的麻煩問題,如果不方便解答也沒關係,因為我暫時爬不到相關的文也找不到前輩直接問,所以只能留言試試看。

    期待您的回復!謝謝!

    1. 犬哥網站

      嗨,Sugar,

      這部分我也不太清楚,僅能就我已知的回答你,

      建議若需要中國也能看見,還是使用中國方的主機以及網域,是最保險的做法,因為如果建制在國外,還是需要每天檢查是否被封鎖,封鎖的標準也沒有明確的規範。

      僅能多注意網站內容避免敏感用詞,留意中國的法規,

      並且購買主機的專用 IP ,可防止跟你共用 IP 的網站被中國封鎖,導致你也一起被封鎖的情況。

      這邊我找到一些文章說明,希望能幫助到你:)

      如何讓中國可以正常看到網頁

      如何順利讓網站在大陸上線

  34. 0404fruits

    你好 謝謝你完整的教學~

    請問我想像teespring網頁一樣 提供使用者線上設計的服務
    應該如何下手呢?

    謝謝喔!

  35. 天使

    您好
    我想請教一下
    我剛剛按照您的教學網站申請Bluehost的網域與主機
    文中有說到第一年是免費網域
    但是我出現費用是如下,我是點選你網頁上的連結過去申請的
    Account Plan
    Plus 12 Month Price – $5.45/mo.
    Hosting Price $65.40 ($5.45 for 12 months)
    Primary Domain Registration $27.99
    Let’s Encrypt SSL Free – terms

    另外我想請教,我是直接申請PLUS方案,因為我想要製作2個網站
    所以我要再同時申請第2個網域要如何申請呢?

    另外想再問一個很奇怪的問題
    就是為何買3年會比買1年貴?
    就是1年費用*3小於一次購賣3年費用??
    謝謝您

    1. 犬哥網站

      嗨,天使

      關於第一個問題,我們點擊連結,進入 Bluehost,點擊「 WordPress Hosting 」,選擇 Plus 方案,網域名稱確實是第一年免費,建議你可再重新點擊試試看,

      如果還是沒有顯示首年免費,建議你可洽詢客服。

      第二個問題,這是因為優惠的方式不同,以現在 2022 年 06 月的 PLUS 方案舉例:

      購買一年一個月為 5.45 美元,也就是一年支付 65.4 美元,但後續要續訂,會恢復為原價 13.99 美元,也就是往後都是一年 167.88 美元,並不會持續以優惠價續訂,

      若是購買三年為 65.4(第一年)+ 167.88 + 167.88 = 401.16 美元。

      購買三年一個月為 7.45 美元,一年為 89.4 美元,但三年都會是 89.4 美元,就會是 268.2 美元。

      若是有長期需要,可以選擇三年方案,但是可以在選購之前,先思考自身使用需求唷!

  36. 天使

    您好
    謝謝您詳細的回覆
    我試過了,後來發現原來是後面是co 就沒有優惠
    PS問一下:從您網站連過去申請就有優惠折扣對嗎? (譬如他寫63%off就是嗎?)

    那這樣我要一次購買plus3年
    但是我要有兩個網址 ,另一個網址是申請好再購買嗎?
    還是有其他方法建議操作,謝謝您

    超嫩新手問題有點多,謝謝犬哥團隊

    1. 犬哥網站

      嗨,天使

      也謝謝你提供的資訊,因為我們都是以「 .com 」搜尋,沒有發現其他域名是沒有首年優惠的,會在文章內再行補充,再次感謝你~

      是的,只要點擊我們的文章連結,進入 Bluehost 頁面,就可以享有 60% 以上優惠

      另一個網址可以先自行申請,也可以在 Bluehost 上繼續申請第二個網域,這都是依照你的需求去進行選擇,

      通常會建議如果可以一起購買,在 Bluehost 上購買第二個網域即可,若想試用看看其他網域商服務,我們也推薦 NameCheapGandi 網域商,你可參考看看~

      希望能幫助到你唷:)

留言功能已關閉。

返回頂端