先確認範圍：只有你，還是所有人

這是排查的第一步，也是最能節省時間的一步。

如果只有你看到異常，那就是本機環境的問題，不需要驚動廠商。

三分鐘的快速排查

依序試這四件事，多數問題會在這裡解決：

1. 開無痕視窗——排除快取與擴充功能
2. 用手機的行動網路開啟——排除公司網路與 Wi-Fi 環境
3. 換一個瀏覽器——排除該瀏覽器的特定問題
4. 請同事開一次看看——確認是不是只有你

怎麼判讀

常見的本機原因

一、快取

最常見。症狀是「改了看不到變化」或「顯示舊的內容」。

處理方式見清除快取與強制重新整理怎麼做。

二、瀏覽器擴充功能

廣告阻擋、隱私保護、翻譯、購物比價這類擴充功能，可能：

• 擋掉網頁上的某些元素——導致區塊消失或空白
• 影響表單的送出
• 干擾影片或地圖的顯示
• 改變頁面的樣式

無痕視窗預設會停用多數擴充功能，所以它是很好的判斷工具。

三、瀏覽器版本太舊

如果很久沒更新，某些新的網頁功能可能不支援。檢查是否有可用的更新。

四、縮放比例

不小心按到縮放，畫面會變得很大或很小，也可能造成版面看起來異常。

按 Ctrl + 0（Mac 是 Command + 0）可以還原為 100%。

五、網路環境

• 公司防火牆可能擋掉某些資源——例如外部的字型或影片服務
• 公司的網路快取
• 網路不穩導致部分檔案沒載入完成

用手機的行動網路測試，能快速排除這一類。

不同的症狀對應不同的原因

整個網站打不開

1. 用手機行動網路試——確認不是網路問題
2. 試著開其他網站——確認不是整體網路斷線
3. 如果別人也打不開，可能是網站或主機的問題

可能的環節見打開一個網頁時發生了什麼事。

某些圖片不顯示

• 快取問題
• 擴充功能擋掉了
• 圖片檔案真的遺失或路徑錯誤

如果別人也看不到，那就是網站的問題。

版面跑掉、文字重疊

• 瀏覽器縮放比例不是 100%
• 視窗寬度剛好卡在版面切換的邊界
• 樣式檔案沒有載入成功

手機端的破版排查見手機版破版與常見問題排查。

表單送不出去

• 擴充功能干擾
• 必填欄位沒填但錯誤訊息不明顯
• 網站本身的問題

先用無痕視窗試一次，能排除擴充功能的因素。

登入之後又被登出

• 瀏覽器封鎖了 Cookie
• 剛清除過瀏覽資料
• 系統的登入時效設定

顯示「不安全」的警告

這一類要特別注意，因為原因可能在網站端。

• 網站沒有加密——網址是 http 開頭
• 憑證過期——這是網站的問題，要盡快處理
• 頁面中混雜了未加密的資源
• 你電腦的日期時間不正確

最後一項容易被忽略——系統時間錯誤會讓憑證的驗證失敗。

詳見SSL 常見問題排查。

確認是網站的問題之後

回報時提供這些資訊，能大幅加快處理：

1. 完整的網址——哪一頁
2. 截圖——含網址列
3. 使用的裝置與瀏覽器
4. 什麼時候開始的
5. 是所有人都這樣，還是只有你
6. 已經試過哪些排除方法

第六項特別有幫助——說明「已經用無痕視窗試過還是一樣」，可以讓對方直接跳過那一輪確認。

不建議的做法

• 只說「網站怪怪的」——對方無從查起
• 只截圖不附網址——不知道是哪一頁
• 沒有先自行排除就回報——多數情況其實是本機問題

建立一個簡單的習慣

遇到問題時先問自己三個問題：

1. 無痕視窗也一樣嗎？
2. 手機行動網路也一樣嗎？
3. 別人也看得到嗎？

三個都「是」才需要回報。 這個習慣能省下雙方大量的時間。

各瀏覽器的版本、介面與支援情況持續更新，本文說明的是原則與判斷方式。實際的操作位置可能因版本而略有差異。

為什麼會看到舊的內容

瀏覽器為了加快速度，會把看過的網頁資料暫存在你的電腦上。下次再訪時直接使用暫存的版本，就不用重新下載。

這叫做快取。它讓瀏覽速度變快，但也造成一個問題：網站更新之後，你可能還看到舊的版本。

原理見動態網站為什麼比較慢？快取的作用。

先用最簡單的方法判斷

遇到「改了看不到變化」時，第一步是開無痕視窗。

無痕視窗的快捷鍵

怎麼判讀結果

• 無痕視窗看得到新內容 → 是你的瀏覽器快取，只有你看到舊的，其他人正常
• 無痕視窗也是舊的 → 問題在伺服器端，需要清除網站或加速服務的快取

這一步能省下大量的猜測與往返溝通。

強制重新整理

比一般的重新整理更徹底，會略過快取重新下載。

這是最快的方法，多數情況試這個就夠了。

清除快取

如果強制重新整理沒用，可以清除快取。各瀏覽器的位置略有不同，但通常在設定中的「隱私」或「瀏覽資料」相關項目。

