PINTO!株式会社PLAN-Bの情報発信メディア

2020.10.20

五十嵐 和希

SEO SOLUTION

meta refreshって何?リダイレクトと何が違うの?

WRITER

五十嵐 和希

株式会社PLAN-B システム開発本部 PDMチーム

大手広告主企業での広告宣伝部、総合広告代理店でのプロモーション部を経験し、PLAN-Bへ入社。
企業のオウンドメディア立ち上げ支援や自社開発DMP「Juicer」のマーケティング責任者を担う。
現在は自社開発プロダクト「SEARCHWRITE」のプロダクトオーナーとしてPMFに向けた活動を担当している。Twitterを見る

目次
    1. meta refreshとは?設定する効果は?
    2. meta refreshの設置方法
      1. meta refreshの書き方
      2. meta refreshを書く場所
      3. meta refreshでリダイレクトされているかチェックするツール
    3. meta refresh設置時に注意すべき点
      1. 基本は301/302を利用する
      2. 301/302が使えない最悪なケースのみ利用と覚えておく
    4. まとめ:meta refreshを利用してリダイレクト

ネットサーフィンを行っていると、特定のサイトを訪れた際に別アドレスのサイトに飛ばされた経験はありませんか?

これはサイト内にリダイレクト処理がされており、サイトを訪れたユーザーを指定のサイトに飛ばすように設定されているからです。 これにはいくつかの方法があるのですが、今回は一番お手軽に設定できる「meta refresh」についてご紹介いたします。

具体的な設置方法や、知っておくべき注意点についても詳しく解説していますので、ぜひ参考にしてください。

SEOについて基本からしっかり知りたい方はこちら!


meta refreshとは?設定する効果は?

meta refreshはHTMLのタグの一種で、サイト内に設置すると訪れたユーザーを指定したサイトに飛ばすことができます。

使う場面としてはサイトのドメインやページのアドレスを変更したときや、サイトをhttps化したときなどが挙げられます。また 旧サイトに訪れた人に対して「アドレスが変わったよ!」といったことを知らせる代わりになります。

なんらかの理由で公開時のアドレスと異なる記事へ移転や変更などした際、そのままにしておくと元のアドレスでエラーが表示されたり、古い記事が表示されたりしてしまいます。これでは知らずに訪れたユーザーに対して不親切です。

そうしたことが起こらないよう、元のアドレスにアクセスしてきたユーザーを適切なURLへと自動で転送してあげるのがこのmeta refreshの役割です。

リダイレクトさせるまでの秒数を任意で指定できるため、既存ページにお断りの文章などを掲載してリダイレクトされることや理由などを伝えることも可能。ユーザーを混乱させることなく、リダイレクトさせられるといった効果もあります。

meta refreshの効果


meta refreshの設置方法

自身のサイトをhttps化させる人などがこれから増えてくると思うので、meta refreshの設置方法をお教えいたします。

数あるリダイレクト方法の中でも一番簡単でお手軽に設置することが可能です。  

meta refreshの書き方

meta refreshは以下のようなHTMLタグとして自身のサイトのソース内に記述します。

「秒数」の部分ではサイトを訪れた人が何秒後に飛んでもらうか、数値で指定できます。 半角数字で「30」と入力すれば、ユーザーがサイトに訪れてから30秒後に指定したURLへ飛ばすことができるのです。

「URL」のところに飛ばす先のURLを入れてあげれば、指定の秒数の後に、書かれたURLへ自動で飛ばしてくれます。それぞれ任意の数字とURLを入れましょう。

上記例の場合、ユーザーがサイトに訪れてから30秒経つと「https://www.sample.com」のアドレスに自動で飛ばされます。

自動で飛ばされなかった場合を考えて、飛ばす前のサイトには飛ばす先へのリンクを設置しておくと親切ですね。

meta refreshを書く場所

meta refreshはHTMLタグの中でも、metaタグと呼ばれるものになります。

metaタグは通常のHTMLとは違い、bodyタグの中ではなくheadタグの中に表記しなければ実行されないタグです。 なので、meta refreshはheadタグ内に記述する必要があります。

<head>~</head>で囲まれた場所ならどこでも構いません。自身が把握しやすい場所に記述してください。

不慣れなうちは、</head>の直前などに表記すると、チェックの際にもわかりやすくておすすめです。

