很多人以為一頁式只有一頁，做起來應該很快。實際動手之後才會發現，快的是排版，慢的是其他所有事：主視覺遲遲挑不定、產品照角度不一致、文案改了好幾輪、表單送出後資料不知道跑去哪裡、上線當天才發現手機版的按鈕點不到。一頁式網站製作的難處不在技術，在於它把一個網站該準備的東西壓縮到同一頁上，任何一項沒準備好都會直接卡住整個進度。這篇文章談的是執行面：開工前要備齊什麼、工具怎麼選、表單與追蹤碼怎麼接、上線前要檢查哪些項目，以及工夫通常花在哪些環節。
動工前先把「這一頁要做成什麼」寫下來
一頁式網站製作最常見的返工原因，是開始做了才發現目標沒有講清楚。同樣是一頁，用來收活動報名、用來收詢價名單、用來介紹一個新產品，這三者的區塊組成完全不同。所以第一件事不是開工具，是先用幾行字寫清楚三件事：這一頁要讓誰看、看完要他做什麼、怎麼算成功。
「怎麼算成功」這一項特別重要，因為它會反過來決定你要裝什麼追蹤、表單要收哪些欄位。如果成功的定義是收到聯絡資料，那表單就是核心，其他區塊都是為了讓人願意填；如果成功的定義是讓人打電話，那電話按鈕的位置與可點擊性就比表單重要得多。這件事沒先定下來，後面每一個決策都會變成憑感覺。
同時也要決定這一頁的存活期間。是長期掛著的常態頁，還是配合某個時段的短期頁？答案會影響你要不要花力氣做內容管理後台、要不要把它放在主網域底下、以及之後誰負責維護。短期頁做得太複雜是浪費，長期頁做得太隨便則會變成技術債。
素材清單：這些沒到齊就不要開工
素材是一頁式最常卡關的環節，因為每一塊素材都會直接出現在同一頁上，缺一塊就是一個明顯的空洞。建議在動工前就把清單列出來，逐項確認狀態，而不是做到哪裡缺哪裡再回頭要。
- 主視覺：首屏那張圖或那段影片。要確認橫式與直式各有一版，因為手機與桌機的裁切需求不同。解析度要夠，但檔案不能大到拖慢載入。
- 主標與副標文案：一句話講清楚價值的那句話，通常是全頁最難寫的一句，值得單獨花時間。
- 產品或服務照片：同一組照片的光線、背景、角度盡量一致，否則放在同一頁上會顯得雜亂。數量寧可少而齊，不要多而亂。
- 各區塊的說明文案：每個區塊的短標題加內文，最好先寫成純文字檔，排版時再貼進去，避免在編輯器裡邊想邊寫。
- 信任素材：服務範圍、流程說明、保障或售後條件、常見問題的答案。這些通常散在不同人手上，要提早收集。
- 聯絡方式：電話、地址、通訊軟體帳號、營業時間。要確認都是最新的，並確認電話在手機上要能直接撥出。
- 品牌基本元素：標誌的向量檔或高解析檔、指定色碼、指定字體或替代字體。
- 網站圖示與分享預覽圖：分享到通訊軟體或社群時會出現的縮圖，沒準備的話會抓到不相干的圖。
清單裡最容易被低估的是文案。圖片可以先用暫代圖，文案卻不行：文案長度會直接影響版面高度與斷行，用假字排好的版面等真文案進來往往整個走樣。比較順的做法是文案先定稿，再進排版。
工具選擇：三種路線的取捨
一頁式網站製作大致有三條路線，各自適合不同狀況，差別主要在後續的掌控權與維護成本。
第一條是用線上的網站建置服務直接拖拉完成。優點是快、不用處理主機、多半內建行動版預覽與表單功能；代價是版面受模板限制、資料與內容綁在該服務上、要搬走通常不容易。適合短期的活動頁或測試性質的頁面。
第二條是在自有網站的內容管理系統裡新增一個頁面，用頁面編輯器排出來。優點是網址掛在自己的網域底下、跟既有網站共用主機與後台、日後要改也在同一個地方；代價是要先有站，而且頁面編輯器堆太多區塊容易拖慢速度。適合已經有官網、想長期保留這一頁的情況。
第三條是直接手刻靜態頁面。優點是載入快、結構乾淨、完全可控；代價是每次修改都要動到程式碼，非技術人員無法自行更新。適合內容幾乎不會變、但很在意速度的頁面。
選擇的判斷點其實不是哪個工具比較好，而是這一頁未來由誰維護。如果之後會由行銷或行政同仁自行改文字，那就不該選手刻；如果這一頁上線後幾乎不會動，那用重量級的編輯器反而是負擔。
表單與追蹤碼：資料要流到哪裡，先想清楚
表單是一頁式的心臟，但表單本身只是輸入介面，真正要決定的是送出之後的流向。至少要處理三件事：資料存到哪裡、誰會收到通知、填表的人看到什麼。
資料存放要避免只靠信件通知。信件可能被歸到垃圾信、可能被誤刪，一旦漏掉就是漏掉一個客戶。比較穩的做法是資料同時留一份在後台或試算表裡，信件通知只當成即時提醒。通知對象最好設兩個人以上，避免單一窗口請假時沒人看。填表者端則要有明確的成功提示，最好是導向一個簡短的感謝畫面或明顯的成功訊息，並告訴他大概多久會收到回覆。
欄位設計的原則是能少則少。每多一個必填欄位，就多一個放棄的理由。姓名加一個聯絡方式通常就足夠，其他資訊等實際聯繫時再問。如果一定要問比較多，可以把非必填的欄位放在後面，並標示清楚哪些可以略過。
追蹤碼的部分，基本配備是網站分析工具的追蹤碼，用來看有多少人來、從哪裡來、捲動到哪裡就離開。如果有投放廣告，還需要對應的轉換追蹤碼，並且要把「送出表單成功」設定成一個可以被記錄的事件，否則你只會知道有多少人進來，不知道有多少人真的完成動作。追蹤碼要在上線前就裝好並實際測試一次，等上線幾天後才補裝，前面的資料就永遠拿不回來了。
另外，只要表單有收集個人資料，就該在表單附近放上簡短的說明，講清楚資料用途，並提供隱私權政策的說明內容。這不是加分項，是基本責任。
上線前的檢查清單
一頁式因為只有一頁，很容易讓人省略測試，結果問題全部集中爆發。上線前建議照下列項目逐條走一次，最好由沒有參與製作的人來測，比較容易發現盲點。
- 在手機、平板、桌機上各看一次，特別注意首屏在小螢幕上有沒有被切掉重點。
- 所有按鈕與錨點都實際點一次，確認跳轉位置沒有被固定導覽列蓋住。
- 表單完整送出一次，確認資料有進、通知有收到、成功訊息有出現。
- 電話號碼在手機上點下去能直接撥出，地址能連到地圖。
- 圖片有沒有壓縮過，整頁在一般網路環境下的載入是否還算順。
- 錯字與價格、時間、地點等關鍵資訊再校一次，這類資訊出錯的代價最高。
- 分享到通訊軟體看一次預覽縮圖與標題是否正確。
- 確認網頁標題與描述有寫，不要留著系統預設值。
- 如果是短期頁面，先想好結束後要怎麼處理，別等到當天才決定。
一頁式網站製作的工夫通常花在哪裡
如果要粗略描述一頁式網站製作的工夫分布，排版本身通常是佔比最小的一塊，尤其在使用現成工具的情況下。真正吃時間的是三個地方：文案來回修改、素材收集與後製、以及上線前的測試與修正。
文案的來回次數很難預估，因為它牽涉到內部意見整合。如果參與決策的人多，光是主標題就可能改很多輪。想壓縮這一段，最有效的方法是事前指定一位有決定權的窗口，而不是每一版都開會討論。素材後製則取決於原始檔的品質，如果照片是現成可用的，這一段很快；如果需要重新拍攝，那所需的工夫會遠遠超過排版本身。
相對來說，一頁式的總工夫仍然明顯低於一個完整的多頁網站，因為它省掉了資訊架構規劃、選單設計與多頁內容的產出。但它不是「一個下午就能好」的東西，尤其當你希望它真的能收到名單而不只是好看的時候。把期待放在合理的位置，準備工作才做得完整。
常見問題
一頁式網站製作需要另外買網域和主機嗎？
看你選哪條路線。用線上建置服務通常可以先用它提供的子網域，但對外正式使用時，建議還是綁自己的網域比較好。如果公司已經有官網，把這一頁放在既有網域底下的一個路徑，通常是最省事也最有利於品牌一致性的做法。
做好之後可以自己改內容嗎？
取決於製作方式。用建置服務或內容管理系統做的頁面，改文字與換圖多半可以自行操作；手刻的靜態頁面則需要有人動程式碼。這件事最好在開工前就講清楚，並要求交付時附上後台帳號與操作說明，避免每改一行字都要找人。
一頁式做好就會有人來看嗎？
不會。頁面做好只代表有了一個接收流量的地方，流量要靠廣告、社群、既有名單或搜尋帶進來。而一頁式在搜尋上的可著力面本來就比較有限，如果你的來源主要是搜尋，那需要另外規劃內容。任何人告訴你頁面做好就會有訂單或保證排名，都不該相信。
上線後要馬上調整嗎？
建議先讓資料累積一陣子再動。一開始就頻繁改動，會讓你分不清成效變化是來自修改還是來自流量來源的差異。比較合理的做法是先確認追蹤有正常運作，觀察訪客大多捲到哪裡就離開，再針對那個位置的內容做調整。
如果你正在準備一頁式，卡在素材清單或表單與追蹤的串接上，創昇SEO提供免費的網站健檢，也可以安排全台免費到府解說，把現有的素材與需求攤開來看，通常比較快看出缺的是哪一塊。
製作這件事說到底是流程問題。把準備工作往前挪，後面的排版與上線就會順很多。