リダイレクト

リダイレクトとは?サイトの転送方法。

Webサイトを長く運営していると、サイトの引越しや、ドメインの移転、旧URLの情報変更についての問題を抱えていると思います。
旧URLの情報やGoogleの評価をそのまま新しいURLに引き継ぐためには、リダイレクトが必要です。
リダイレクトしないと以前までにしておくとサイト情報がなくなり、せっかく上位に表示されていてもGoogleの評価はエラー状態となり、検索順位も当然落ちてしまいます。

目次

◎リダイレクトとは

◎リダイレクトの種類について

◎リダイレクトの設定方法

リダイレクトとは

あるページから別のページに転送することや、表示したいページに変換することを言います。

リダイレクトの設定が必要になるのは

1.サイト全体の引っ越し及び移転
 ドメインを変更し、サイト自体を引っ越す場合

2.サイトのリニューアル
 同じドメインでも、各ファイル名に変更がある場合

3.ディレクトリ転送
 ディレクトリ単位での移動をおこなう場合

4.ページの転送
 Aページ01を、Bページ01に転送する場合

以上のように、一般的に使われるリダイレクトは、上記4つの場合に設定します。また、「301リダイレクト」と「302リダイレクト」があり、

その違いは、

「301リダイレクトは、旧ページから転送し続ける場合」

一度設定するだけで、常に旧ページの評価が引き継がれることになります。

例えば、コンテンツ内容がほぼ一緒ではありますがドメインに「www」が付いているものと付いていないものの2つのページが存在するとします。

https://www.hp-beginner.net/ (wwwあり)
https://hp-beginner.net/ (wwwなし)
※上記サンプルは当サイトのURL

この場合、検索エンジンは「URL」が違うため、別のページとして扱われます。すると同じコンテンツなのにもかかわらず、検索エンジンからの評価は2つに分散されてしまうのです。

評価が分散されてしまうと、上位表示されにくくなるリスクがあります。

301リダイレクトを設定しておけば、旧ページから情報やGoogle評価を転送し続けてくれるので常に以前の状態を保ちながら、評価を1ページに集中させることが可能です。

「302リダイレクトは、旧ページから一時的に転送する場合」

ただページを転送するだけなので、旧ページの情報やGoogle評価をそのまま引き継ぐわけではありません。

どちらのリダイレクトを選択するか迷った場合は、301リダイレクトを使いましょう。

リダイレクトの種類について

1.htaccessを使ったリダイレクト
2.PHPを使ったリダイレクト
3.JavaScriptを使ったリダイレクト

以上のようにの3種類があり、同じリダイレクトなのですが、設定方法が異なります。まず、最初は.htaccessを使ったリダイレクトの設定方法から順番に見ていきましょう。

リダイレクトの設定方法

1.htaccessを使ったリダイレクト

htaccessを使ったリダイレクトは、一般的によく利用される方法で、SEOにおいて最も推奨されたリダイレクトで、テキストエディタを使い、「htaccess.txt」ファイルを作成します。

作成した「htaccess.txt」ファイルを、URLの移行(リダイレクトの仕方)に合わせた記述をおこないサーバーにアップロードします。

htaccessを使ったリダイレクトの設定方法

htaccessを使ったリダイレクトには利用条件として、レンタルサーバーに以下の条件が整っている必要があります。

レンタルサーバーが「Apache」が利用できる
レンタルサーバーで「.htaccess」ファイルが利用できる

利用条件をクリアしているレンタルサーバーは、

「エックスサーバー」

 エックスサーバーは、サーバーパネルから簡単に、指定のURLへリダイレクト設定が可能です。詳しくはこちら

「さくらのレンタルサーバ」


さくらもレンタルサーバは、新コントロールパネルから簡単に、指定のURLへリダイレクト設定が可能です。詳しくはこちら

「ロリポップ!レンタルサーバー」


「お名前.comレンタルサーバー」

 など

htaccessを使ったリダイレクトの設定方法

手順1:テキストエディタを使ってhtaccessファイルを作成
手順2:「.htaccess」ファイルに以下のコードを入力

◎https://hp-beginner.net/old-page/をhttps://hp-beginner.net/new-page/にリダイレクトする場合

