MD.WEBLOG

長野県飯田市、フリーランス、ウェブデザイン、ホームページ制作、CMS構築、映像制作、エディトリアルデザイン - MITAMA DESING -

Go To Home

Blog

blogトップ > その他 > 【今さら聞けない】リダイレクトに関してのまとめ、301リダイレクト、302リダイレクト、Refresh、.htaccess


【今さら聞けない】リダイレクトに関してのまとめ、301リダイレクト、302リダイレクト、Refresh、.htaccess

 2012年11月30日   タグ: , ,

【今さら聞けない】リダイレクトに関してのまとめ、301リダイレクト、302リダイレクト、Refresh、.htaccess
ホームページを運用していると、サイト内でページを移設したり、ドメインを変更したり、CMSの導入によってアドレスが変更になったりで、旧URLから新URLへのリダイレクトをする場合がでてきます。リダイレクトをする目的都市は、旧URLを参照するユーザーに不便をかけないようにするためなのはもちろん、検索エンジンにURL変更を通知するためという意味もあります。今回は、そんなリダイレクトに関してなんとなくまとめておこうと思います。

リダイレクトをした方がいい理由

ユーザビリティの観点

・旧URLをブックマークしていたユーザーがアクセスできなくなるため

・旧URLへのリンクからアクセスできなくなるため

・旧URLの検索結果からアクセスできなくなるため
 (リニューアル後暫くは旧URLも検索結果に登場してしまいます)

SEOの観点

・旧URLにリンクがついていた場合、その評価が引き継がれない

・新しいページのインデックスが遅くなる

リダイレクトの方法

HTMLの”Refresh”でリダイレクトする

HTMLファイルのヘッダーに直接書き込む方法です。head要素内に下記のようなコードを書けば良いだけです。簡単。

<meta http-equiv="Refresh" content="0; URL=/index.php">

2秒後にリダイレクトをかけるときは

content=”2;とします。

ただし当然ながらこの手法は古いURLにリダイレクト用のHTMLを残しておかねばならないことになります。また、リダイレクトをかけるファイル数が多い場合には、作業の手間が増えてしまいます。 この方法はGoogleでは推奨されていないため(検索エンジンに効果的にページの引越しを伝えることができない)、SEOのことを考えるなら後述する301リダイレクトということになります。

Java Script でリダイレクトする

JavaScriptを使ってリダイレクトすることが出来ます。この方法も「HTMLの”Refresh”でリダイレクト」同様、HTMLファイルに直接ついきしますので、ファイル数が多い場合には手間となります。 この方法はGoogleでは推奨されていないため(検索エンジンに効果的にページの引越しを伝えることができない)、SEOのことを考えるなら後述する301リダイレクトということになります。

location.href

<script type="text/javascript"><!--
   location.href = "http://xxxxxxx.xx";
// --></script>

「戻る」ボタンで戻れなくなります。

location.replace()

履歴の残らないlocation.replace()の方がいいです(こちらでは戻れる)。こちらの手法も古いURLにリダイレクト用のHTMLファイルを置いておかねばならないという点で、(1)に劣ります。 また、GoogleではJavaScriptによるリンクをクロールできないことを明示しています。

<script type="text/javascript">
location.replace('http://xxxxxxx.xx');
</script>

.htaccess で、302リダイレクト(一時的な転送)

「一時的な転送」の場合には302リダイレクトを使用します。なお、302リダイレクトではリンクの受け渡しが行われません。

RedirectTemp / http://xxxxxxx.xx

.htaccess で、301リダイレクト(恒久的な転送)

Redirect permanent / http://xxxxxxx.xx

サイト全体をリダイレクトする

Redirect permanent / http://xxxxxxx.xx

ディレクトリ単位をリダイレクトする

Redirect permanent /shop/ http://xxxxxxx.xx/japan/shopping/

ページ単体をリダイレクトする

Redirect permanent /shop/product.html http://xxxxxxx.xx/japan/shopping/product.html
WordPressでは、プラグイン「Redirection」で簡単に301リダイレクトをかけることができます。 以下の記事で紹介しています。

プラグイン「Redirection」でWordPress管理画面から簡単に301リダイレクトを設定【使い方】

このエントリーをはてなブックマークに追加

  |  Blog TOP   |