Day 20：設定 404 頁面，不要讓讀者迷路了！

當網站建立一段時間，或多或少可能會有頁面因為時間推移改變或是刪除了，但此時頁面已經被搜尋引擎收錄或是說有人將網址轉貼到其它地方，如果有人進入了該網址卻發現已經失效了，不免讓人感到尷尬。

以 Github Pages 來說預設有提供一個 404 頁面，而且 404 上顯示的也不是你的網站，因此無助於將讀者留在自己的網站裡。此時建議可以新增一個屬於自己部落格的 404 頁面，這樣就算該網址內容已被移除，還是能多少留住一些讀者，也有利於 SEO。

建立 Hexo 404 頁面

先透過指令建立頁面：

hexo new page 404

建立好後利用編輯器開啟頁面 .md 檔，並增加以下語法：

---
title: 404 錯誤
date: 2021-09-08 13:50:44
type: categories
comments: false
permalink: /404.html
description: 很抱歉，找不到您想要存取的頁面。您可以經由以下分類找到您想要的內容。
---

其中：

• 我增加 type 為 categgories，以至於取得目前 Hexo 的分類
• 增加 permalink: /404.html，這樣才能在讀者存取不存在頁面時顯示 404 頁面
• 增加 description 並設定提示訊息（內容可自行設定）

當然這是我的設定方式，你不一定要跟我這麼做。你也能夠不去設定 type 為分類，而是自己撰寫頁面內容或是放張圖也可以。

另外在本機伺服器上是沒有效果的，所以你可以直接到 http://localhost:4000/404/ 頁面查看編輯狀況，在部署到 Github Pages，亂輸入一個不存在的頁面網址確認。

參考資料

• (23) 試著學 Hexo - SEO 篇 - 新增你的 404 頁面
• 香腸炒魷魚
  • 會有 404 頁面放置分類列表的想法，就是從他的 404 頁面參考而來的～

本篇文章同步發布於 iT 邦幫忙