找不到頁面時,你會看到什麼

在 ipe.rest 上,不存在的網址只會得到一個小檔案。它直白地說明這件事、指出回家的路,並請搜尋引擎不要收錄它。

沒有人打算看到這個頁面,所以才值得一看。這裡的數字於 2026 年 11 月 12 日取自檔案本身與部署測試。

一個檔案

這個頁面是網站根目錄下的 404.html,4,355 位元組。GitHub Pages 會在任何沒有頁面的網址顯示它。它的樣式就寫在檔案裡面,沒有腳本、沒有圖片、沒有外部連結,也沒有需要下載的字型檔案。文字使用你裝置上本來就有的字型。

平實的字句

標題寫著 Page not found。下面有一句話,說明頁面可能已移動,或網址可能打錯了。接著是兩個連結:ipe() 首頁與日誌。兩者都不會猜測你想找什麼。

十二種語言

再往下是一份清單,我們的 12 種語言各佔一行。每一行用該語言說「找不到頁面」,並連到該語言的首頁與日誌,所以訪客不必讀英文也能離開。頁面本身是英文,而這些行都標有各自的語言代碼。

不是給搜尋用的

這個頁面被標記為 noindex, follow:不要收錄它,但可以跟隨其中的連結。它不帶 canonical,也沒有 hreflang 標籤。一個宣稱自己有正式網址的錯誤頁,只會讓搜尋引擎困惑。

淺色與深色

顏色會隨裝置的深色模式設定切換,兩個主要連結在使用鍵盤時會顯示焦點外框。標題大小隨螢幕寬度縮放,按鈕在窄螢幕上會折到第二行。

我們如何檢查

部署測試會讀取這個檔案,確認它標記為 noindex, follow、沒有 canonical 或 hreflang 標籤,並連到首頁、英文日誌與根目錄。至於在小手機上看起來是否正確,我們和其他頁面一樣用肉眼檢查。

ipe(); // not here, but home is

來到一個不存在頁面的訪客,已經碰上了一點小小的阻礙。這個頁面應該幫上忙,然後安靜地退到一旁。