404 not found(404エラー)とは？｜５分でわかる原因と解決方法・効果的な404エラーページの作り方とは？
SEO対策
2020.10.05
2020.10.20
五十嵐 和希
SEO SOLUTION
meta refreshって何？リダイレクトと何が違うの？
大手広告主企業での広告宣伝部、総合広告代理店でのプロモーション部を経験し、PLAN-Bへ入社。
企業のオウンドメディア立ち上げ支援や自社開発DMP「Juicer」のマーケティング責任者を担う。
現在は自社開発プロダクト「SEARCHWRITE」のプロダクトオーナーとしてPMFに向けた活動を担当している。Twitterを見る
- 目次
ネットサーフィンを行っていると、特定のサイトを訪れた際に別アドレスのサイトに飛ばされた経験はありませんか？
これはサイト内にリダイレクト処理がされており、サイトを訪れたユーザーを指定のサイトに飛ばすように設定されているからです。 これにはいくつかの方法があるのですが、今回は一番お手軽に設定できる「meta refresh」についてご紹介いたします。
具体的な設置方法や、知っておくべき注意点についても詳しく解説していますので、ぜひ参考にしてください。
meta refreshとは？設定する効果は？
meta refreshはHTMLのタグの一種で、サイト内に設置すると訪れたユーザーを指定したサイトに飛ばすことができます。
使う場面としてはサイトのドメインやページのアドレスを変更したときや、サイトをhttps化したときなどが挙げられます。また 旧サイトに訪れた人に対して「アドレスが変わったよ！」といったことを知らせる代わりになります。
なんらかの理由で公開時のアドレスと異なる記事へ移転や変更などした際、そのままにしておくと元のアドレスでエラーが表示されたり、古い記事が表示されたりしてしまいます。これでは知らずに訪れたユーザーに対して不親切です。
そうしたことが起こらないよう、元のアドレスにアクセスしてきたユーザーを適切なURLへと自動で転送してあげるのがこのmeta refreshの役割です。
リダイレクトさせるまでの秒数を任意で指定できるため、既存ページにお断りの文章などを掲載してリダイレクトされることや理由などを伝えることも可能。ユーザーを混乱させることなく、リダイレクトさせられるといった効果もあります。
meta refreshの設置方法
自身のサイトをhttps化させる人などがこれから増えてくると思うので、meta refreshの設置方法をお教えいたします。
数あるリダイレクト方法の中でも一番簡単でお手軽に設置することが可能です。
meta refreshの書き方
meta refreshは以下のようなHTMLタグとして自身のサイトのソース内に記述します。
|
1 |
<meta http-equiv="refresh" content="秒数;URL=URL"> |
「秒数」の部分ではサイトを訪れた人が何秒後に飛んでもらうか、数値で指定できます。 半角数字で「30」と入力すれば、ユーザーがサイトに訪れてから30秒後に指定したURLへ飛ばすことができるのです。
「URL」のところに飛ばす先のURLを入れてあげれば、指定の秒数の後に、書かれたURLへ自動で飛ばしてくれます。それぞれ任意の数字とURLを入れましょう。
例
|
1 |
<meta http-equiv="refresh" content="30;URL=https://www.sample.com"> |
上記例の場合、ユーザーがサイトに訪れてから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へリダイレクトさせられないケースもあります。
それでは、どうすればいいのかご説明いたします。
基本は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対策の全てを紹介！
SEOの内部対策についてはこちらもチェック：SEO内部対策を徹底解説！
DOWNLOAD
この記事に関連する資料はこちら
今から始めるSEO
知っておきたい用語集からSEOの基本的な考え方、Goolgeが提唱する良いウェブページの定義など、全50ページに及び徹底解説をしています。今からSEOを始める方も、今の施策に疑問を感じている方も、まずはこちらをご覧ください。
フォームに必要事項をご記入していただくと、
無料で資料ダウンロードが可能です。
お名前
資料ダウンロード
ありがとうございました。
資料のダウンロードが可能になりました。
下記のボタンより、資料をご確認ください。
【2020年最新版】Googleサーチコンソールの登録方法と基本操作【画像付きで解説】
SEO対策
2020.10.15
【初心者必見】検索ボリュームをツールを駆使して解析しよう！
SEO対策
2020.09.16
https化（常時SSL化）とは？メリットや導入方法を画像付きで詳しく紹介【Xサーバー・ロリポップ編】
SEO対策
2020.09.10
メタディスクリプションとは？クリック率を上げる効果的な文字数や書き方、設定方法のすべて
SEO対策
2020.10.01
誰でも簡単に使える！サイトの「リンク切れチェックツール」５選
SEO対策
2020.09.10
サジェストとは？どのように活用する？徹底解説|SEOに生かそう
SEO対策
2020.10.01
5分で分かるcanonicalタグとは？URL正規化を知らないと評価が落ちる
SEO対策
2020.09.17
