- 2008-09-01 (Mon) 6:28
- Google関連
ページが見つからなかった場合に出てくる404ページですが、カスタマイズするのが面倒だったりしますよね。そこで登場したのがGoogleの「Custom 404 pages」。
なんとコードを貼り付けるだけで、自動的に「関連するページはこちらかも☆?」とか「サイト内検索はこちら」といった機能を提供してくれます。ちょっとしたことですが、訪問者に優しい仕掛けですね。

↑ 検索ボックスにはあらかじめ最適っぽいキーワードまで入れてくれるらしい。
この機能、Googleウェブマスターツールのかなり奥まったところにあるので辿りつき方を簡単にご紹介。
- まずはウェブマスターツールへ
- 運用ツールから「拡張された404ページ」へ
- コードを設置

次に設置したサイトを選択します。サイトが設定されていない場合は追加しましょう。

↑ メニュー的にはこちら。
あとはそこにあるコードを404ページに貼り付けるだけです。

↑ こんな感じですね。
CSSに詳しい人には外観のカスタマイズ方法が紹介されています。あわせて読んでおくといいですね。
なお、404ページは.htaccessファイルを作って次の一行を追加すればOKですよ。
ErrorDocument 404 PATH-TO-404-PAGE
実はこのブログもまだ404ページを設置できていないですね・・・いけません。このツールを使ってやってみますかね。よろしければお試しください。
あ、そもそもLifehackerで見つけた技でした。こちらもあわせて紹介しておきます。
» Web Publishing: Google 404 Pages Help Your Web Visitors Find the Right Page
■ 関連記事
- Newer: ブエノスアイレスにある動物園のクリエイティブな広告
- Older: ちょっと感動したデザイン(+サラ・ペイリンさんについてちょこっと)
Comments:0
Trackbacks:3
- Trackback URL for this entry
- http://www.ideaxidea.com/archives/2008/09/404googlecustom_404_pages.html/trackback
- Listed below are links to weblogs that reference
- 効果的な404ページを自動生成してくれるGoogleの『Custom 404 pages』 from IDEA*IDEA ~ 百式管理人のライフハックブログ
- pingback from Movable Type から WordPress への移行メモ | 東京ヘッドターミナル 09-01-29 (Thu) 17:31
-
[...] 下記などを参考に。 »サクラクレパスの404エラーが素敵なので、404ページを集めてみたくなったのだ : ネットPR.JP – netpr.jp – »創造性あふれる404エラーページを作ろう&参考になる404ページ紹介 | Web担当者Forum »効果的な404ページを自動生成してくれるGoogleの『Custom 404 pages』 – IDEA*IDEA ~ 百式管理人のライフハックブログ ~ [...]
- pingback from MTのダイナミックパブリッシングでも404ページに代わるもの+α - [Mu]ムジログ 09-07-25 (Sat) 13:02
-
[...] そこで、最近ブログなどで取り上げられている、Googleウェブマスターツールのウィジットを貼りつけてみました。 [...]
- pingback from .htaccessに関する覚え書き - IDEA*IDEA ~ 百式管理人のライフハックブログ 09-08-04 (Tue) 14:36
-
[...] 効果的な404ページを自動生成してくれるGoogleの『Custom 404 pages』 | IDEA*IDEA [...]


























