版面配置詞條 3-10

網站結構Site Structure

也常叫做:網站結構、網站架構、Site Map

你可能會這樣說

做網站前只有一堆想法,不知道要拆成幾頁、每頁放什麼、頁面之間怎麼連,結果全部塞進同一頁,變成落落長的長卷。

白話解釋

網站結構是頁面的清單與彼此的關係。小型網站通常是:首頁、產品或服務、關於、定價、聯絡,五頁以內就能講完一門生意。

規劃時先問「訪客的任務是什麼」:想認識你、想比價、想下單,每個任務對應一頁,一頁只做一件事。

跟 AI 動工前先給它這份清單,並指定導覽列的項目順序,做出來的骨架通常一次就通。

親手試試

首頁

三秒講清楚:你幫誰、解決什麼、下一步去哪。

課程

內容總覽:誰適合、學到什麼、學員作品。

定價

方案與價格:三欄比較,中間那欄是主推。

關於

品牌故事與團隊,建立信任感。

聯絡

聯絡表單與常見問題,訪客的最後一步。

圖 3-11 網站結構=頁面清單+彼此關係:先有大綱再動工。

這樣對 AI 說

中文就可以
在動手做版面之前,先幫我規劃網站結構:
我的內容是線上課程販售,請建議五頁以內的架構,每頁一句話說明目的。
每頁列出要放的區塊順序(例如首屏、見證、定價)。
導覽列項目與順序也一併建議,超過五項就收進「更多」。
清單確認後再開始動工,先給我看大綱就好。

同一課的其他詞