meta refreshでリダイレクトされているかチェックするツール

meta refreshを設置したページが無事にリダイレクトされているかは、アドレスバーに元のURLを入力することで簡単に確認ができます。

とはいえ実際にサイトにmeta refreshを設置してみて、指定した秒数後に指定したサイトへ移動されることを確認しても、本当にちゃんと処理されているのか不安に思う人も多いでしょう。

そんなときに便利なのが、実際にちゃんとしたステータスコードでリダイレクトが行われているかどうか、安全にチェックしてくれるウェブツールです。

どれも普段使用しているブラウザなどに標準で搭載されているツールで、「開発者ツール」や「デベロッパーツール」と呼ばれているものです。

たとえばGoogle Chromeの「デベロッパーツール」では、「Network」というタブで無事にリダイレクトされているかを確認できます。

  • Windowsの場合「F12」キーを押す(Macなら「Command+Option+I」)
  • 上のタブの「Network」をクリック
  • 二段目「Preserve log」のチェックを入れる
  • アドレスバーにテストをしたい移転元のURLを入力
  • ログをチェックする
  • ステータス欄で確認(404が表記されていなければ大丈夫です)

Google Chromでは、「Redirect Path」といった便利な拡張機能もあるので、転送したURLが多い場合などには活用してみるのもおすすめです。

単純にmetaタグが正しく挿入されているかチェックしたい場合には、デベロッパーツールの「Elements」タブでソースが確認できますので、<head>~</head>内を確認すればOKです。


meta refresh設置時に注意すべき点

meta refreshを使う際に注意すべき点があります。

それはmeta refreshによるリダイレクトを行っても、移行前のサイトが持っているSEO効果を移行先のサイトに引き継ぎさせることができないということです。

Google側はmeta refreshによるリダイレクトを奨励していないため、meta refreshで新サイトへのリダイレクトはできるもののSEO効果を移すことはできないのです。

また一部のブラウザではサポートされないため、ブラウザによっては指定したURLへリダイレクトさせられないケースもあります。

それでは、どうすればいいのかご説明いたします。

meta refresh設置時の注意点

基本は301/302を利用する

リダイレクトを行いたいサイトの状況やリダイレクトの目的によって少し変わりますが、基本的には301/302リダイレクトを行ってください。

301と302の違いは、301が永久的なリダイレクトで、302は一時的なリダイレクトといった点だけです。 301・302リダイレクトいずれも、Google側が奨励しているリダイレクト方法であるため、移行前のサイトが持っているSEOの評価を移動先のサイトに移すことが可能です。

また301・302リダイレクトの場合、移転元のページを残しておかなくても、転送できるといったメリットもあります。

ただしmeta refreshのように、転送されるまでの秒数を指定ができません。対策として301・302リダイレクトをかける際には、移転先にURLが変更となった旨を記載しておくと良いでしょう。

301/302が使えない最悪なケースのみ利用と覚えておく

「301/302リダイレクトを使えばいいのならば、今回紹介したmeta refreshってムダじゃない?」と考えた人も多いかと思います。

実は301/302リダイレクトを行うには条件があります。

301/302リダイレクトはmeta refreshのようなHTMLタグで行うものではなく、サーバー側に直接指示を出すことができる「.htaccess」というファイルに記述しないといけません。

ですが、サイトを設置しているサーバーの仕様によってはこの「.htaccess」ファイルを設置できないことがあります。

そういった場合にのみ0秒設定のmeta refresh&rel=”canonical”タグを利用し、301に近い効果を持たせられるように対策を行いましょう(SEO評価の引き継ぎを保証できるものではありません)。

meta refreshは301/302リダイレクトが使えない最悪のケースのみ、一時的に利用できるものだと覚えておいてください。


まとめ:meta refreshを利用してリダイレクト

meta refreshはサイトを訪れたユーザーを指定したURLへ移動させるHTMLタグです。

HTMLタグ内のmetaタグといったものなので、headタグ内で記述することで効果が発揮されます。 meta refreshを設置した場合はきちんとしたリダイレクトが行われているかどうかチェックできるツールがあるので、設置後はチェックするようにしましょう。

SEOをもっと学びたい方はこちらもチェック:SEO対策の全てを紹介!
S
EOの内部対策についてはこちらもチェック:SEO内部対策を徹底解説!

SEARCH WRITE