RewriteEngine on
RewriteRule ^old-page$ https://hp-beginner.net/new-page [L,R=301]

※Lは「ラストのL」の意味で、R=301は「301リダイレクト」という指示。

※R=301の指定がないと「302リダイレクト」になるので注意が必要。

◎ディレクトリ単位でリダイレクトしたい場合

RewriteEngine on
RewriteRule ^旧フォルダー名(.*)$ 新フォルダー名$1 [R=301,L]

◎httpからhttpsへのリダイレクト

RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://hp-beginner.net/$1 [R=301,L]

※「旧フォルダー名」ディレクトリにアクセスがあった場合、「新フォルダー名」ディレクトリに転送するといった指示となっています。

手順3:ファイルをアップロードする
手順2で入力して保存した「.htaccess」ファイルをFTPソフトを使って、サーバー上にアップロードをします。

また、.htaccessの有効範囲は、アップロードしたディレクトリとそのサブディレクトリ(子階層)です。

2.PHPを使ったリダイレクト

PHPを使ったリダイレクトは、htmlファイルの先頭にPHPを記述することでリダイレクトする方法です。

この方法は、htaccessファイルの記述では条件分岐が複雑になってしまうときに推奨されています。

PHPを使ったリダイレクトの設定方法

「sample1.php」から「sample2.php」に転送するリダイレクトとします。
この場合のコードは以下の通りです。

<!--?php &lt;br ?--> http_response_code( 301 ) ;
header( "Location: ./sample2.php" ) ;
exit ;

3.JavaScriptを使ったリダイレクト

JavaScriptを使ったリダイレクトは、リダイレクト元のページ内の「scriptタグ」にリダイレクト用の「Javascript」を記述してリダイレクトをおこなう方法です。

Javascriptの「location.hrefプロパティ」にURLを設定する必要があります。

実際に、JavaScriptを使ったリダイレクトの設定方法を見ていきましょう。

JavaScriptを使ったリダイレクトの設定方法

JavaScriptを使ったリダイレクトのコードは以下の通り。

&lt;html lang="ja"&gt;
&lt;head&gt;
&lt;meta charset="uft-8"&gt;
&lt;script&gt;
setTimeout("location.href='https://hp-beginner.net/test-page.html'",1000*5);
&lt;/script&gt;
&lt;title&gt;ドメインの例&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;リダイレクト&lt;/h1&gt;
&lt;p>本サイトは移転しました。5秒後にジャンプします。&lt;br&gt;
ジャンプしない場合は、以下のURLをクリックしてください。&lt;/p&gt;
&lt;p&gt;&lt;a href="https://hp-beginner.net/test-page.html"&gt;移転先のページ&lt;/a&gt;&lt;/p&gt;
&lt;/body&gt;

ヘッダーのscriptタグ内(「setTimeout〜」の部分)でリダイレクトさせるページの「”https://hp-beginner.net/test-page.html”」を指定します。

この場合「redirect.html」をクリックすると5秒後に「https://hp-beginner.net/test-page.html」へリダイレクトされます。

また、移転先のリンクをページに表示させているので、ユーザーは5秒待つことなく新しいリダイレクト先ページを見ることが可能です。

以上となります。

関連記事

  1. HTMLとWordPressの違いは?それぞれの特徴とメリット・デメリ…

  2. ムームードメイン、ドメイン取得と管理に便利な機能

  3. 【重要】SSHにおける国外IPアドレスからのアクセス制限実施のお知らせ…

  4. アクセスが集中しても大丈夫?さくらの新機能コンテンツブースト

  5. エックスサーバー。利用可能なデータベース数が無制限に!

  6. CMS「Movable type 4.0以上」における緊急性の高い脆弱…

レンタルサーバー記事一覧

PAGE TOP

カラーミーショップ

カラーミーショップとは

SSLサーバー

SSLサーバー無料証明書と有料証明書の違い

ドメイン

サブドメインって何?ドメインとの違い&使い方を解説!

法人向けレンタルサーバー

定額ホームページ制作についてのメリット、デメリット

WordPress

HTMLとWordPressの違いは?それぞれの特徴とメリット・デメリット