清除時的注意事項

• 只清除「快取的圖片和檔案」即可
• 不要一併清除密碼與 Cookie——那會讓你登出所有網站
• 時間範圍可以選擇最近一小時或一天，不必全部

很多人清除時把所有項目都勾了，結果所有網站都要重新登入——這是不必要的。

只清除單一網站的資料

多數瀏覽器可以只清除特定網站的資料，做法通常是：

1. 開啟該網站
2. 點擊網址列左側的圖示
3. 找到網站設定或 Cookie 相關選項
4. 清除該網站的資料

這樣不會影響其他網站的登入狀態。

手機上怎麼清

一般做法

在瀏覽器的設定中找到隱私或瀏覽資料的選項清除。

更簡單的方法

• 開無痕分頁
• 切換到行動網路——排除 Wi-Fi 環境的快取
• 換一個瀏覽器開啟

應用程式內建瀏覽器的快取

從通訊軟體點連結開啟的頁面，快取可能存在該應用程式中。

處理方式：在該頁面選擇「用瀏覽器開啟」，或清除該應用程式的快取。

其他層級的快取

如果無痕視窗也看到舊內容，代表問題不在你這端。可能的來源：

驗收時值得確認

後台有沒有「清除快取」的功能？ 沒有的話，每次更新內容都要請廠商處理。

圖片改了但還是舊的

這是最常見的情況，而且清快取往往不管用。

原因

如果新圖片用了與舊圖片相同的檔名，各層的快取可能仍認為那是同一個檔案而不重新下載。

最可靠的解法

換一個檔名上傳。

例如把 banner.jpg 改成 banner-2026.jpg。這比清除各層快取快得多，也更確實。

圖片處理的原則見圖片怎麼上傳才正確。

分享到社群時顯示舊的圖片

社群平台會快取先前抓取的分享資訊。處理方式：

1. 使用該平台提供的分享除錯工具——通常可以強制重新抓取
2. 換一個圖片檔名——同樣是最可靠的方法
3. 等待快取自然過期

見LINE 分享網頁時的縮圖與標題怎麼設定。

不要養成隨手清快取的習慣

快取是有價值的——它讓網站載入更快、節省流量。

建議的順序是：

1. 先用無痕視窗確認問題在哪一端
2. 需要時用強制重新整理
3. 真的必要才清除快取
4. 更新資源時直接改檔名——從源頭避免問題

教客戶的簡易說法

如果客戶反映「改了看不到」，可以請他：

請按 Ctrl + F5（Mac 是 Command + Shift + R）重新整理一次。如果還是一樣，請用無痕視窗開啟看看。

這兩句話能解決大部分的狀況，也能快速判斷是不是真的有問題。

各瀏覽器的版本、介面與支援情況持續更新，本文說明的是原則與判斷方式。實際的操作位置可能因版本而略有差異。

相容性範圍要在發包時談

「網站要能在所有瀏覽器正常顯示」聽起來合理，但實務上不可行——因為瀏覽器的種類、版本、裝置組合是無限的。

合理的做法是約定一個明確的支援範圍，寫進報價單或合約。

常見的約定方式

依瀏覽器與版本

支援主流瀏覽器的最新版本與前一個版本

這是目前最常見也最務實的寫法。因為現代瀏覽器多半自動更新，停留在很舊版本的使用者比例已經很低。

依裝置類型

支援桌機、平板、手機三種尺寸區間

依市佔比例

支援佔網站流量 N% 以上的瀏覽器

這種寫法的好處是依實際數據判斷，但前提是網站已經有數據可看——新網站通常沒有。

怎麼決定範圍

一、看自己網站的實際數據

如果是改版，直接看現有網站的分析資料——訪客實際用什麼瀏覽器、什麼裝置、什麼版本。

這比任何通用統計都準確。不同產業的客群差異可能很大。

二、考慮客群特性

• 年齡層較高的客群——可能使用較舊的裝置
• 企業採購客戶——公司電腦可能鎖定舊版本
• 政府或特定產業——可能有指定的相容性要求
• 一般消費者——手機比例通常過半

三、考慮成本

支援越舊的環境，成本越高，因為：

• 新的網頁技術不能用，要改用較繁瑣的做法
• 需要額外的測試工時
• 可能需要為舊環境準備替代方案

舊版瀏覽器的處理

某些已終止支援的瀏覽器仍可能出現在少數企業環境中。

務實的判斷

• 如果數據顯示幾乎沒有人用——不必特別支援
• 如果有重要客戶在用——可以考慮提供簡化版本或提示訊息

常見的處理方式

對不支援的舊瀏覽器，顯示一則提示訊息建議升級，而不是花大量成本讓網站在上面完美運作。

已終止支援的瀏覽器本身就有安全風險，建議使用者升級是合理的。

要一併約定的三件事

一、測試的裝置與環境

「支援手機」是哪些手機？建議約定：

• 測試的螢幕寬度區間
• 測試的作業系統
• 是否包含平板

二、驗收的標準

把「功能正常」與「視覺一致」分開約定：

• 功能面——所有支援範圍內都要能正常使用
• 視覺面——不破版、可閱讀即可，不要求像素一致

