良さげな 404 Not Found ページをまとめてみた
指定したリンク先が見つからなかった時に表示される「404 Not Found」のページがあります。そうそうお目にかかるものではないので、サイト独自のものを用意しているサイトは少ないのではないでしょうか。
今回は自分のデザインメモも兼ねて、この「404 Not Found」ページの良さげなサイトをいくつかまとめてみました。(URLの後ろにhogeを付けています)
シンプルに作られたもの
- http://nagafuji.jp/hoge
- http://www.hybridworks.jp/hoge
- http://www.nssgraphica.com/hoge
- http://www.murakamidesign.jp/hoge
- http://www.soulgrid.com/hoge
- http://roxik.com/hoge
- http://www.90fps.com/hoge
- http://www.implementek.com/hoge
- http://www.qdesign.ro/hoge
「404 Not Found」や「Page Not Found」などのテキストをサイトに合わせて無駄なくデザインされています。ちなみに後ろの2サイトは一定時間経つとトップへ移るようにしています。
サイトのレイアウト内に格納させたもの
- http://www.vivabit.com/hoge
- http://www.simplebits.com/hoge
- http://www.corkd.com/hoge
- http://veerle.duoh.com/hoge
- http://www.badboy.ro/hoge
- http://rhythm-collision.studio-web.net/hoge
- http://www.nicholasjon.com/hoge
- http://blogspots.de/hoge
- http://www.haveamint.com/hoge
- http://www.hicksdesign.co.uk/hoge
こちらは海外のブログサイトがわりと多いのですが、メインコンテンツを入れる部分に「404 Not Found」などのテキストを配置してあります。
サイトマップ誘導型
このサイトは存在しないURLが全てサイトマップに誘導されるといったもので、他にはあまり見かけなかったのですが、「なるほど、そういうやり方もアリかな」と思ったので取り上げました。
以上で、本当はもっとたくさん紹介したかったのですが、いざ調べてはじめると「404 Not Found」ページに関しては用意されていないサイトが多かったので、現状これが精一杯でした。(調べる最中、ロリポップのエラーページはたくさん見ましたw)
最後にこのサイトのを作ってみました。
中央配置のシンプル型です。(というかTwitter風!?)
Message
Trackbacks (0)
- TrackBack URL

Comments (2)
うちのサイトにも自作の 404 ページが用意してあったりします。こういうページって、そのサイトの個性が出ていて面白いですよね。
ひろやさん、はじめまして。
404ページは見えないおしゃれ(?)みたいなものですかね。
ひろやさんのサイトの404ページ、(´・ω・`)ショボーン がかわいいです。