![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
404エラーページのカスタマイズを行ってますか?
SEO対策の1つとして、404エラーページの対処は内部対策として大切です。
それでは、さっそく説明していきます。
404エラーページとは
そもそも、404エラーページとはなんですか?
![Worried](https://biz-sel.com/wp-content/uploads/2021/07/ebb39065570ef9d7785a7bc9b9239bf1-100x100.png)
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
ユーザーがアクセスしようとしたとき、指定されたURLがサイトに無い場合、この404エラーが返され表示されます。
このページのことを404エラーページと言います。
404エラーの原因は?
404エラーの原因は何でしょうか?
ページが見つからない場合、
「404ページ」が表示されて、ユーザーに伝えます。
では、なぜカスタマイズが必要なのでしょうか?
![404 Error](https://biz-sel.com/wp-content/uploads/2021/07/404-Error-Page-not-Found-with-people-connecting-a-plug-amico.png)
404ページのカスタマイズが必要な理由は?
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
404エラーページでサイトが応答し、ページが見つからないことをユーザーに通知します。
デフォルトで行われるのは、「通知まで」です。
これだけでは、引き続きサイト内を探してもらえず、ユーザーの離脱に繋がります。
ポイントは、できるだけサイト内を回遊してもらい離脱を防ぐコト。
404ページカスタマイズポイント
離脱を防ぎサイト内回遊率を上げるコト【SEO内部施策】
![Not found user](https://biz-sel.com/wp-content/uploads/2021/07/Feeling-angry-pana.png)
-
-
URL正規化の方法【統一してSEO対策】
続きを見る
GoogleのSEOアドバイス
では、どうやってユーザー離脱の対策をするのでしょうか?
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
404エラーページの対処方法として、GoogleはSEOアドバイスをしています。
自動翻訳なので、ちょっとわかりづらいですね。
まとめると、次のようになります。
カスタマイズ内容は?
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
Googleのアドバイスに沿って、次をカスタマイズしていきます。
具体的なカスタマイズ内容
❶ 自サイトからのエラーメッセージであることがわかる文章にする
❷ 自サイト専用の404エラーページであるデザインにする
❸「検索窓」や「おすすめ記事」「カテゴリー別記事」「サイトマップ」等を追加
❹ 連絡方法を明記する
![Advanced customization](https://biz-sel.com/wp-content/uploads/2021/07/Advanced-customization-amico-1.png)
カスタマイズ具体例【図解付き】
【方法1】アイキャッチ画像の追加
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
アイキャッチ画像を追加して、自サイトのメッセージであることを明示します。
step
1外観ーカスタマイズーヴィジェットに移動
管理メニューから、ヴィジェット画面に移動する
![外観ヴィジェット](https://biz-sel.com/wp-content/uploads/2021/07/c460da05cad53f6bd071a218d87a6995.png)
step
2「404ページ」ヴィジェットに画像を追加
「404ページ」ヴィジェットに、「画像」ヴィジェットをドラッグ&ドロップする
![画像D&D](https://biz-sel.com/wp-content/uploads/2021/07/d57fed4228e1782c6cb1e9abcbb44ddf.png)
step
3「画像」ヴィジェットに表示したい画像を指定
「404ページ」ヴィジェットに追加した「画像」ヴィジェットで、表示したい画像を指定し保存する
「画像を追加」➡「画像を指定」➡「ヴィジェットに追加」➡「保存」
![画像指定](https://biz-sel.com/wp-content/uploads/2021/07/72a634525e1e1e7a4a1bc64e8c4fa013-3.png)
これで、画像の設定が完了です。
確認方法
自サイトのURLを指定して、最後に存在しない適当なページを指定します。
例:https://my-site.com/hogehoge
設定した画像が表示されれば成功です!
【方法2】専用メッセージの追加
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
自サイトのメッセージであることを示す文章を追加して表示させます。
biz-sel.comは、検索窓を追加しているため、最後に検索ができるというメッセージを追加しています。
step
1外観ーカスタマイズーヴィジェットに移動
管理メニューから、ヴィジェット画面に移動する
![外観ヴィジェット](https://biz-sel.com/wp-content/uploads/2021/07/c460da05cad53f6bd071a218d87a6995.png)
step
2「404ページ」ヴィジェットに「カスタムHTML」を追加
「404ページ」ヴィジェットに、「カスタムHTML」ヴィジェットをドラッグ&ドロップする
![](https://biz-sel.com/wp-content/uploads/2021/07/616ab86d81b77dba6178f8084f95fd84.png)
step
3「カスタムHTML」ヴィジェットに追加するメッセージを指定
「404ページ」ヴィジェットに追加した「カスタムHTML」ヴィジェットで、追加したいコメントを指定し保存する
![](https://biz-sel.com/wp-content/uploads/2021/07/100c174ceaf2edf5c7e83f9066c2bc61.png)
以下コード例
<p>
ご指定のページは、移動または削除された可能性がございます。URLを直接ご指定の場合は、お手数ですが今一度ご指定内容をご確認ください。<br>以下より、お探しのページを検索することも可能です。
</p>
【方法3】検索窓を設置する
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
希望のページが見つけられるように「検索窓」を設置します。
step
1外観ーカスタマイズーヴィジェットに移動
管理メニューから、ヴィジェット画面に移動する
![外観ヴィジェット](https://biz-sel.com/wp-content/uploads/2021/07/c460da05cad53f6bd071a218d87a6995.png)
step
2「404ページ」ヴィジェットに「カスタムHTML」を追加
「404ページ」ヴィジェットに、「検索」ヴィジェットをドラッグ&ドロップする
![](https://biz-sel.com/wp-content/uploads/2021/07/b82fb57c0f4d6561a27159a650ea5d6c.png)
step
3「検索」ヴィジェットのタイトルを指定
「404ページ」ヴィジェットに追加した「検索」ヴィジェットで、タイトルを指定し保存する
![](https://biz-sel.com/wp-content/uploads/2021/07/36a2091dbb54a91431fd12f852500d9c.png)
【方法4】リンク切れを報告してもらう
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
リンク切れがあった場合は報告してもらえるように
「連絡方法」を明記します。
![ゆめただのり](https://biz-sel.com/wp-content/uploads/2020/08/yumeada_avatar_sqr-100x100.png)
以上、AFFINGER6の404ページのカスタマイズ方法でした。
あなたも、SEO内部施策の1つとして404ページをカスタマイズしましょう!