網頁列印的排版怎麼處理？

還是有人會列印網頁

雖然多數瀏覽是在螢幕上，但某些情境下使用者確實會列印：

• 產品規格表——帶到現場對照
• 報價或方案說明——給主管簽核
• 活動資訊——貼在公布欄
• 訂單或預約確認
• 交通資訊與地址
• 技術文件與操作說明

B2B 網站特別常遇到這個需求——採購流程中常需要紙本存查。

不處理會發生什麼

直接列印未經處理的網頁，常見的問題：

• 選單、側邊欄、頁尾佔掉大量版面
• 深色背景把碳粉或墨水用光
• 內容被切斷——表格或圖片剛好跨頁
• 連結顯示為藍色底線文字，但看不到網址
• 浮動的元素蓋住內容
• 印出好幾頁，但有用的內容只有半頁

最實際的損失是：客戶把你的規格表印出來給主管看，結果印出來的東西很難閱讀。

列印樣式做什麼

網頁可以針對列印設定一套獨立的樣式，常見的處理：

最有價值的一項

在列印版本中加入公司名稱、電話與網址。

因為列印出來的紙張會被傳閱、被存查、被帶到會議上。如果上面沒有你的聯絡方式，那個曝光機會就浪費了。

連結的處理

紙上看不到超連結的目標。可以設定讓列印時在連結文字後面顯示實際網址。

但要注意：

• 只對重要的連結這樣做——全部都加會很雜亂
• 選單類的連結應該直接隱藏
• 網址太長時可能造成排版問題

分頁的控制

可以設定避免在不恰當的地方分頁：

• 標題不要單獨留在頁尾
• 表格盡量不要跨頁切斷，若必須跨頁，讓標題列在每頁重複
• 圖片與說明文字不要分開

這些細節讓印出來的文件更專業。

哪些頁面值得做

不必全站都處理。依實際會被列印的頁面判斷：

成本很低

基本的列印樣式通常只需要少量工時——隱藏不必要的元素、改為白底、加上聯絡資訊。

相對於它帶來的專業感，投報率不錯。

提供 PDF 是另一種做法

對於規格表、型錄、報價這類文件，直接提供 PDF 下載可能比讓使用者列印網頁更好。

PDF 的優點

• 版面完全可控
• 可以做成正式的文件格式
• 方便轉寄與存檔
• 可以放上完整的公司資訊與圖說

PDF 的缺點

• 更新時要重新製作——容易與網頁版本不一致
• 檔案較大
• 手機上閱讀體驗較差
• 內容不易被搜尋引擎完整利用

建議的組合

網頁版作為主要內容（能被搜尋到），同時提供 PDF 下載或良好的列印樣式。

不要只提供 PDF——那等於把內容藏起來了。

如果有系統自動產生的文件

訂單確認、預約憑證、報價單這類由系統產生的文件，建議：

• 直接產生 PDF，版面較可控
• 包含完整的公司資訊
• 包含訂單或預約編號
• 考慮加上聯絡窗口

測試的方式

不需要真的印出來，用瀏覽器的列印預覽即可看到結果。

檢查項目

1. 選單與側邊欄是否已隱藏
2. 內容是否展開為滿版
3. 背景是否為白底
4. 有沒有公司名稱與聯絡方式
5. 總共幾頁？有沒有無謂的空白頁
6. 表格與圖片有沒有被不當切斷

第五項值得注意——常見的情況是印出五頁，但實際內容只有一頁半。

發包時可以提出的需求

如果你的產業確實會用到列印，建議在規格中列出：

• 指定哪些頁面需要列印樣式
• 列印時應隱藏與保留的元素
• 列印版本要包含公司資訊
• 是否需要提供 PDF 下載

這是很少被提出但成本不高的需求，對 B2B 網站尤其實用。

各瀏覽器與企業環境的設定差異很大，本文說明的是原則與判斷方向。實際的處理方式建議與對方的資訊人員或維護廠商確認。