404ページまとめ

「お探しのページは見つかりません」というような感じで表示される404エラーページですが、「見つかりません」というメッセージ以外にも入れた方がいい要素として紹介している記事を見かけました。

404エラーページに設置したい12種類の要素 | 海外&国内SEO情報ウォッチ | Web担当者Forum

【入れた方が良い要素】
・サイトに設置しているのと同じナビゲーションメニュー
・エラーの理由(「ページが削除された」や「URLの打ち間違い」など)
・URLが正しいかどうかを確認させる指示
・よく見られているページヘのリンク
・お気に入りの商品やカテゴリ
・会社・サイトのロゴ
・検索ボックス
・問い合わせ方法や問い合わせフォーム
・リンク切れを報告できるようにする機能
・写真やイラスト、動画
・アカウントログインフォーム
ソーシャルメディアのリンク

 

自分のサイト(勝手にスマホサイトまとめ)の404ページは
・「404です」というメッセージ
・検索ボックス
・TOPに戻るリンク

という要素しか入れておらず、かなり潔すぎたため、
先ほどの入れた方が良い要素を参考に、そのうち追加しようと先ほど思いました。
で、少し気になったので他のサイトの404ページを少し集めてまとめてみました。

 

 

f:id:sumaho-design:20150810161551j:plainHOME'S(ホームズ)
http://www.homes.co.jp/

 

f:id:sumaho-design:20150810161643j:plain

DeNA ディー・エヌ・エー
http://dena.com/

 

f:id:sumaho-design:20150810161721j:plain
Nike.com
http://www.nike.com/

 

f:id:sumaho-design:20150810161802j:plain

レッドブル
http://www.redbull.com/

 

f:id:sumaho-design:20150810161813j:plain

アメリカンアパレル
http://store.americanapparel.co.jp/

 

f:id:sumaho-design:20150810161824j:plain

面白法人カヤック
http://www.kayac.com/

 

f:id:sumaho-design:20150810161833j:plain

森永製菓
http://www.morinaga.co.jp/

 

f:id:sumaho-design:20150810161845j:plain

東京メトロ
http://www.tokyometro.jp/

 

f:id:sumaho-design:20150810161856j:plain

サイバーエージェント
https://www.cyberagent.co.jp/
→404ページから数秒後にTOPへ移動する。

 

f:id:sumaho-design:20150810162141j:plain

ジョブセンス
https://j-sen.jp/
→404ページから数秒後にTOPへ移動する。

404エラーになった時しか表示されないページではありますが、入れた方が良い要素を入れつつ、いろいろ工夫した方が良いですね。今回PCサイトの404を少しだけ集めてみましたが、スマホサイトの404も集めてまとめてみようと思います。

 

勝手にスマホサイトまとめ|スマホサイトとjQueryMobileのまとめ

勝手にリスティング広告まとめ|テキスト・イメージ広告、ランディングページまとめ