外銷英文關鍵字研究的桌面情境示意圖

如何自己架網站?建站平台、WordPress、靜態網站的實作步驟與卡關點

Posted by:

|

On:

|

如何自己架網站,答案會隨著你選的技術路線而完全不同。用建站平台、自己安裝WordPress,或是做一個靜態網站,三者的動手順序不一樣,卡住的地方不一樣,上線之後要做的維護也不一樣。很多教學把這三條路混在一起講,讀者照著做到一半,才發現某個步驟根本不屬於自己選的那條路。這篇先用一個簡單的方式幫你決定路線,接著把三條路線分開說明:各自適合誰、依序要做哪些事、最容易在哪裡卡關,以及完成之後平常要照顧什麼。

先想像上線後最常做的修改,再決定走哪條路

思考如何自己架網站時,與其比較功能清單,不如想像網站上線半年後的樣子:你最常對網站做的是哪一種修改。如果多半是換照片、改營業時間、調整幾段文字,而且希望用拖拉的方式完成,建站平台會最省力。如果會持續新增文章、頁面數量會一直長大,還可能陸續加上表單、多語系或簡單的購物功能,WordPress這類安裝在自己主機上的內容管理系統比較撐得住。如果網站內容很少變動,或者負責更新的人本來就習慣寫程式、用版本控制管理檔案,靜態網站能給你最輕的維運負擔。

另一個輔助判斷是:網站出錯時,團隊裡有沒有人看得懂錯誤訊息。建站平台出錯可以找平台客服;WordPress出錯時,常常需要登入主機的檔案管理介面處理;靜態網站出錯,通常得讀懂建置工具的紀錄。誰能處理問題,也應該是選路線的條件之一。

路線一:建站平台的動手順序

這條路適合沒有技術人力、希望短時間內上線、頁面與功能都相對單純的店家或個人工作室。建議的順序如下:

  • 先利用平台的試用方式做出一個首頁,確認編輯介面自己用得順手,再決定要訂閱哪個方案
  • 挑版型時先切換到手機預覽,手機版排得好看的版型,後續省下的調整時間最多
  • 把頁面結構定下來,例如首頁、服務、關於、聯絡四頁,先填真實內容再調整外觀
  • 準備自己的網域,依照平台說明到網域管理後台新增或修改DNS紀錄,讓網域指向平台
  • 確認平台已替網站啟用HTTPS,再逐頁填寫頁面標題、描述與網址名稱
  • 上線後到Google Search Console驗證網站並提交網站地圖

建站平台路線的卡關點與日常維護

這條路線最常卡在網域設定。如果網域是在別家註冊商申請的,要依照平台指示修改DNS紀錄,這時最常見的失誤是順手刪掉原本與電子郵件相關的紀錄,結果網站上線了,公司信箱卻收不到信。修改前先把原本所有的DNS紀錄截圖或匯出保存,只新增或修改平台要求的那幾筆。第二個卡關點是更換版型,部分平台換版型時,原本的內容排版需要重新調整,最好在內容還不多的時候就把版型定案。第三個是方案差異,某些功能例如自訂程式碼、多語系或進階表單,可能只在特定方案開放,動工前先確認需要的功能在哪一級方案裡。

日常維護相對輕鬆,但有幾件事要養成習慣:定期把文字與圖片匯出一份存在自己手上;確認綁定的付款方式沒有過期,避免扣款失敗讓網站被暫停;員工離職時,記得移除對方在平台上的管理權限。平台改版或調整服務條款時,也要看一下通知信,確認有沒有影響到你正在使用的功能。

路線二:WordPress自架的動手順序

這條路適合預期網站會長期經營內容、頁面會持續增加,並且有一個人願意學習基本管理操作的團隊。順序大致是:

  • 準備網域與主機,確認主機支援WordPress需要的程式語言與資料庫環境
  • 用主機控制台的安裝工具安裝WordPress,或自行上傳程式並建立資料庫
  • 先完成語言、時區、固定網址格式與管理員帳號等基本設定,網址格式在發布內容之後才改,會影響已經存在的頁面
  • 選擇佈景主題,只安裝真正需要的外掛,例如表單、備份與SEO設定相關的工具
  • 建立頁面與選單,填入內容
  • 啟用SSL憑證並把所有網址轉到HTTPS,設定好自動備份後再正式公開

WordPress路線的卡關點與日常維護