這個區分能避免驗收時的爭議。

三、保固期內的處理

• 支援範圍內發現的問題，保固期內修正
• 瀏覽器改版造成的問題——這一項要特別談，通常屬於維護範疇

第二項最容易產生爭議。 瀏覽器更新不是廠商造成的，但確實需要工時處理。沒有事先約定，容易變成「這算不算保固」的爭執。

界線說明見保固與維護有什麼不同。

App 內建瀏覽器要不要納入

這一項建議明確提出。

從通訊軟體或社群平台點連結時，開啟的是該應用程式的內建瀏覽器，行為可能與一般瀏覽器不同。

如果你的客戶主要透過通訊軟體分享連結

那這個情境比某些冷門瀏覽器更重要，應該納入測試範圍。

無障礙的相關考量

如果有無障礙的需求，測試範圍還會包含輔助技術——例如螢幕報讀軟體。

這屬於另一個層次的要求，應該獨立約定，見無障礙網站是什麼。

發包時可以直接問的四個問題

1. 會測試哪些瀏覽器與裝置？
2. 驗收的標準是什麼？ 功能與視覺分別怎麼認定
3. 會用實機測試嗎？ 還是只用電腦模擬
4. 日後瀏覽器改版造成問題，怎麼處理？

第三題值得問。 用電腦縮小視窗模擬手機，與實際在手機上操作，體驗差異不小——觸控、鍵盤彈出、字體呈現都不同。

不要過度追求相容性

最後一個務實的提醒。

把預算花在支援極少數人使用的舊環境，通常不如把同樣的錢投入內容、速度或轉換率的改善。

合理的做法是：確保主流環境完全正常，少數環境可用即可。

各瀏覽器的版本、介面與支援情況持續更新，本文說明的是原則與判斷方式。實際的操作位置可能因版本而略有差異。

差異是正常的，不是做壞了

先建立這個認知：同一個網站在不同瀏覽器上有細微差異，是網頁的常態。

合理的目標不是「像素完全一致」，而是：

• 所有功能都能正常使用
• 版面沒有破損或重疊
• 文字清晰可讀
• 整體視覺印象一致

追求完全一致的代價很高，而且效益有限。

差異的五個來源

一、預設樣式不同

每個瀏覽器對基本元素都有自己的預設樣式——標題的大小、段落的間距、清單的縮排、按鈕的外觀。

網頁設計通常會用一套基礎設定來抹平這些差異，但無法做到百分之百。

二、字體的呈現

同一個字體在不同作業系統上的算繪方式不同，會造成：

• 粗細看起來略有差異
• 字距與行高略有不同
• 整段文字的長度可能不一樣，導致換行位置不同

如果某段文字剛好卡在換行邊緣，不同瀏覽器可能一個換行一個不換——這是常見的細微差異。

三、表單元件的外觀

下拉選單、核取方塊、日期選擇器、檔案上傳按鈕，各瀏覽器與各作業系統的長相都不同。

要統一外觀需要額外的開發，而且可能犧牲原生的操作便利性——尤其在手機上。

四、新技術的支援程度

網頁技術持續發展，新的功能不會同時在所有瀏覽器上可用。

常見的處理方式是「漸進增強」——基本功能所有瀏覽器都能用，較新的效果只在支援的瀏覽器上呈現。

這是合理的做法：舊瀏覽器的使用者仍能完成所有事情，只是視覺效果較單純。

五、版本差異

即使是同一個瀏覽器，新舊版本的行為也可能不同。企業環境中鎖定舊版本的情況不少見。

哪些差異需要處理

判斷原則

影響「能不能用」的要處理，只影響「好不好看」的細微差異可以接受。

驗收時用這個標準溝通，會比「跟設計稿不一樣」更有效率。

手機與電腦本來就不同

這不是相容性問題，而是刻意的設計。

響應式設計會依螢幕寬度調整版面——手機上是一欄式、選單收合；電腦上是多欄並排。內容是同一份，只是排法不同。

常見的誤會

「手機版跟電腦版不一樣，是不是做錯了？」——不一樣才是正確的。 把電腦版整個縮小塞進手機才是問題。

見手機版優先的設計思維。

為什麼設計稿與實際網頁會有落差

設計稿是固定尺寸的圖片，網頁則是會隨螢幕大小變化的。所以：

• 設計稿只能呈現特定寬度下的樣子
• 實際網頁要適應各種寬度
• 文字量不同時，版面高度會變動
• 字體在不同系統上的呈現略有差異

合理的驗收方式

比對「設計意圖是否實現」，而不是逐像素比對。

例如：層級關係對不對、重點是否突出、間距是否協調——這些比「這裡差兩個像素」更有意義。

見斷點與設計稿的檢視。

常見的具體差異情境

文字換行位置不同

字體算繪差異造成，通常可以接受。若標題剛好斷在奇怪的地方，可以調整文案或設定。

陰影或圓角略有不同

細微的算繪差異，一般不需處理。

影片無法自動播放

多數瀏覽器基於使用者體驗的考量，限制帶聲音的自動播放。 這是刻意的設計，不是錯誤。

