loading
 読み込み中...
ウェブの触手-日々の生活に新たなスパイスを-
アイキャッチ画像
Home > [ウェブデザイン] > ドメイン以下のすべての404 Not Foundページをトップページに誘導する
この記事は約3分で読めます。
この記事は最終更新日から5年以上経過しているため現状にそぐわない可能性もあります。

ドメイン以下のすべての404 Not Foundページをトップページに誘導する

投稿日:2011.5.26

会社のホームページをリニューアルするにあたり
フォルダ名などを大幅に変更したため URLが軒並み変更となってしまいました。

このままだと検索エンジンに残っているリンクをクリックしても
全部「Not Found」になってしまうかも。。。

 

その古い URLへのリンクはまだ Google にも残っているし
ニュースリリース等の記事にも古い直リンクが載ったままです。

そこをクリックすれば当然「Not Found」になってしまいます。
営業的にはマイナス要因らしい。

そんなもんで営業スタッフから
「○○が見つからないので新URLに自動転送させておいて」というリクエストが来るたび
せっせと古い URLページにいちいち自動転送のコードを書く日が続いてました。

しかしこのやり方だと手間がかかる上、
すべての Not Foundページに対処するのは不可能に近いということに気がついたんです。

本来ならもっと早く気付くべきなのでしょうが。。。

そこで思いだしたのが、レンタルブログなどで記事が削除されたページに行き当たると
必ず同じデザインと文言でトップページへの導線を表示している、アレです。

これなら 1つのページを作るだけですべての Not Foundページに対処できるハズ、
ということでいつものように Google先生に世話になることに。

↓↓↓簡単にサイトが作れる次世代ツール↓↓↓

SIRIUSレビューイメージ画像

実装

最初に Not Found専用のページを作ってみます。
ファイル名は 404.html でも notfound.html でもなんでもいいです。

デザインに関してはあくまで「自社のサイト内で迷ってますよー」と認識させるために
ナビゲーションメニューやフッターなどの共通デザインは残したまま
その中にシンプルに専用の文言だけを盛り込んでみました。

会社のウェブサイトなのであまりお遊びもできないため
例えば「お探しのページが見つかりません。削除されたか URL が変更になった可能性があります」といった丁寧口調にします。

もう少し親切にしてトップページへのリンクも書いて
さらに何秒か経つと自動でトップページに飛ぶようにしておくのもいいでしょう。

次に上記の HTMLファイルをどうやって表示させるかですが、
これは「.htaccess(何て読むのか未だにわからない)というファイルを作って
その中に定型文を記述すればよしとのこと。

具体的には「ErrorDocument 404 /htaccess/404.html」といった風に書いて
.htaccess という名前で保存し、FTPソフトでサーバーにアップします。
(".(ドット)"で始まるファイル名の保存方法やアップ方法はここでは割愛します)

notfound01

 

つまり notfound.html という名前で作成しそのファイルを index.html と同じルート上に置く場合は
「ErrorDocument 404 /notfound.html」となります。

今回は root上に 404.html ファイルを置く方法を取りましたが Google先生のほとんどが何らかのフォルダ下に 404.html を置く記述だったのがちょっと引っかかりますね。

ルート直下はまずいんだろうか。

さて、ここで疑問です。
".htaccess" はどの位置にアップするのでしょうか。

私の場合 index.html 以下のフォルダからすべて変わってしまったため
ほぼすべてのページが Not Found になってしまいます。

この場合は index.html と同じ階層、つまりルート上にアップします。

以上です。

参考サイト

記事はお役にたてましたか?

記事にご興味をもっていただけましたら
下のソーシャルボタンで共有していただけると嬉しいです^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

スポンサーリンク

おススメTCDテーマ

WordPressテーマ「CORE (TCD027)」

コメント(0件)

コメントをどうぞ

入力いただいたメールアドレスは公開されません。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

先頭へ