LAUNCH · 01 · 網站設計
一個好首頁,先回答哪三個問題?
從訪客任務出發規劃首頁:定位、價值、下一步,搭配 B2B/B2C 比較表、首頁設計流程與 SEO/GEO 檢查清單。

THE SHORT ANSWER
好首頁先回答「你是誰、能幫我做什麼、我接下來可以做什麼」。把這三個答案放進清楚的標題、可辨識的網站視覺與行動入口,再用服務細節、證據與常見問題支持訪客決定。
先決定首頁要服務誰,不是先決定放幾個區塊
首頁常同時被業主、設計師與行銷團隊賦予不同任務:有人想展示品牌,有人想介紹所有服務,有人希望每位訪客立刻詢價。這些目標都合理,但第一個畫面無法同時承擔全部工作。比較有效的起點,是寫下一個主要讀者、一個他正在處理的問題,以及一個本次造訪可以完成的任務。
以烘焙品牌為例,第一次來的顧客可能想確認產品風格與附近門市;採購人員則想知道大量訂購方式。同一個首頁可以服務兩者,但入口要有主次。企業服務網站也是如此:正在研究方案的讀者需要理解差異,已經決定詢價的讀者需要快速找到聯絡方式,而不是被迫看完所有品牌故事。
實作時可以先寫一句工作描述:「協助第一次認識我們的訪客,在首頁看懂服務對象,選到適合的服務頁。」它比「做出高級感」更容易驗收。設計質感仍然重要,只是圖片、留白、字級與動效都要幫助這個任務,而非與它競爭。
第一個問題:你是誰?用具體類別建立辨識
品牌名稱不等於定位。訪客即使看見商標,也未必知道你提供的是商品、顧問服務、製造能力還是軟體。Hero 的主標或副標,至少有一處要用日常語言交代服務類別與對象。「讓未來更美好」可以是品牌精神,但不能單獨取代「為中小企業提供帳務與財務管理服務」這類可理解的描述。
主視覺也應該提供資訊。產品品牌可以展示真實商品與使用情境,製造業可以呈現加工物件與應用,架站服務則應讓訪客看見前台網站的設計品質。如果圖片表達的是後台報表,文字卻在談品牌官網,讀者就要自行補上兩者的關係。首頁的工作,是減少這種理解成本。
第二個問題:能幫我做什麼?把能力翻成決策資訊
「專業、創新、全方位」很難讓讀者比較。把它換成具體的服務範圍、合作方式、交付成果與適用情境,首頁就開始有用。服務業可以說明初次諮詢會討論哪些問題;製造業可以引導讀者進入製程、材質與品質管理頁;零售品牌可以讓商品分類、門市與配送資訊有清楚入口。
支持主張的證據應該靠近主張,而不是全部塞在頁尾。已取得公開授權的案例、可查核的資格、產品規格與服務流程,各自回答不同的疑問。沒有必要在首頁放完整文件,但要提供可追溯的詳細頁。涉及保密的內容,則依既有授權範圍呈現,不需要為了版面增加未獲准公開的資訊。
| 首頁任務 | B2C 品牌的資訊入口 | B2B 企業的資訊入口 |
|---|---|---|
| 辨識你是誰 | 商品風格、使用情境、門市 | 產業、服務對象、解決方案 |
| 理解價值 | 特色、選購指南、交付方式 | 規格、流程、整合與交付範圍 |
| 建立信任 | 商品細節、服務說明、授權評價 | 技術資料、授權案例、合作流程 |
| 採取行動 | 選購、預約、查詢門市 | 閱讀方案、提交需求、安排討論 |
第三個問題:下一步做什麼?依決策階段安排入口
行動按鈕的文字應該描述點擊之後會發生什麼。「了解更多」沒有錯,但「查看服務流程」「找附近門市」「提交加工需求」通常更能建立預期。首頁可以有一個主要行動,再保留一個低承諾入口,讓還在研究的訪客先閱讀,而不必立刻留下聯絡資料。
B2B 與 B2C 的差異,常在決策資訊與行動形式,而不在美感高低。B2B 也需要好的圖片與清楚的前台,B2C 也需要規格、信任與售後資訊。這份比較表是規劃時的提問框架,不是限制產業只能使用某一種版型。
- 定義任務
選定主要讀者與此次造訪目的
- 整理答案
寫出定位、價值與下一步
- 安排證據
選擇圖片、說明與詳細頁入口
- 前台驗收
用手機、鍵盤與真實連結走一次
若訪客說不清楚你提供什麼,回到第二步調整答案;不是先增加動畫或更多區塊。
把首頁做成可閱讀的入口,也替搜尋與 AI 留下脈絡
首頁的重點文字應該是 HTML 文字,不要只存在於圖片裡。服務名稱使用能連到詳細頁的文字連結;區塊標題由主題到子題排列,圖片則依內容提供替代文字。這些做法同時幫助一般訪客與輔助科技理解頁面。W3C 的頁面結構指南說明了標題、區域與有意義結構的用途。
對 GEO 而言,首頁先說清楚組織是誰、產品或服務是什麼,再把詳細問題交給可連結的專頁回答。這比把所有關鍵字都塞進首頁更容易維護。若你正在準備第一個官網,可以接著閱讀官方網站上線前的內容清單,把首頁背後需要的資料一次整理好。
實作檢查清單
把這份清單帶進下一次網站討論,逐項確認負責人與完成方式。
- 關掉品牌名稱後,主標與副標仍能說明網站提供什麼。
- 主視覺與文案表達同一種服務,不讓使用者猜測。
- 主要 CTA 可以完成承諾的下一步,表單失敗時也有提示。
- 重要內容不是圖片文字,頁面有清楚標題與可讀連結。
- 首頁連到服務、產品、關於與聯絡資訊,沒有孤立頁面。
常見問題
首頁一定要放所有服務嗎?
不必。首頁應提供可辨識的分類與入口,複雜規格、適用情境與細節放在專頁,讓讀者依需求往下閱讀。
漂亮的首頁和 SEO 會衝突嗎?
不必衝突。使用清楚文字、合適圖片、可操作的導覽與良好的手機版面,可以同時照顧視覺與閱讀。問題通常是重要資訊只放在圖裡,或特效阻礙操作。
參考來源與編輯說明
技術事實連結至官方文件;規劃方法與教學範例為本系列編輯整理。本文不以示例代替客戶案例或成效數據。
文件查閱日期:。平台介面與規則可能更新,設定前請再核對對應文件。