常見的處理是預設靜音播放，並提供開啟聲音的按鈕。

字體沒有正確顯示

可能是網頁字型載入失敗，或該字體在系統上不存在而回退到替代字體。

驗收時的實務建議

1. 先用主要的瀏覽器確認功能都正常
2. 再用第二種瀏覽器確認沒有破版
3. 手機實機測試——不要只用電腦縮小視窗
4. 把「不能用」與「不好看」分開列

第四項能大幅提升溝通效率。 廠商會優先處理功能問題，視覺細節則可以討論是否值得投入。

各瀏覽器的版本、介面與支援情況持續更新，本文說明的是原則與判斷方式。實際的操作位置可能因版本而略有差異。

瀏覽器是看網頁的工具

網站存在主機上，瀏覽器負責把它下載回來，並顯示成你看到的畫面。

可以想成播放器——同一段影片，用不同的播放器打開，畫質與呈現可能略有不同。網頁也是類似的道理。

常見的瀏覽器

市佔情況會隨時間變動，規劃網站時建議看自己網站的實際數據，而不是通用的統計——不同產業與客群的分布差異很大。

查看方式見流量分析基本上要看什麼。

「引擎」決定了顯示行為

瀏覽器的核心是渲染引擎——負責把程式碼轉換成畫面的部分。

目前主流的引擎只有少數幾種，而多個瀏覽器可能共用同一種引擎。

實務上的意義

• 使用相同引擎的瀏覽器，顯示結果通常很接近
• 使用不同引擎的，差異較明顯——這是測試時要涵蓋不同引擎的原因
• 手機版與電腦版即使是同一個品牌，行為也可能不同

為什麼要在意這件事

作為業主，你不需要懂技術細節，但知道以下三點會有幫助：

一、你看到的不代表所有人看到的

你用的瀏覽器可能不是客戶用的。 驗收時只用自己習慣的瀏覽器看，可能漏掉問題。

二、相容性是有成本的

要支援越多、越舊的瀏覽器，開發與測試的工時就越高。這應該在發包時就談清楚。

見該支援到哪些瀏覽器。

三、多數「網站壞掉」其實是本機問題

快取、擴充功能、舊版本、網路環境——這些都可能造成你看到異常，但其他人正常。

排查方式見我這邊有問題但別人正常。

瀏覽器會自動更新

現代的瀏覽器多半會在背景自動更新到新版本。這帶來兩個影響：

好處

• 安全漏洞會被修補
• 新的網頁技術逐漸普及
• 使用者停留在很舊版本的比例降低

要注意的

• 瀏覽器更新後，原本正常的網站可能出現問題——雖然不常見，但確實會發生
• 企業環境可能鎖定版本，員工的瀏覽器較舊

建議每季用主要的幾個瀏覽器檢查一次網站，而不是等客戶反映。

應用程式內建的瀏覽器

這一項最常被忽略。

從通訊軟體或社群平台的連結點進網站時，開啟的通常不是你平常用的瀏覽器，而是該應用程式內建的簡易瀏覽器。

它可能有的限制

• 部分功能不支援
• 下載檔案的行為不同
• 無法使用某些登入方式
• 畫面上下方可能被應用程式的介面遮住

如果你的客戶主要透過通訊軟體分享連結，這個情境一定要實測。

手機端的相關問題見手機版破版與常見問題排查。

瀏覽器的差異不只是外觀

可能出現差異的地方包含：

• 字體的呈現——同一個字體在不同系統上的粗細與間距略有不同
• 表單元件的樣式——下拉選單、日期選擇器各家長得不一樣
• 影片與音訊的播放行為
• 新技術的支援程度
• 預設的間距與行高

「完全一模一樣」不是合理的期待，合理的目標是「功能都能用、版面沒有破損、閱讀不受影響」。

詳見為什麼同一個網站在不同瀏覽器不一樣。

給業主的三個實用建議

1. 驗收時至少用兩種不同的瀏覽器看過，並且電腦與手機各一次
2. 從通訊軟體點連結進去測一次
3. 看自己網站的數據，了解客戶實際用什麼

各瀏覽器的版本、介面與支援情況持續更新，本文說明的是原則與判斷方式。實際的操作位置可能因版本而略有差異。

先別慌，多數情況可以修正

後台的操作大部分是可逆的。真正無法復原的情況不多，而且通常有備份可以還原。

重要的是：發現問題後不要繼續操作，先判斷狀況。

依情況判斷

內容改錯了

最常見也最容易處理。

如果還沒儲存

直接離開不儲存即可。但要注意有些系統會自動儲存草稿。

如果已經儲存

• 看系統有沒有版本紀錄——部分系統會保留修改前的版本
• 沒有的話只能手動改回來

預防的習慣

大幅修改前，先把原本的內文複製到文字檔中。

這個動作只要幾秒鐘，但改壞了隨時可以貼回來。這是成本最低的保險。

誤刪內容

先確認系統有沒有回收機制

部分系統的刪除是「移到回收區」，還可以還原。先找找看有沒有這個功能。

如果是永久刪除

需要從備份還原。這時要考慮：

• 備份是什麼時候的——還原會回到那個時間點
• 之後新增的內容會不會被覆蓋

