首頁文案改到第五版，「成立多少年」、「得過什麼獎項」、「品牌理念」全部塞了進去，甚至加了一段落落長的創辦故事。訪客卻平均沒撐過幾秒就關掉分頁，連一句話都還沒讀完。
問題通常不在版面不夠美、配色不夠講究，而在首頁內容規劃的順序錯了——這些內容是照「公司想講的話」排列的，不是照「訪客決定要不要留下來」的順序排列的。
Stanford 大學 Persuasive Technology Lab 的「Web Credibility Project」研究調查超過 4,500 人，發現多數使用者判斷一個網站可不可信，靠的其實是視覺與版面呈現本身，不是先仔細讀過內容才下判斷。Lindgaard 等人 2006 年發表在《Behaviour & Information Technology》期刊的研究也顯示，訪客對一個網頁的第一印象，大約 50 毫秒內就已經形成。換句話說，訪客連文案都還沒看清楚，就已經先幫這個網站打了分數。先從首頁該照誰的順序排講起，再一路拆進六個具體區塊。
首頁排版順序，該照組織架構走，還是照訪客的決策走？
多數失敗的首頁有個共同毛病，內容順序是照「公司內部想被看見的先後」排的，先講公司歷史，再講品牌理念，最後才讓訪客找到聯絡方式。但訪客腦中其實有一套固定的提問順序，不管訪客自己有沒有意識到，這套順序都在他點進頁面的那一刻啟動。
訪客會先問這是不是我要找的地方，確認方向對不對；接著問你們具體提供什麼，看有沒有他要的服務；再來才問這些話可以信嗎，評估要不要繼續往下走；最後才輪到要不要採取行動、怎麼聯絡。這四個提問，對應到首頁需要準備的內容區塊：品牌定位、服務總覽、信任佐證、行動呼籲與聯絡入口，再加上一個接住剩餘訪客的頁尾，一共六塊。順序顛倒，等於先跟訪客要聯絡方式，卻還沒讓他確認過這是不是他要找的地方。
Nielsen Norman Group 探討首頁設計原則的研究就指出，首頁該像一段電梯簡報，得在訪客一瞥之間交代清楚自己是誰、能為訪客做什麼，呼應的正是訪客最先浮現的那個提問。
這裡要先分清楚兩件事：首頁美不美是一回事，首頁內容順序對不對是另一回事。配色再講究、排版再精緻，只要內容順序跟訪客的決策順序對不上，訪客還是會提早離開。這篇要拆的是後者。接下來就照這個決策順序，把六個區塊逐一拆開來看。
區塊一：品牌定位，一句話讓訪客看懂你是做什麼的
這是訪客決策的第一關，確認眼前這個網站是不是他要找的地方。這一關的答案主要由首頁的大標題（H1）扛起來，副標題則負責延伸，補上差異化與價值。分工要清楚，大標題先講做什麼、為誰做，副標題才輪到說明為什麼選你。
常見的錯法是寫「致力於為客戶創造價值」這種任何公司都能原封不動套用的空話，訪客看完仍然不知道這家公司到底在做什麼。正確的做法要具體到「服務對象加解決的問題」這個程度，例如鎖定做外銷的中小企業，幫忙處理跨境金流與物流的複雜度，這樣的描述才立刻讓對的訪客認出自己。自我檢查有一個簡單做法，把這句話講給一個完全不認識你的人聽，看他聽不聽得懂你在做什麼。Orbit Media 一篇談首頁最佳實務的文章也提出過類似的測試，方法是問自己，如果在聚會上被問到「你是做什麼的」，你的首頁標題能不能講出跟你嘴巴會講的一樣清楚的答案。
「歡迎光臨」這類問候語也不算定位，它沒有回答訪客任何一個問題，只是佔用了訪客最先看到的版位。Nielsen Norman Group 同一份研究也提醒，首頁標語要避免空泛的歡迎詞與行銷術語，直接把網站在做什麼講清楚才是重點。
品牌定位這句話寫得夠直白具體，還有一個附加好處，AI 搜尋工具在整理「這家公司是做什麼的」這類問題時，也需要讀懂首頁內容才能給出正確摘要，越模糊的定位句，越容易被誤讀或直接跳過，這點在文末會再展開。
區塊二：服務總覽，把訪客要找的答案攤在前面
確認過「這是我要找的地方」之後，訪客接下來要問的，是你們具體提供什麼服務。這一關的原則是用具體項目呈現，服務一、服務二、服務三，各自配一句話說明在做什麼，而不是只放一個抽象的分類連結，讓訪客自己點進去猜。訪客要的是一眼掃過就能判斷有沒有他要的東西，分類名稱越抽象，訪客猜錯的機率越高，離開的機率也跟著提高。
首屏（above the fold，也就是訪客不必往下滑就能看到的範圍）放了什麼，決定訪客願不願意繼續往下滑。如果首屏只有一張形象輪播圖，那等於只給訪客看了整組訊息裡的一小部分。多數訪客不會耐心等輪播圖切到下一張，第二張、第三張想傳達的內容常常根本沒被看到，等於白白浪費了曝光機會。
Nielsen Norman Group 提出的「用具體範例呈現內容」原則就是在講這件事，首頁該用實際的服務項目取代抽象分類名稱，首屏內容也決定了訪客是否願意繼續往下探索。Orbit Media 的分析也提到，輪播圖的使用率與訪客實際參與度普遍偏低，是首頁常見的資源錯置。
首屏放不下所有服務，怎麼判斷先後順序？
服務項目一多，首屏擺不下全部，這時候排序的判準不是「公司最想主打哪個」，而是最多訪客會問、最常成交的服務擺最前面。這兩個答案常常不是同一個，公司內部最想推的旗艦服務，不一定是訪客最急著找的服務，把順序搞反，等於把最多流量擋在後面幾層。
實際排序時可以回頭看既有的詢問紀錄，或是業務人員最常被問到的問題，用這些真實資料決定順序，而不是憑感覺排。Nielsen Norman Group 同一份研究提到的原則是，內容該依照重要性排列，而這個重要性的判斷基準是訪客的行為，不是公司內部的偏好。
區塊三：信任佐證，讓訪客相信你說的是真的
看完「你們提供什麼」之後，訪客會下意識接著問，這些話可以相信嗎。這一關不是要教怎麼設計一整套信任系統，那是更深的主題，這裡只談首頁該放哪些信任素材、放在什麼位置。位置上通常緊接在服務總覽之後、行動呼籲之前，讓訪客在準備做決定前，先看到能支撐這些說法的證據。
常見的誤區有兩種：一種是只放五顆星星的評分圖示，卻沒有任何具體內容支撐這個分數；另一種是佐證素材確實存在，卻被淹沒在其他資訊裡，訪客根本沒注意到。Stanford Persuasive Technology Lab 的研究發現，使用者對網站可信度的判斷，有將近一半來自視覺與版面呈現本身，不是逐字讀過內容才形成。這代表佐證素材放在哪裡、用什麼形式呈現，重要性不輸給內容本身。
Orbit Media 提到，客戶標誌、獎項與認證這類視覺佐證，會觸發心理學上的月暈效應，也就是訪客把對佐證來源的正面印象，轉移到眼前這個品牌身上。
客戶見證要具體，別只放星等
好的客戶見證要講清楚解決了什麼問題，而不是「服務很好」、「很推薦」這種空泛評價。空泛的稱讚每家公司都能貼上去，訪客看了留不下印象，也無法判斷跟自己的情況合不合。具體到「原本卡在哪個環節，後來怎麼解決」，才有說服力。具名（真實姓名與職稱）又比匿名的見證更有說服力，訪客會覺得這是一個真實存在、講得出來歷的人，而不是隨手編出來的一句話。
合作品牌、獎項與數字佐證怎麼放？
「已完成專案數」、「合作年數」、「服務過的產業別」這類量化佐證，跟客戶標誌牆的功能不太一樣，前者給訪客一個具體的規模感，後者靠品牌識別度做信任轉移，兩者互補，不是二選一。佐證素材也要跟頁面訴求對得上，舉例來說，做企業診所網站的公司，放醫療產業的合作紀錄，會比放一個不相干領域的獎項更有效，訪客在意的是你懂不懂他這個產業，不是獎項本身有多響亮。
區塊四：行動呼籲 CTA，把猶豫的訪客推向下一步
確定這些話可以相信之後，首頁接下來的工作是給訪客一個清楚的下一步，也就是行動呼籲（Call to Action，以下簡稱 CTA）。位置上，首屏至少要放一個主要 CTA，頁面中後段可以再放一個呼應內容的次要 CTA，讓不同準備程度的訪客都能找到出口。
文案上，動詞要具體，用「預約諮詢」、「查看方案」這類講得出下一步實際會發生什麼的字眼，不要只寫「立即」、「馬上」這種沒有動作內容的詞。顏色上，CTA 按鈕要跟版面形成視覺對比，但仍要落在品牌色系裡，不是為了搶眼隨便挑一個突兀的顏色。
一個常見的誤解是，以為所有 CTA 都該導去「聯絡我們」。其實不少訪客這時候還沒準備好直接聯絡，把 CTA 導去案例頁或服務頁，反而更符合他當下的準備程度。Orbit Media 的分析提到，半數以上的 B2B 官網會在頁面右上角放置聯絡類 CTA，而且 CTA 文案的具體程度確實會影響點擊率。HubSpot 也建議首屏放置兩到三個 CTA，對應訪客不同的準備程度。
區塊五：聯絡入口，讓已經決定的訪客找得到路
對已經被說服、準備聯絡的訪客來說，這一關最忌諱的就是找不到路。聯絡入口不該只靠頁尾一行地址，導覽列、CTA 按鈕、頁尾都該各留一個聯絡路徑，重複出現在多個位置，而不是只放在某一處等訪客自己去找。
聯絡方式本身也該讓訪客自己選，電話、表單、即時通訊，各自適合不同準備程度與情境的訪客，只給單一一種管道，等於篩掉了偏好其他方式的那群人。Nielsen Norman Group 針對首頁易用性的準則裡提到，首頁應該有清楚的「Contact Us」連結，導向完整的聯絡資訊頁面。HubSpot 的分析也強調，聯絡入口不該被藏在角落，要讓準備行動的訪客立刻就能找到。
聯絡資訊完整不完整，本身也是一種信任訊號。找不到真實聯絡方式的網站，訪客會直接懷疑這是不是一家真的存在的公司，前面幾關辛苦建立起來的信任，不無可能就在這一步流失掉。
區塊六：頁尾，接住還沒被說服、但也還沒離開的訪客
頁尾該被當成一張安全網，而不是隨便塞連結的地方。訪客滑到頁面最底，代表他在前面幾個區塊都沒找到想要的答案，這是網站接住他的最後機會。
頁尾該有的基本組成包括導覽連結、聯絡資訊、社群連結，以及版權宣告；導覽連結裡也該有法遵類的頁面，例如隱私權政策與服務條款。Orbit Media 把頁尾定位成接住滑到最底、還沒找到答案的訪客的安全網設計，也列出了這些常見的組成元素。
常見的失誤是頁尾塞進太多跟首頁訴求無關的連結，想著反正放著也沒壞處，結果訪客滑到這裡，面對一整排彼此不相干的連結，反而更迷路，連原本想找的東西都被稀釋掉了。
手機版的首頁，六個區塊還要照同樣順序排嗎？
順序邏輯不變，但份量要重新取捨。多數訪客用手機瀏覽時，滑動的意願更低、注意力也更短，代表首屏能放進去的內容比桌機版更少，品牌定位跟最關鍵的 CTA，得比桌機版更早出現才來得及被看到。
服務總覽在手機版可以精簡呈現，把完整版本留給對應的服務頁面，首頁只需要讓訪客判斷有沒有他要的類別，細節留到訪客願意點進去之後再給。這也代表，手機版首頁裡越早出現的區塊，承擔的責任反而越重，因為訪客往下滑的機會比桌機版更少。
Orbit Media 長期觀察 B2B 網站的數據發現，多數首頁訪客其實並不會往下滑動，這個現象在手機版上更明顯，也印證了越早出現的區塊越關鍵這個原則，在手機情境下權重更高。
AI 也在讀你的首頁：內容規劃因此多一個考量
手機版考慮的是「人」怎麼看首頁，現在還有另一種讀者也在看，那就是 AI。Google AI 模式或 ChatGPT 這類工具被問到「這家公司是做什麼的」時，也會去讀取首頁內容，判斷這個品牌的定位與服務範圍。這代表區塊一那句一句話定位，跟區塊二的具體服務項目，不只是寫給訪客看，同時也是寫給 AI 系統判讀用的素材。
內容越直白具體，越有機會被 AI 正確理解與引用；內容越模糊、越充滿行銷式的包裝詞彙，AI 系統就越難判斷這家公司到底在做什麼，摘要時也容易漏掉或講錯重點。Google 官方一份談生成式 AI 搜尋功能優化的指南就提到，內容寫得清楚直接、避免模糊包裝，有助於這些內容被 AI 搜尋功能理解與引用。
這跟區塊一、區塊二原本該做好的事，其實是同一套邏輯，不是另外加出來的新工作。首頁內容規劃得夠具體，原本就是為了讓訪客看得懂，現在只是多了一個一樣在看首頁內容的讀者。
首頁不是把公司想講的話一次講完的展示櫃，而是照著訪客的決策順序，把六個問題依序回答完的引導頁。這六個區塊該用什麼順序排，已經是這篇內容規劃真正的核心，至於配色、字型這些美術層面的事，反而是排定順序之後才要煩惱的細節。
做完一次不代表以後都不用調整。訪客心裡的提問順序不會變，一路都是先確認是不是我要找的、再問你們提供什麼、接著問可不可信、最後才決定要不要聯絡；但公司在這六格裡填的答案內容，會隨著服務項目調整、產業轉向、訪客組成變化，需要每隔一段時間重新檢視一次，填進去的東西才會一直對得上訪客真正在問的問題。