
網站是什麼?網頁、網站與首頁的關係
先分清楚三個名詞
| 名詞 | 是什麼 | 比喻 |
|---|---|---|
| 網頁 | 一個畫面、一份文件 | 書裡的一頁 |
| 網站 | 許多網頁的集合 | 整本書 |
| 首頁 | 網站的入口頁面 | 書的封面與目錄 |
所以「我要做一個網站」的意思是:做一組互相連結的網頁——通常包含首頁、公司介紹、產品或服務、案例、聯絡我們等等。
一個常見的誤解
「網站做好了嗎?」這個問題,指的往往不只是首頁做好了。
一個企業網站通常有數十到數百個網頁,包含:
- 首頁
- 各個單元的列表頁——例如「所有產品」
- 各筆資料的內容頁——例如「某一項產品的詳細說明」
- 功能性頁面——聯絡表單、搜尋結果、隱私權政策
產品越多,網頁數量就越多。 一百項產品就會產生一百個產品內容頁。
網站的結構像一棵樹
多數網站的組織方式是階層式的:
首頁 ├── 關於我們 │ ├── 公司簡介 │ └── 團隊介紹 ├── 產品服務 │ ├── 產品分類 A │ │ ├── 產品 1 │ │ └── 產品 2 │ └── 產品分類 B ├── 最新消息 └── 聯絡我們
這種結構圖稱為樹狀圖,是規劃網站時的第一份文件。
為什麼要先畫樹狀圖
- 釐清網站要有哪些內容
- 決定選單怎麼排
- 作為報價的依據——單元數量直接影響費用
- 讓訪客容易找到東西
詳細做法見樹狀圖與線框圖。
層級不要太深
從首頁點擊到任何一頁,建議不超過三次。
層級太深的問題:
- 訪客找不到,中途就離開了
- 搜尋引擎抓取的優先度較低
如果內容多到三層裝不下,通常不是要加深層級,而是分類方式要重新想——可以用篩選或標籤取代層層點擊。
首頁不是最重要的一頁
這一點常常出乎意料。
多數訪客不是從首頁進來的。 他們在搜尋引擎找到某一篇文章或某一個產品,直接進入內頁。
這代表什麼
- 每一個內頁都要能獨立說明「這是誰的網站、能提供什麼」
- 內頁也要有清楚的聯絡方式或下一步引導
- 不能假設訪客已經看過首頁
把所有心力放在首頁、內頁隨便做,是常見的規劃錯誤。
網站不只是「一個檔案」
一個網頁看起來是一個畫面,但它實際上由多個部分組成:
- 文字內容
- 圖片——每一張都是獨立的檔案
- 版面樣式——決定顏色、字體、排版
- 互動程式——選單展開、輪播、表單驗證
所以打開一個網頁時,瀏覽器實際上下載了很多個檔案。檔案越多越大,網頁就越慢——這也是為什麼圖片要壓縮。
見網站慢的常見原因。
網站與其他管道的差別
| 網站 | 社群平台 | |
|---|---|---|
| 誰擁有 | 你自己 | 平台 |
| 能被搜尋到 | 可以 | 不易 |
| 版面自由度 | 高 | 受限 |
| 資料能否帶走 | 可以 | 不一定 |
| 停止經營後 | 內容還在 | 可能消失 |
這是網站最核心的價值:它是你能完全掌握的資產。
社群與網站是互補的,不是二選一——社群負責觸及既有客戶,網站負責被新客戶找到。
接下來可以了解的
- 打開一個網頁時發生了什麼事——理解網域、主機、程式的關係
- 網站由哪些部分組成——前台、後台與資料庫
- 常見的網站類型有哪些