為了救回一則內容而還原整個資料庫，可能損失更多。

比較好的做法是請廠商從備份中只取出那一筆，而不是整體還原。

誤刪媒體庫的圖片

這個比較麻煩，因為所有引用該圖片的頁面都會破圖，而且不會有清單告訴你是哪些。

處理方式

1. 如果本機還有原檔，用相同檔名重新上傳——這樣引用的路徑可能就恢復了
2. 檔名不同的話，要逐一修正引用的頁面
3. 從備份還原該檔案

第一項最有效，所以上傳到網站的圖片，本機也應該保留一份。

改了設定之後網站異常

這是最需要謹慎的一類。

立即該做的

1. 停止繼續操作
2. 回想剛剛改了什麼——如果記得，先試著改回來
3. 如果改不回來或不確定，聯繫廠商
4. 把改動的內容告訴廠商——這能大幅縮短排查時間

不要做的

• 不要繼續嘗試其他設定——可能讓狀況更複雜
• 不要隱瞞改了什麼——廠商需要知道才能快速處理

誠實說明操作過程，是最快解決問題的方式。 沒有人會因為你動了設定而責備你，但隱瞞會讓排查多花好幾倍的時間。

還原的實際考量

從備份還原不是萬用的解法，要先了解代價：

還原會發生什麼

• 整個網站回到備份當時的狀態
• 備份之後新增的內容會消失——包含文章、訂單、會員、表單詢問
• 需要時間，期間網站可能無法使用

所以還原前要確認

1. 備份是什麼時候的
2. 那之後有沒有重要的新資料——訂單、詢問特別要注意
3. 能不能只還原部分——通常比整體還原損失小

「還原整個網站」通常是最後手段。

備份的說明見備份策略怎麼規劃。

什麼時候該找廠商

可以自己先處理的

• 內容顯示不如預期——先檢查草稿、分類、快取
• 版面因編輯而跑掉——用清除格式
• 圖片上傳失敗——先縮小壓縮
• 找不到某個功能——先看操作說明

應該立即聯繫的

• 整站無法開啟
• 出現錯誤訊息
• 資料異常或大量消失
• 懷疑被入侵——出現不是自己放的內容
• 改了設定後異常

不要因為「怕被罵」而拖延。 越早處理，損失越小。

回報問題的有效方式

提供這些資訊，能大幅加快處理：

• 哪一頁——完整網址
• 錯誤畫面的截圖——含錯誤訊息
• 你做了什麼操作
• 什麼時候開始的
• 是所有人都這樣還是只有你
• 用什麼裝置與瀏覽器

「網站怪怪的」需要來回確認很多次；附上截圖與網址，通常一次就能定位。

降低風險的五個習慣

1. 大幅修改前先複製一份內容到外部
2. 不確定的設定先不要動，或先問過
3. 優先使用「下架」而非「刪除」
4. 上傳到網站的圖片，本機也保留一份
5. 改動後到前台確認，含手機

這五個習慣涵蓋了大部分的風險。

最後：不要因為怕而完全不動

怕改壞而三年不更新網站，損失比偶爾改錯大得多。

後台是設計來讓你使用的。 只要避開系統設定、養成上述習慣，日常的內容更新是安全的。

真的不確定的地方，問一句比猜半天有效——多數廠商都樂意回答，這也是維護服務的一部分。

媒體庫會越來越大

網站經營一段時間後，上傳的圖片與檔案會持續累積。常見的問題：

• 找不到之前上傳過的檔案，只好重複上傳
• 空間被佔滿
• 不敢刪除，因為不確定哪裡在用

建立一點習慣就能避免這些問題。

上傳前的命名習慣

這是最有效的一項。檔名決定了日後找不找得到。

三個原則

• 用英文小寫，連字號分隔
• 描述內容，不是描述來源
• 需要區分版本時加上日期或年份

檔名的詳細說明見圖片怎麼上傳才正確。

上傳前先找找有沒有

重複上傳同一張圖是很常見的浪費。上傳前先在媒體庫搜尋一下，尤其是常用的標誌、產品照。

如果檔名有意義，這一步只要幾秒鐘。

可下載的檔案

型錄、規格書、申請表這類檔案，通常做成 PDF 提供下載。

上傳前的三個處理

1. 壓縮檔案——設計軟體輸出的 PDF 可能很大，壓縮後通常能明顯縮小
2. 確認可以正常開啟——用不同裝置測試
3. 檢查內容——有沒有不該公開的資訊，例如成本、內部備註

第三項要特別注意

PDF 中可能殘留編輯時的註記、修訂紀錄或隱藏圖層。 公開前建議用最終版本重新輸出，而不是直接上傳工作檔。

檔案的版本管理

型錄每年更新時，常見兩種做法：

建議

用新檔名，並在檔名中加上年份或版本。

覆蓋同名檔案時，訪客的瀏覽器可能仍下載到舊版本——而且你自己測試時看到的可能是新版，很難察覺。

舊版本要不要刪

建議先保留一段時間再刪，因為可能有人已經分享了舊連結。

如果舊版有錯誤資訊必須立即下架，那就刪除並請廠商設定轉向到新版。

