ページが見つかりませんでしたぺージカスタマイズ　404 | 福岡のホームページ制作はマリオ君にお任せ

本日は「お探しのページが見つかりませんでした。」「アクセスしようとしたぺージは見つかりませんでした。」で有名な404ぺージをオリジナルに変更する方法をご説明していきたいと思います。

404ぺージって何？

404ぺージはアドレス・URLが間違っていた時に表示されるぺージです。


基本的にはあまりお目にかかる機会は少ないですが、下記の場合に出現することがあります。

• URLを直接入力したとき
• リンクの設置ミス
• ECサイトなどの商品の終了時
• リニューアルした時

URLを直接入力したとき

URLを直接入力するときにタイピングミスで表示されます。コピーして貼り付けをしていたら、めったにURLを入力する機会は少ないですがチラシや名刺を見られた方が入力するときに誤って入力し404ぺージが表示されることが多いです。

リンクの設置ミス

こちらはホームページを制作する側のミスになりますが、リンクを設置するときにアルファベットを間違えて入力し、それを見ている方がクリックしたときに表示されます。

ECサイトなどの商品の終了時

よく購入する商品をブックマークしていて、その商品が販売終了などでページが閉じられたときに発生します。こちらは上記２つよりかなり出現頻度が高いかと思います。

リニューアルした時

ホームページをリニューアルしたときに一番発生率が高いと思かと思います。ホームページをリニューアルするときはできるだけリニューアル前のURLと合わせてぺージを制作していきますが、どうしてもすべてをカバーすることができません。

その時に、ブックマークされていた方が古いアドレスぺージを開いて404が表示されることが多いです。

サーバー会社様の404ぺージ紹介

サーバー会社様の404ぺージをご紹介します。オリジナルで404ぺージを作成しない場合は下記のようなサーバー様が用意したぺージが表示されます。

ロリポップ様

エックスサーバー様

サーバー会社様が用意した404ぺージですが、少し機械的で、今まで閲覧していたホームぺージからいきなり上記ようなページに飛んだらびっくりしますね。

知識のある方なら、リンクが間違っていたのかな？ページ変更したのかな？と特に疑問も持たずに戻って再度ホームぺージを見られると思いますが、

ネットに詳しくない方が上記ぺージを開いたら、いきなりデザインが変わって

「ページが見つかりません・・・」

「ウイルスか？？」

「危ないサイトに飛んでしまったか？」

と思う方も少なくないはずです。

そんな時にデザインをホームぺージと統一して、離脱率を少しでも下げることができるので、404ぺージのカスタマイズです。

デザインを統一して、トップページやサイトマップに誘導し離脱を防ぎます。

ワードプレスで404ぺージ設置

ワードプレスのオリジナルテーマで404ぺージの作成方法はめちゃ簡単。

404.php

というファイル名でアップロードするだけです。

404.phpはワードプレスで用意されたファイルで、何も考えずにデザインを統一したものを

404.phpファイルに記述してアップロードするだけで、オリジナルの404ぺージが表示されます。

ちなみにマリオ君の404ぺージはこちら

特にこだわって作ってはいませんが、デザインを統一しておりますので、少なくともウイルスや危ないサイトに飛んでしまったと思われることはありません。

トップぺージへの誘導ボタンも設置しています。

ワードプレスは404.phpファイルを作ってアップロードするだけ

通常の静的HTMLの場合

通常の静的HTMLでオリジナルの404ぺージを作る方法も簡単です。

いつも通り404で表示させたものをオリジナルでデザイン・コーディグします。

完成したらファイル名は

404.html

ファイル名は任意ですがわかりやすく404.htmlで。

完成したものをサーバーにアップロードします。

ワードプレスと違いアップロードしただけでは、上記の404.htmlは表示されません。

表示させる方法は.htaccessにちょっと追加でOKです。

※ちなみに.htaccessファイルはサーバーとかに指示をするファイルでメモ帳などを名前変更.htaccessで作成できます。

下記コードを.htaccessファイルにコピペしてアップロードして完成です。

ErrorDocument 404 /404.html

通常の静的HTMの場合も簡単ですね。

.htaccessにコピペで簡単

自社サイトの404ぺージの確認方法

自社サイトの404ぺージがオリジナルかどうかを確認する方法をご紹介します。

それはURLをめちゃくちゃにしてください。

例マリオ君の場合
制作事例ぺージURL
https://mariokun.com/works/

これを
https://mariokun.com/worfdafgagagaks/

など下層のURLをめちゃくちゃにしたら表示されます。

ドメインの部分（https://mariokun.com/）は変更しないでください。普通に違うサイトに飛ぶかエラーになります。

以上が404ぺージをオリジナルデザインで表示する方法をご説明させていただきました。

遊び心のある会社様は404ぺージを面白おかしくカスタマイズされている会社様もあります。

有名所は
ビールのキリンさん
任天堂さん

などがあります。興味がある方はホームぺージにいって、URLをめちゃくちゃにしてみてください。
おもしろい404ぺージが見ることができます。

それではまた。