Movable Type 備忘録

 エラーページをカスタマイズする

ほとんどの人が目的の内容を探すために検索エンジンを利用すると思いますが、「見つけたっ！」と思ったらリンク切れだったりしたことありますよね。

わたしも公私ともに検索エンジンをよく利用していますが、リンク切れなページには多々出くわします。
サイト自体が閉鎖しているのはともかくとして、手違いなどによるリンクミスの場合、せっかく訪問してくれたのに、そのまま中にも入ってもらえずでは、ちょっと悲しいですよね。
そんな時、自分のサイト内にナビゲーションしてあげたらどうかな…と思って、エラーページのカスタマイズをやってみました。

このカスタマイズは、MovableType(ムーバブルタイプ)に限ったことではないので、ホームページはもちろんのこと、MovableType(ムーバブルタイプ)以外のブログ・システムでも流用できます。

また、.htaccess によるリダイレクトを利用しますので、各自のサーバーで .htaccess が使用できることが前提です。

カスタマイズ方法

  1. まず、表示するエラーページを作成します。
    主なエラーとして以下がありますが、各エラー用のページをそれぞれ作る必要があります。

    • 401 Unauthorized
      パスワード制限など認証が必要なときに、正しく認証されなかった場合に表示されるエラーページです。
    • 403 Forbidden
      パーミッションの設定が正しくない、または .htaccess で特定のホスト・IPの許可/制限を行っていて弾かれた場合のエラーページです。
    • 404 Not Found
      リクエストされたページがない場合に表示されるエラーページです。このエラーが1番多いのではないでしょうか。
    • 500 Internal Server Error
      CGIのエラーや .htaccess の設定ミスの場合に表示されるエラーページです。

    すべてのページを作る必要はありません。必要なエラーページだけ作ります。
    とりあえず、ここでは 404 Not Found のエラーページを作ってみましょう。

    メインページのテンプレートをベースとして作るのがカンタンだと思います。
    内容は各自で自由に作ってください。ただし、何のエラーなんだか明確に分かるようなページを作った方がいいですよ。404 Error Not Found と明記するとかね。

    イメージなど貼り付けたときは注意してください。エラー発生時は、そのパスが基点となりますので、イメージなどを相対パスにしてしまうと、リンク切れします。
    必ず絶対パス( http://●●●.com/image/■■.gif )で指定します。

    これはイメージに限ったことではありません。リンクのパスすべてに言えることなので注意してください。

    MovableType(ムーバブルタイプ)の管理画面から、テンプレートを新規作成 リンクをクリックして、作ったページを貼り付けます。

    1. テンプレート名： 404エラーページ (任意)
    2. 出力ファイル名： error404.html (任意)
    3. このテンプレートにリンクするファイル： 未記入でいいです。
    4. テンプレートの内容： 作ったエラーページを貼り付けます。

    一通り入力したら、保存して再構築します。

  2. 次に、エラー時のリダイレクトを設定します。
    リダイレクトは以下のような内容で、.htaccess ファイルを作成します。

    1. ErrorDocument 401 「相対パス」
    2. ErrorDocument 403 「相対パス」か 「http://から始まる作成した403エラーページのURL」
    3. ErrorDocument 404 「相対パス」か 「http://から始まる作成した404エラーページのURL」
    4. ErrorDocument 500 「相対パス」か 「http://から始まる作成した500エラーページのURL」

    ここで注意することは、401エラーページ は必ず相対パスで指定してください。
    例えば、こんなかんじでファイルを作成します。

    1. ErrorDocument 404 /error404.html

    作成したら、保存してサーバーにアップロードします。アップロード先は、メインページ(index.htmlなど)と同じ場所に置いてください。

  3. では、表示確認します。
    ブラウザから、各自のドメイン+存在しないファイル名を入力してみてください。

    作った 404エラーページ が表示されればOKです。
    表示されなかった場合、リダイレクト( .htaccess )の内容をもう1度確認してみてください。

以上で、何らかのミスにより目的のページにたどり着けなかった訪問者さんを、自分のサイト内にナビゲートすることができるのではないでしょうか。
当然ですが、このカスタマイズは入り口を用意しただけなので、その中に入るかどうかは訪問者さん次第ですからね。

では。。。SEE YOU♪

 Trackback Pings(1)

from サラリーマンアフィリエイト情報局

Movable Typeを使っていて、一番気になっているのが、 「500エラー」...

Tracked on October 29, 2006

 Comments(0)

No comments found.

 Post a Comment

 

コメント用フィード