刪除檔案的風險

刪除媒體庫中的檔案，會讓所有引用它的頁面出現破圖或失效連結，而且不會有警告。

比較安全的做法

1. 先確認有沒有頁面在用——部分系統會顯示使用狀況
2. 不確定就不要刪
3. 要清理時分批進行，刪除後檢查前台

怎麼找出沒在用的檔案

如果檔案很多，可以請廠商協助盤點。不建議自己憑印象刪除。

空間的管理

主機空間有限，累積到一定程度會影響運作。

空間的主要消耗來源

• 未壓縮的圖片——最常見
• 系統自動產生的縮圖——一張圖可能產生多個尺寸
• 備份檔案
• 日誌檔案
• 已下架但未刪除的內容

空間快滿的症狀

• 無法上傳新檔案
• 網站出現錯誤或無法運作
• 主機商發出通知

建議把空間用量納入每季的檢查。 空間滿了造成的問題，症狀往往看起來與空間無關，容易誤判。

怎麼有效減少空間

1. 上傳前先壓縮——最根本的做法
2. 清理已確認沒在用的舊檔案
3. 確認備份沒有存在主機上——備份應該放在別的地方
4. 請廠商確認日誌有正常輪替

第三項要特別確認。 備份存在同一台主機不只佔空間，而且在主機出問題時會一起消失——那等於沒有備份。

見備份放哪裡。

大型檔案的替代做法

如果要提供很大的檔案（例如高解析度圖庫、影片），放在網站主機上不一定合適：

• 佔用大量空間
• 下載時消耗主機流量
• 可能影響網站的整體速度

替代方案

• 放在雲端硬碟並提供連結——最簡單
• 影片上傳到影音平台再嵌入——這是強烈建議的做法
• 使用專門的檔案儲存服務

影片特別要注意

不要把影片檔案直接放在網站主機上。 影片檔很大，會嚴重影響空間與載入速度。

用影音平台嵌入的方式，播放品質與相容性都比較好。

見影片與多媒體的規格。

需要限制存取的檔案

如果某些檔案只想給特定對象下載（例如經銷商的價目表）：

• 不要只靠「不放連結」——只要知道網址就能下載，而且可能被搜尋引擎收錄
• 應該用會員或密碼保護的機制
• 敏感檔案建議放在網站可存取範圍之外

「沒有人知道網址」不是安全機制。

每季的檢查

1. 空間用量是否接近上限
2. 有沒有明顯過大的檔案
3. 可下載的檔案是否為最新版本
4. 下載連結是否都還有效
5. 有沒有不該公開的檔案被放上去

後台的 SEO 欄位在做什麼

多數系統會提供幾個與搜尋相關的欄位。它們不會出現在網頁的可見內容中，而是提供給搜尋引擎與分享時使用。

這些欄位的投報率很高——填寫成本低，但直接影響有沒有人點進來。

標題怎麼寫

三個原則

• 把重點放在前面——搜尋結果會截斷後面的字
• 用客戶會搜尋的說法，不要用內部術語
• 每一頁都要不同——全站共用同一個標題是常見的疏失

範例

• 不好：「最新消息 - 某某公司」
• 建議：「鋼構層架的載重怎麼計算？三個常見誤解」

公司名稱放哪裡

通常系統會自動在標題後面加上公司名稱。如果會自動加，欄位中就不必再打一次，否則會重複。

可以先隨便填一則測試，到前台看看實際顯示的樣子。

描述怎麼寫

它是搜尋結果中的說明文字，作用是讓看到的人有理由點進來。

建議

• 說明這一頁能解決什麼問題
• 包含具體的資訊——數字、範圍、條件
• 用完整的句子，不要堆砌關鍵字
• 長度適中，太長會被截斷

不填會怎樣

系統通常會自動擷取內文的開頭。擷取到的可能是不完整的句子，或是不重要的鋪陳。

所以重要的頁面建議自己填。

一個重要的澄清

描述不是排名因素——寫得好不會讓排名上升。它影響的是點閱率，也就是有沒有人點進來。

但這仍然很重要：排名再好，沒有人點也沒有用。

網址代稱怎麼設定

這個欄位決定該頁的網址。

建議

• 用英文小寫，單字之間用連字號
• 簡短且有意義
• 避免中文——會變成一長串編碼，難以閱讀與分享

範例

不建議：/news/最新消息第三則
不建議：/news/post-12847
建議　：/news/steel-shelf-load-calculation

最重要的一點

網址一旦上線就不要輕易更動。

改了之後原本的連結會全部失效——搜尋結果、別人分享的連結、書籤都連不到。

如果必須改，要請廠商設定轉向，把舊網址導到新的。

分享圖片的設定

把網址貼到社群或通訊軟體時，會顯示的縮圖。

要注意的

• 建議用橫式圖片——直式的會被大幅裁切
• 重要內容不要放在邊緣——不同平台的裁切比例不同
• 每一頁應該有各自的圖片，不要全站都顯示首頁的

改了但分享出來還是舊的

這是快取造成的。最可靠的解法是換一個圖片檔名——同名覆蓋常常不會被重新抓取。

