網頁與網站是什麼

四個常被混為一談的東西

「我要做一個網站」這句話裡，實際上牽涉四件各自獨立的東西。用開店來比喻最容易理解：

三者是分開購買、分開管理的，可以來自同一家廠商，也可以來自三家不同廠商。詳細分工可參考網域註冊商、DNS 與主機商是三件不同的事。

網頁是什麼

網頁的本質是一個純文字檔案，裡面用一套標記語言描述「這段是標題」「這段是段落」「這裡放一張圖」。這個檔案本身不好看，是瀏覽器負責讀懂這些描述，再畫成我們看到的畫面。

組成一個網頁通常有三種角色：

• HTML——決定內容與結構，哪些是標題、哪些是段落、哪些是連結
• CSS——決定外觀，字體、顏色、間距、版面配置
• JavaScript——決定行為，點擊後展開、輪播、表單驗證

把它想成蓋房子：HTML 是結構與隔間，CSS 是油漆與裝潢，JavaScript 是電動門和感應燈。三者分工，但最終呈現為一個整體。

為什麼要知道這件事

因為它解釋了一個常見疑問：為什麼搜尋引擎「看得到」文字，卻「看不到」圖片裡的文字。 搜尋引擎讀的是 HTML 這份純文字描述，圖片對它而言只是一個檔案。把重要的標題、說明做成圖片，等於對搜尋引擎隱藏了這些內容——這也是我們不建議整站大量使用圖片替代文字的原因。

網站是什麼

網站是一群網頁的集合，透過連結串在一起，並放在同一個網域底下。

典型的企業網站會包含這些網頁：首頁、關於我們、產品或服務、最新消息、聯絡我們。每一頁都是獨立的網頁，但共用同一套外觀與導覽。

網站不是只有「看得到」的部分

一個能長期經營的網站，實際上分成三層：

• 前台——訪客看到的部分
• 後台——管理者登入後編輯內容的介面
• 資料庫——實際存放文章、產品、訂單等資料的地方

前台呈現的內容是即時從資料庫取出來的。這也是為什麼您在後台修改一則消息，前台立刻就會更新。詳見靜態網頁與動態網頁差在哪。

從輸入網址到看到畫面，發生了什麼

1. 您在瀏覽器輸入網址
2. 系統查詢這個網址對應到哪一台主機（這一步靠 DNS）
3. 瀏覽器向該主機要資料
4. 主機把網頁檔案送回來，若是動態網站，還會先去資料庫取資料組合成頁面
5. 瀏覽器解讀這些檔案，畫成畫面

整個過程通常在一兩秒內完成。任何一個環節出問題，網站就打不開——這也是為什麼「網站壞了」需要先判斷是哪一層的問題，而不是直接怪罪某一家廠商。

幾個常見的誤解

「網站放在 Google 上」

不是。網站放在您租用的主機上，Google 只是把您的網站登記在它的索引裡，讓別人搜尋得到。兩件事完全獨立——您的網站可以正常運作但完全搜尋不到，也可以在 Google 有紀錄但實際已經關站。

「有粉絲專頁就不用做網站」

粉絲專頁是租來的空間，版面、功能、觸及率都由平台決定，規則隨時可能改變，帳號也可能被停用。網站是自己的資產，內容、結構、資料都在自己手上。兩者角色不同，通常是互補而非取代。

「網站做好就不用管了」

網域要續約、主機要續約、SSL 憑證要更新、系統要修補安全漏洞、內容要持續更新。放著不管的網站，通常一兩年後就會出現各種狀況。