ブログ

htmlのmeta refreshを使ったリダイレクト設定

今さら聞けないリダイレクト基礎知識

リダイレクトとは

リダイレクトという言葉は「向きを変える)という意味で、主にホームページを移転した場合や特定のページのURLを変更した場合に、新しいURLへアクセスを転送する事を言います。
リダイレクトの方法としては、HTTPレスポンスによるもの、HTMLのmeta refreshによるもの、javascriptによるものがあります。
それぞれのリダイレクトの方法には特徴や注意点があります。順番に見ていきましょう。

HTTPによるリダイレクト

301リダイレクトや302リダイレクトなどで一般的に利用されている方法で、リダイレクトで最も良く使われるものです。
.htaccessやphpによって設定することが多いです。
こちらはサーバーサイドでリダイレクトを実行する為、サーバーの種類によっては利用できない場合があります。

htmlのmeta refreshによるリダイレクト

対象ページに専用のタグを埋め込むためhtmlによるリダイレクトと呼ばれることがあります。
設定時に転送するまでの秒数を指定する事ができます。
ただ、下記で詳しくご紹介致しますが、Googleはmeta refreshによるリダイレクトをサポートしているものの推奨してはいませんので、サーバーサイドでのリダイレクトができない場合に利用することがおすすめです。

javascriptによるリダイレクト

下記のようにjavascriptを使用してリダイレクトを実行する方法です。

location.href = “http://example.com”;

転送されるまでにjavascriptが実行される必要があるため、実行を許可していないユーザー(ブラウザ)では転送がされないため注意が必要です。Googleはjavascriptの実行ができるため転送はされるものの、こちらもサーバーサイドでのリダイレクトを実行できない場合に使用することがおすすめです。

リダイレクト方法の使い分け

基本的にリダイレクト(転送)はSEOを考慮するとまずはHTTPによるリダイレクトを検討することをおすすめします。
ただし、サーバー条件などでHTTPによるリダイレクトができない場合、転送方法はjavascript→htmlの優先順位で考慮するとよいでしょう。
ページ移転を行う場合、全く転送を行わないとSEO評価が失われてしまいますが、htmlによる転送であってもある程度評価を引き継ぐことが可能です。

meta refreshによるリダイレクト

HTMLファイルの<head>~</head>内に記述するタグを用いて転送させる方法です。
ページによっては、「本サイトは移転しました。5秒後にジャンプします」といった表示が出た後、自動的に転送されるのを見たことがあるかもしれません。
この転送は以下のようなタグで指定が可能です。

0秒後に指定URLへ転送を行う場合
<meta http-equiv=”refresh” content=”0;URL=’http://www.example.com/'” />
5秒後に指定URLへ転送を行う場合
<meta http-equiv=”refresh” content=”5;URL=’http://www.example.com/'” />

SEOの効果を期待するならば、転送までの時間は0秒を指定しておくことをお勧めします。

このように、meta refreshタグでのリダイレクトは、SEO効果を最大限に発揮できない可能性があるものの、移転先のURLをインデックスさせ、評価をある程度引き継ぐことが可能です。

『いまさら聞けないリダイレクト基礎知識』を無料でダウンロードする
リダイレクトの基礎と実践の2部構成資料を公開しておりますので、ぜひご活用下さい。
https://sakurasaku.satori.site/free-document/redirect/

◇この記事もおすすめ!
・SEO対策(検索エンジン最適化)とは?初心者にもわかりやすく解説します





■関連情報:サクラサクマーケティングのSEOコンサルティングサービス
中小・ベンチャー企業の売上をサポートするSEO対策低価格・高品質なSEOコンサルティング

無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー

監修者:笹本 雅人

記事一覧

SEOシニアコンサルタント

2013年株式会社ブレインネットに入社し、会社合併を経てサクラサクマーケティング株式会社に合流した後も現在に至るまでSEOコンサルタントとして大小問わず様々なクライアントの集客向上に貢献。

特にシステム開発がからむSEOを得意としているほか、自社メディアのブログの作成・監修を行い、数多くのキーワードで上位表示を達成している。



無料資料ダウンロード

サービス資料ダウンロード

用語集

ソースコード集

お役立ちリンク集

無料メルマガのご登録(無料)

SEOの最新情報を無料でお届けします!





プライバシーポリシー

お役立ちツール

カテゴリ一覧

タグクラウド

新着記事一覧

  1. ウェブマスターオフィスアワーまとめ(2019年11月6日)

    2019年11月6日にウェブマスターオフィスアワーが行われました。 Googleの金谷さんとあんなさんが発言した内容をまとめます。 今後のイベント 11/23 ウェブ解析士会議2019 in Osaka 11/25 We […]...

    1. サイトリニューアルで失敗しない為のSEOチェックポイント

      制作してから年月が経過したWebサイトでは、リニューアルを行うケースもあるかと思います。 メインとする目的は様々でしょうが、その際、検索流入を失いたくないというのはすべてのWeb担当者が持つ共通の思いでしょう。 この記事 […]...

      1. インスタグラムの公式な投稿埋め込み方法がSEOに不向きな理由

        ブログやWebサイトだけでなく、インスタグラムやtwitterなどのSNSを運営していて、ブログ上でSNSの紹介や、逆にSNS上でブログの紹介をされる方も多いかと思います。 ブログ上でSNS投稿を紹介する場合、投稿埋め込 […]...

おすすめコンテンツ

  1. SEO対策(検索エンジン最適化)とは?初心者にもわかりやすく解説します

    SEO対策とは「検索エンジン最適化」のことで、数あるWeb集客手法の中でも、検索エンジンからの成果を最大化することです。基本的にはユーザーや検索エンジンからより評価されるように、WebサイトやWebページの変更・改修を続 […]...

    1. コンテンツマーケティングとは?特徴と事例、社内でできる方法を解説します

      ここ数年で急激にコンテンツマーケティングという言葉を聞くようになりました。しかし、「興味があるがまだ着手できていない」という人や、「そもそもどんなコンテンツを作ればいいのかわからない」、「社内で運用しているが成果がでない […]...

      1. SEOに強いコンテンツは回答性×網羅性×文字数×ユーザー体験

        目次 SEOに強いコンテンツとは回答性網羅性文字数ユーザー体験[回答性×網羅性×文字数×ユーザー体験]を考慮したSEOに強いコンテンツ制作お問い合わせフォーム SEOに強いコンテンツとは 検索エンジンで上位表示をさせるた […]...

最新情報を取得する

PAGE TOP