詳見LINE 分享網頁時的縮圖與標題怎麼設定。

關鍵字欄位還要填嗎

部分舊系統仍有「關鍵字」欄位。

主流搜尋引擎早已不使用這個欄位作為排名依據，因為它太容易被濫用。

建議

• 不必花時間填寫
• 如果系統要求必填，簡單填幾個相關詞即可
• 不要堆砌大量關鍵字——沒有幫助，而且顯得不專業

真正有效的做法是把關鍵字自然地寫進標題、內文與圖片說明中。

見關鍵字密度是迷思嗎。

常見的三個錯誤

一、全站共用同一組標題與描述

後果是搜尋引擎難以判斷各頁的差異，搜尋結果的呈現也沒有吸引力。

每一頁都應該有各自的設定。

二、堆砌關鍵字

把標題寫成「桃園網頁設計 網站架設 SEO 優化 客製化網站」這種形式。

這對排名沒有幫助，而且讀起來很差，反而降低點擊意願。

三、標題與內容不符

為了吸引點擊而誇大，結果訪客進來發現不是那回事，立刻離開。

高跳出率對整體表現沒有幫助，而且損害信任。

優先處理哪些頁面

不必每一頁都精雕細琢。建議的順序：

1. 首頁
2. 主要的服務或產品頁
3. 已經有流量的頁面——見下段
4. 其他內容頁

怎麼找出已經有流量的頁面

在搜尋主控台中，找出「曝光高但點閱率低」的頁面——這代表有人看到但沒有點進來，多半是標題或描述不夠吸引人。

改寫這些頁面的成本很低，效果卻很直接。

見Search Console 要看哪些報表。

填寫後怎麼確認

1. 在搜尋引擎搜尋該頁的完整網址——看實際顯示的樣子
2. 把連結貼到通訊軟體——確認縮圖與標題正確
3. 注意需要時間——搜尋結果的更新可能需要數日到數週

不要今天改了，明天就期待看到變化。

詢問就是生意

表單送出的每一筆詢問，都是有需求的人主動聯繫。處理的速度與品質，直接影響成交。

而實務上最常見的損失，不是沒有詢問，而是詢問來了卻沒有及時處理。

後台的表單紀錄怎麼看

設計良好的系統，表單資料應該同時做兩件事：

1. 存進後台的紀錄
2. 寄送通知信

為什麼兩者都要

如果只靠通知信，信件遺失就等於詢問消失了——而且你不會知道。

後台有紀錄的話，即使信件進了垃圾桶，資料仍然查得到。

驗收時該確認的

• 後台看得到表單紀錄嗎
• 能依時間或關鍵字查詢嗎
• 能標記處理狀態嗎
• 能匯出嗎

見表單資料存哪裡。

建立處理流程

四個基本約定

1. 指定主要負責人與代理人
2. 約定回覆時效——例如一個工作天內
3. 用狀態標記處理進度——未讀、處理中、已回覆、已結案
4. 在備註欄記錄後續聯繫的情況

第三項在多人共用時特別重要

沒有狀態標記，最常發生的是「兩個人都以為對方回了」——結果客戶等了三天沒人理。

回覆速度的實際影響

訪客同時向多家廠商詢問是常態。先回覆的通常先取得對話機會。

可以做的

• 用手機也能收到通知——不要只寄到電腦才會開的信箱
• 設定自動回覆，告知大概多久會回覆
• 非上班時間也讓客戶知道何時會處理

自動回覆信中加上「我們會在一個工作天內回覆」這一句，能明顯減少重複詢問與客戶的焦慮。

通知信收不到的處理

這是最嚴重的狀況，因為客戶詢問了但你不知道。

先判斷範圍

建議每季自行測試一次

用外部信箱送出一筆測試表單，確認：

• 後台有紀錄
• 通知信收得到
• 沒有進垃圾郵件匣

表單是會默默壞掉的功能。 主機搬遷、信箱變更、系統更新都可能影響它。

訂單的處理

如果網站有交易功能，後台的訂單管理通常包含：

• 訂單列表與篩選
• 付款狀態
• 出貨作業
• 訂單狀態的變更

要特別留意付款狀態

「客戶說付款了但訂單顯示未付款」是最常見的客訴。

可能的原因：

• 非即時付款尚未入帳——ATM 與超商有作業時間
• 付款完成但客戶直接關閉視窗，結果沒有回傳成功
• 逾期未付款已被自動取消

後台應該要能手動查詢並更新單筆訂單的付款狀態，處理無法自動解決的個案。

每月對帳

建議把網站後台的訂單清單與金流後台的交易明細逐筆核對一次。

差異越早發現越好處理，累積越久越難查。

個資的處理

表單與訂單資料包含客戶的個人資料，要注意：

權限

• 不是每個後台使用者都需要看到詢問紀錄
• 匯出功能應單獨限制——這是資料大量外流最可能的途徑

匯出的檔案

• 非必要不匯出
• 匯出後不要用通訊軟體外傳
• 不要存在個人裝置或私人雲端
• 用完即刪除

保存期限

資料不是留越久越好。 三年前未成交的詢問，繼續保存只是增加風險。