WordPress路線最讓新手手足無措的,是那些跟版面無關的技術問題。第一個是網站寄不出信:聯絡表單看起來送出成功,通知信卻沒寄到或被當成垃圾信,原因常是主機的寄信設定不完整,通常要改用經過驗證的寄信方式才會穩定。第二個是更新外掛後網站出現錯誤畫面,連後台都進不去,這時需要透過主機的檔案管理介面把出問題的外掛停用,所以一開始就要確認自己握有主機控制台的登入權限。第三個是啟用HTTPS後,瀏覽器仍然提示連線不完全安全,通常是頁面裡還有舊的http圖片或檔案路徑,需要逐一替換。此外,上傳大圖失敗、改了內容卻看不到變化(多半是快取造成)也很常見。

日常維護的重點是更新與備份的順序。建議固定每個月找一個時段,先備份,再依序更新核心程式、佈景主題與外掛,更新完逐頁檢查首頁、表單與主要頁面是否正常。同時檢查有沒有已經停用卻沒刪除的外掛,以及管理員帳號是否都還是在職人員。

路線三:靜態網站的動手順序

這條路適合內容少變動的網站,或團隊裡有人熟悉HTML與版本控制。你可以純手寫HTML與CSS,也可以用靜態網站產生器,把Markdown寫成的內容套進版型,自動產生整個網站。動手順序大致是:

  • 決定要手寫還是使用產生器,頁面少、而且很少新增的話,手寫通常就夠
  • 在自己的電腦上建立專案資料夾,用本機預覽確認每一頁在電腦與手機上的呈現
  • 用Git管理檔案,每次修改都留下紀錄,出錯時可以退回前一版
  • 選擇託管方式,可以是專門的靜態託管服務、GitHub Pages,或把檔案上傳到一般主機
  • 綁定自己的網域並啟用HTTPS
  • 聯絡表單、留言、站內搜尋等需要伺服器處理的功能,改用第三方服務嵌入

靜態網站路線的卡關點與日常維護

靜態網站最常見的卡關是路徑問題:在本機預覽一切正常,上傳之後卻圖片破圖、樣式跑掉,原因多半是檔案路徑的寫法跟實際網址位置對不上,或是檔名大小寫不一致,許多伺服器會嚴格區分大小寫。第二個卡關點是表單,靜態網站本身沒有後端程式可以接收資料,把表單直接做在頁面上是送不出去的,必須串接外部的表單服務。第三個是交接,負責的人一旦離開,其他同事可能完全不知道要從哪裡修改內容、怎麼重新產生網站,所以專案裡一定要留一份說明文件,寫清楚安裝步驟與發布流程。

日常維護上,靜態網站沒有資料庫與後台,不需要頻繁的安全更新,這是它最大的優點。不過使用產生器時,相關套件仍會隨時間改版,久久沒動的專案可能在某次更新後建置失敗,建議每隔一段時間實際建置一次,確認流程正常。另外,網域續約與憑證狀態仍需要有人留意,這一點三條路線都一樣。

常見問題

如何自己架網站才不會選錯路線?先想像上線半年後最常做的修改是什麼、誰負責修改、出錯時誰能處理。三個答案對齊之後,路線通常就很清楚了。如果答案互相矛盾,例如內容會大量增加卻沒有人願意學後台操作,那問題就不在路線,而在人力安排。

建站平台做一陣子之後,可以改成WordPress嗎?可以,但版面通常要重做,文字與圖片則可以整理後搬過去。搬遷時最需要注意的是網址會改變,舊網址要設定轉址到新網址,避免既有的搜尋結果與外部連結失效。

靜態網站可以讓不會寫程式的同事更新嗎?可以,但需要另外架設內容編輯介面,或規劃一套固定的交稿流程,由懂技術的人負責發布。如果經常需要非技術人員自行更新,WordPress或建站平台通常會比較順手。

三條路線都要自己買網域嗎?強烈建議。就算平台提供免費的子網域,那個網址屬於平台而不是你,未來換路線時帶不走。自己的網域登記在自己名下,換平台、換主機時網址都能保留下來。

不管你走哪一條路線,網站上線後能不能被搜尋引擎順利讀取,是很多人自己架站時沒注意到的環節。創昇SEO提供免費網站健檢,可以幫你檢查標題、網址結構、手機版與基本技術設定是否到位;如果想有人當面說明檢查結果,我們也提供全台免費到府解說,再由你決定哪些地方自己調整就好。

Posted by

in

加 LINE 免費諮詢