「我們就是要一個網站,讓客戶查得到我們、知道我們在做什麼就好,做一頁的那種可以嗎?」這句話我一個月大概會聽到三四次。會這樣問的老闆通常不是不肯投資,而是沒人跟他說清楚:多做的那幾頁,到底換來什麼。一頁式網站便宜、快、看起來也夠現代,問題是它適合的情境其實很窄。選錯了,兩年後想長內容、想排關鍵字、想分客群溝通,整個網站得打掉重來。這篇把一頁式網站跟多頁企業官網的差別,從眼動研究、SEO 結構、轉換率實測、信任感建立到 2026 年的速度門檻一項一項拆開講,最後附一段用 AI 工具把一頁式草稿做出來的實際流程,讓你自己就能判斷該做哪一種。
本文你會學到
- Nielsen Norman Group 眼動研究:使用者 57% 的注視時間在首屏,第二屏只剩 17%
- 一頁式網站的 SEO 天花板卡在哪一層,什麼生意絕對不該用
- 單一 CTA 頁面轉換率 13.5%、五個以上連結掉到 10.5% 的實測差距
- 表單欄位砍到五個以內轉換率翻倍,三欄位是甜蜜點的具體數據
- 2026 年 Core Web Vitals 門檻收緊後,官網速度要過哪幾關
- 用 Framer AI 或 v0 產出一頁式草稿的操作步驟與可照抄的範例 prompt
老闆說「做一頁就好」的時候,其實在問三件不同的事
把這句話拆開,底下通常藏著三個沒說出口的疑問:一是「我這種生意需要多少內容才夠」;二是「我沒有人可以持續更新網站」;三是「多做幾頁會不會只是設計公司想多賺錢」。這三件事都合理,但答案完全不一樣,混在一起問就只會得到一個模糊的報價。
比較實際的問法是:你的客戶決定要不要找你之前,需要知道幾件事?如果只有一件——例如你是單一課程、單一活動、單一產品的預購——那一頁式就是對的工具。但如果客戶會問「你們做過哪些案子」「服務流程怎麼走」「價格怎麼算」「公司在哪裡、多少人」,這就是四個不同的資訊需求,硬塞進同一頁,結果是滑到第五屏還沒滑完,誰也沒看仔細。
一頁式跟多頁官網,差的不是頁數,是任務
一頁式網站(Landing Page)本質上是一個為單一轉換動作服務的說服流程:從痛點、解法、證據、排除疑慮到行動,像一條沒有岔路的走廊。它的優點正是「沒有岔路」——訪客不會逛丟。而企業官網的任務相反,它要同時服務潛在客戶、既有客戶、求職者、媒體、供應商,每一種人進來要找的東西不同,需要的是清楚的分岔路口。
所以兩者不是替代關係,成熟一點的做法是併存:官網負責承接品牌信任與長期自然搜尋流量,一頁式負責承接單一檔期的廣告流量。很多台灣中小企業的實際狀況是——官網一年更新一次,但每季有活動、有新品、有展覽,這時候在官網底下開一頁式的活動頁,比每次都改首頁快得多,也不會把官網的結構搞亂。
首屏就決定七成:眼動研究到底看到什麼
Nielsen Norman Group 的眼動追蹤研究有一個很殘酷的數字:使用者約 57% 的注視時間花在首屏(above the fold),前兩屏合計吃掉約 74%,第二屏只剩 17%,剩下的 26% 分散在整個長頁的尾巴。這個模式從 2010 年做到 2018 年都沒有改變——人確實比以前更願意滑,但注意力在折線之後仍然斷崖式下降。
對一頁式網站來說,這代表一件事:你把最重要的東西放在第八屏,等於沒放。常見的錯誤是首屏放一張漂亮的形象照配一句抽象標語(「創新 · 專業 · 值得信賴」),真正能讓人判斷「這家在做什麼、跟我有沒有關係」的資訊被推到第三屏。正確做法是首屏就把三件事講完:你是誰、你解決什麼問題、下一步要按哪裡。形象照可以留,但它是背景不是主角。
對多頁官網也一樣適用。首頁的第一屏不該只是輪播 banner,而應該是一組明確的入口:主要服務、代表案例、聯絡方式。輪播的問題在於——除了第一張,後面幾張多數人根本沒看到就滑走了,等於花錢做的素材有八成沒被看見。
一頁式網站的 SEO 天花板,卡在「只有一個網址」
這是最多人低估的一點。一頁式網站在搜尋引擎眼中就是一個 URL、一組 title 與 meta description、一個主要關鍵字目標。你可以在頁面裡塞十個服務項目,但 Google 只能拿這一頁去對應一個核心搜尋意圖。想同時排「台北 婚攝」「台中 婚攝」「婚紗攝影 價格」這三個查詢?一頁式做不到,因為你只有一次機會設定標題與描述。
多頁官網的結構優勢就在這裡:每個服務、每個地區、每篇案例都是一個獨立網址,各自能鎖定不同的關鍵字組,彼此再用內部連結串起來,累積出搜尋引擎認得的主題權威。如果你的客戶來源有一部分要靠自然搜尋,或者你的服務項目超過三種、有多個服務地區,一頁式從第一天起就把上限鎖死了。
還有一個技術陷阱要提醒:如果你的一頁式網站是用 React、Vue 這類前端框架做的單頁應用(SPA),內容靠 JavaScript 在瀏覽器端才渲染出來,爬蟲第一次抓到的可能是一片空白。解法是伺服器端渲染(SSR)或預渲染(prerendering),讓爬蟲不執行 JavaScript 也能拿到完整 HTML。這件事在 2026 年更關鍵——不只 Google,各家 AI 搜尋在抓內容時同樣吃這一套。用 WordPress 加 Elementor 做的一頁式反而沒有這個問題,因為輸出的本來就是伺服器端渲染好的 HTML。
轉換率實測:一個 CTA 比五個連結多賺三成
一頁式網站唯一該有的目標就是轉換,而轉換的數據非常清楚。Unbounce 的轉換基準報告分析了 41,000 個著陸頁、4.64 億訪客與 5,700 萬次轉換,跨產業的中位數轉換率是 6.6%——這個數字值得記住,因為它會讓你對「我的頁面轉換 2% 是不是太差」有個現實的座標。
更實用的是連結數量的差異:只有單一 CTA 的頁面平均轉換率是 13.5%,而放了五個以上連結的頁面掉到 10.5%,差距約 29%。原因不神秘,就是選擇困難——多給一個選項,就多一次讓訪客延後決定的機會。所以一頁式網站的導覽列如果還掛著「關於我們」「最新消息」「加入我們」,等於自己在漏水。真的要放,就讓導覽列的每個連結都是頁內錨點,把人送到同一頁的不同段落,而不是送出去。
表單欄位每多一個,你就少一張詢價單
台灣中小企業的官網最常見的表單長這樣:姓名、公司、職稱、電話、手機、Email、地址、產業別、需求說明、預算範圍、how did you hear about us。十一個欄位,還全部必填。
數據上這是很貴的決定。把表單欄位砍到五個以內,轉換率可以翻倍;超過五個以後,每多一個欄位大約帶來 20% 到 30% 的轉換損失,而三個欄位是實測中表現最好的長度。邏輯很簡單:第一次接觸的訪客還沒決定要不要跟你做生意,你就要他交出公司預算,他當然關掉。
比較好的做法是把資訊蒐集分兩段:第一段只要姓名、聯絡方式、一句需求,先把人接住;細節等第一次回覆或電話時再問。如果業務端真的需要判斷案件大小,可以用單選按鈕做預算級距(不用填數字,點一下就好),摩擦力遠低於開放輸入框。另外,把「我們會在一個工作天內回覆」寫在送出按鈕旁邊——這一行字的成本是零,但它回答了訪客心裡最後那個「送出去會不會石沉大海」的疑慮。
信任感不是形容詞,是頁面上看得到的東西
史丹佛大學的 Web Credibility Project 做過一項針對 2,684 位一般使用者的研究,結論在今天仍然成立:一般消費者判斷一個網站可不可信,主要靠的是視覺設計與版面觀感,而不是內容本身的專業程度——只有專家才會去細看內容結構。這對中小企業官網的意義很直接:排版鬆散、字級混亂、圖片模糊的網站,內容寫得再好也先輸一半。
視覺之外,實質的信任訊號同樣有效。實務數據顯示,加上具名的客戶推薦、真實的團隊照片、明確的回覆時間承諾,詢問表單的轉換率大約可以提升 20% 到 40%。這幾樣東西的共同點是「可查證」:名字、臉、承諾都是要負責的,所以有說服力。反過來說,免版稅圖庫裡那張外國人握手的照片、沒有署名的「客戶 A 表示」,訪客早就免疫了。
台灣 B2B 的生意特別吃這一套。買方在下決定前會想確認「這家公司是不是真的存在、有沒有人」,所以統一編號、實際地址、市話、負責窗口、實體辦公室照片這些看起來很傳統的東西,反而是官網上轉換率最高的區塊之一。把聯絡資訊藏在頁尾小字裡,是很多官網白白流失詢問的原因。
速度:2026 年門檻收緊了,標準往前挪
Google 的 Core Web Vitals 在 2026 年 3 月的核心更新之後,LCP(最大內容繪製)的合格線從 2.5 秒往前收到 2.0 秒,INP(互動到下次繪製)仍是 200 毫秒以內,CLS(版面位移)0.1 以內,而且是取真實使用者 28 天資料的第 75 百分位,不是你自己測一次就算。
這對一頁式網站是個特別的警訊:一頁式把所有內容一次載入,圖片、動畫、影片全擠在同一個請求週期裡,很容易 LCP 就爆掉。加上行動裝置上超過三秒沒開完,約 53% 的人會直接離開;載入時間每多一秒,轉換率最多掉 7%,而三項全過的網站平均跳出率低 24%。實務上的優先順序是:首屏圖片壓到 WebP 並限制寬度、非首屏內容一律延遲載入、動畫特效砍到剩必要的、字型只載入實際用到的字重。做完這幾件,多數 WordPress 網站的行動端 LCP 可以壓進兩秒。
AI 工具實戰:半天做出一頁式網站草稿的完整流程
如果你想先自己做一版草稿再找人優化,或是預算真的很緊,現在的 AI 工具確實能把「從零到有一個能看的頁面」壓到半天。以下是可以照著跑的四個步驟。
第一步,用 ChatGPT 或 Claude 產出頁面骨架與文案,不要直接開設計工具。多數人卡住的原因是先動版面再想內容,結果版面漂亮但沒東西可放。先把文案結構定下來,後面才順。可以照抄這段 prompt,換成你的資料:
「我是台中的工業用潤滑油代理商,成立 12 年,主要客戶是中小型工具機廠與塑膠射出廠,賣點是庫存充足、當天出貨、可提供油品檢測報告。我要做一個一頁式網站承接 Google 廣告流量,目標是讓廠務或採購填表詢價。請幫我規劃頁面段落結構,每一段給我:段落目的、標題(20 字以內)、內文(80 字以內)、以及這一段該放什麼視覺元素。段落請控制在 6 到 7 段,第一屏必須在三秒內讓採購知道我們賣什麼、為什麼比現有供應商好、以及下一步做什麼。語氣要像同業在講話,不要用『引領產業』『卓越品質』這類廣告腔。最後另外列出三個採購最可能有的疑慮,以及頁面上該用什麼方式回應。」
第二步,用 Framer AI 或 v0 把骨架變成畫面。把上一步的段落結構貼進去,Framer AI 大約 10 到 20 秒就會生出一個可運作的版面草稿,v0 則會直接給你可以匯出的前端程式碼。兩者的取向不同:Framer 適合做行銷型的一頁式,視覺完成度高但不能匯出程式碼;v0 產出的東西可以自己改、自己搬,但你得看得懂前端。如果你的網站底層是 WordPress,實務上更常見的做法是先用這些工具產出視覺概念,再回到 Elementor 用可維護的區塊重做一次,避免以後改一行字都要找工程師。
第三步,配圖用 AI 補,但主體一定要實拍。團隊照、辦公室、產品實物這些建立信任的照片絕對不能生成,一被看穿就全毀。AI 適合處理的是背景、質感底圖、抽象示意圖與版位填充。Canva 的 Magic Studio 或 Adobe Firefly 都可以用「把這張商品實拍去背後,放進符合客群的場景」這種流程處理,一個下午能把整頁的配圖補齊。
第四步,用 PageSpeed Insights 收尾,再用真人測一次。把頁面網址丟進 PageSpeed Insights 跑行動端測試,照著建議清單處理圖片格式與大小,確認 LCP 在 2 秒內。接著做一件 AI 幫不上忙的事:找一個完全不懂你這行的人,給他看首屏五秒鐘,然後把畫面關掉,問他「我們是做什麼的、你會怎麼聯絡我們」。答不出來,首屏就要重做。
誠實講限制:AI 生成的版面明顯偏向制式的 SaaS 風格——上方大標、三個功能卡片、底部 CTA,同質性高,做出來的東西彼此很像。它也不理解你的產業術語、報價邏輯與客戶的採購流程,這些都要人工介入。合理的分工是「AI 出草稿與版位、人做取捨與收斂」:哪一段該刪、哪一句要換成客戶聽得懂的行話、哪個數據可以放上去,這些判斷 AI 給不了。
常見錯誤:一頁式網站最容易踩的六個坑
第一,導覽列還放外連。一頁式的導覽列應該全部是頁內錨點,任何把人送離這一頁的連結都在稀釋轉換,實測差距接近三成。
第二,首屏放抽象標語。「用心服務每一位客戶」不能幫訪客判斷任何事,首屏的 57% 注視時間應該拿來講清楚你賣什麼、給誰、有什麼不同。
第三,表單欄位貪心。十個必填欄位換來的不是更完整的名單,而是更少的名單。先接住人,細節後面再問。
第四,把一頁式當官網長期用。等到服務變三種、想寫部落格、要分地區承接搜尋流量的時候,你會發現整個網站得重做,先前的成本一毛都省不下來。
第五,所有東西一次載入。一頁式天生就重,不做延遲載入跟圖片壓縮,行動端三秒開不完,五成以上的人會在看到內容前就離開。
第六,沒有可查證的信任訊號。沒有統編、沒有地址、沒有真人、沒有具名案例,再漂亮的版面在 B2B 買方眼中都是「不確定這家是不是真的」。
到底該做哪一種?三個問題就能判斷
不用糾結太久,問自己三題:一、客戶決定要不要找你之前,需要知道幾件事?一件,一頁式夠;三件以上,做官網。二、你的客戶主要從哪裡來?靠廣告與社群導流,一頁式的效率高;需要靠自然搜尋長期累積,一定要多頁結構。三、未來一年會不會增加服務項目、地區或內容?會,就直接做官網,不要為了省第一次的錢付第二次的重做費。
最實際的組合,其實是「官網打底 + 一頁式打檔期」:官網放服務、案例、公司資訊與部落格,負責養搜尋流量與信任;每檔活動或新品開一個一頁式子頁,承接廣告,轉換完就下架,不影響主結構。這樣兩邊的長處都拿得到,也不會互相干擾。
如果你手上已經有一個網站,卻說不出它現在到底在幫你做什麼,歡迎找戀戀設計聊聊,我們可以直接幫你看現有的頁面,指出是首屏、結構、表單還是速度在漏詢問單。