建議訂定保存期限並定期清理，並在隱私權政策中說明。

見網站會蒐集到哪些個資。

從詢問內容找出改善方向

這是被低估的價值。定期看一下客戶在需求欄位寫了什麼：

兩個發現

一、重複出現的問題就是內容題材。 客戶反覆問的，代表其他人也在搜尋。

二、如果很多人問的是網站上已經有寫的事，代表那個資訊不夠明顯或不夠清楚，應該調整呈現方式。

建議做法

每季看一次近期的詢問，把重複出現的問題列成清單，逐步寫成網站內容。

這形成一個循環：客服問題 → 網站內容 → 搜尋流量 → 新客戶。

見內容的題材從哪裡來。

假詢問與灌水的處理

如果收到大量廣告或無意義的訊息：

• 先請廠商加上不影響使用者的防護——例如隱藏欄位、送出頻率限制
• 不要一開始就加圖形驗證碼——它會擋掉真客戶，尤其是年長者與視障使用者
• 清理紀錄前先確認沒有夾雜真的詢問

見表單的防灌水與資安。

每月的例行檢查

1. 所有詢問都已標記處理狀態
2. 沒有超過時效未回覆的
3. 通知信正常收得到
4. 訂單與金流後台核對過
5. 清理超過保存期限的舊資料

選單與分類是兩件事

兩者常有對應關係——選單上的「產品」可能對應到產品的分類架構——但它們是分開設定的。

修改選單要小心

選單是網站的骨架，改動的影響範圍大。

改之前先想三件事

1. 會不會影響現有的連結——選單項目若對應到特定頁面，刪除可能造成連不到
2. 手機版會不會跑掉——項目太多在手機上可能顯示不佳
3. 有沒有備份或紀錄——建議先截圖記錄目前的結構

先截圖再改是成本最低的保險。

選單的規劃原則

項目數量

主選單建議控制在五到七項。 太多會讓訪客不知道從哪看起，手機上也難以呈現。

用客戶的語言

內部術語與客戶的說法常常不同。 選單用的應該是客戶會用的詞。

層級不要太深

從首頁點擊到任何一頁，建議不超過三次。

如果內容多到三層裝不下，通常不是要加深層級，而是分類方式要重想——可以用篩選或標籤取代層層點擊。

見網站選單怎麼設計。

分類架構的規劃

分類決定了訪客怎麼篩選內容，也影響網址結構。

三個原則

• 依訪客的思考方式分，不是依內部的組織架構
• 每個分類要有足夠的內容——只有一兩筆的分類意義不大
• 避免內容重複歸類到太多分類——會讓篩選失去意義

常見的錯誤

依公司的部門或產品線來分類。 客戶不知道你們內部怎麼分，他只知道自己要找什麼。

例如客戶要找「戶外用的層架」，而你的分類是「A 系列」「B 系列」——他就找不到。

新增分類的注意事項

1. 確認是否真的需要——分類太多反而不好找
2. 命名要清楚——用客戶看得懂的詞
3. 確認排序——新分類可能出現在意外的位置
4. 確認前台顯示——有些分類需要另外設定才會出現在選單

新增後前台沒有出現

常見原因：

• 分類建立了，但選單沒有加上對應的項目
• 該分類底下還沒有內容，所以不顯示
• 需要設定為「顯示」狀態
• 快取尚未更新

刪除或合併分類要謹慎

刪除分類可能影響底下的所有內容。

刪除前確認

• 底下還有沒有內容——刪除後那些內容會變成什麼狀態
• 有沒有外部連結指向該分類頁
• 選單上有沒有對應的項目

比較安全的做法

1. 先把內容移到其他分類
2. 確認前台正常
3. 再刪除空的分類
4. 若該分類頁曾被收錄，請廠商設定轉向

轉向的說明見技術 SEO 的常見問題排查。

調整分類架構的時機

大幅調整分類會影響網址與既有連結，建議趁改版時一併處理，而不是頻繁變動。

什麼情況該調整

• 某個分類的內容多到難以瀏覽
• 客戶反映找不到東西
• 有分類長期都是空的
• 新增了與現有分類不符的產品線

標籤與分類的差別

部分系統同時有這兩種機制：

• 分類——階層式，一筆內容通常屬於一個主分類
• 標籤——平行的，一筆內容可以有多個

標籤的用法建議

• 用來標示跨分類的特性——例如「防水」「客製」「現貨」
• 不要濫用——每篇加十幾個標籤會讓標籤失去區別意義
• 先想好一組固定的標籤再開始用——避免同義詞各自為政，例如同時有「防水」與「防潑水」

頁面順序的調整

多數系統可以手動指定排序，或依日期自動排序。

常見需求與做法

• 想讓某則固定在最上面——用置頂或排序權重
• 想調整產品的顯示順序——用排序欄位

記得取消置頂

常見的情況是三年前的公告一直置頂在最上面。 建議把「檢查置頂內容」納入每季的例行檢查。

改動後的檢查

1. 選單在電腦上正常
2. 選單在手機上正常——展開後所有項目都看得到
3. 每個項目點進去都連得到正確的頁面
4. 分類頁的內容正確
5. 沒有出現空的分類