HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLページからリダイレクトする方法を解説！metaタグの使い方

ページリダイレクトとは？

ページリダイレクトとは、あるURLをクリックしてページXにアクセスしたにもかかわらず、内部的に別のページYへ自動的に転送される仕組みのことです。サイトの移転やURLの変更、メンテナンス中の一時的な誘導など、さまざまな場面で活用されています。

HTMLページでリダイレクトする基本：METAタグを使う

HTMLページから別のページへリダイレクトさせるには、<meta>タグを使用します。<head>内に記述したmetaタグのhttp-equiv属性でHTTPヘッダーに相当する値を指定し、content属性で転送までの待機秒数と転送先URLを設定します。

  • http-equiv属性： 「refresh」を指定することで、ページの再読み込み・転送を指示します。
  • content属性： 何秒後にリダイレクトするかを数値で指定します。「url=」に続けて転送先のURLを記述します。

ページを即座に切り替えたい場合は、content属性の秒数を「0」に設定すれば、読み込みと同時にリダイレクトが実行されます。

リダイレクトのコード例

以下は、現在のページを指定した秒数後に別のページへ転送するサンプルコードです。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Meta Tag</title>
      <meta http-equiv = "refresh" content = "2; url = https://www.tutorialspoint.com" />
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

この例では content="2" と設定しているため、ページ表示から2秒後に tutorialspoint.com へ転送されます。この数値を「0」に変更すれば、即時にリダイレクトさせることが可能です。

注意点：SEOを考慮したリダイレクトの使い分け

metaタグによるリダイレクトは手軽な一方、検索エンジンの評価を引き継ぎにくいという側面があります。恒久的なサイト移転の場合は、サーバー側で301リダイレクトを設定する方がSEOの観点から推奨されます。meta refreshは、一時的な案内ページやJavaScriptが使えない環境での簡易的な転送に適しています。

  1. Webページを別のURLへ自動的にリダイレクトする方法【metaタグの使い方】

    ページリダイレクトとは、あるURL（ページX）にアクセスしたのに、実際には内部で別のページYへ転送されてしまう現象のことです。これは「ページリダイレクト」によって発生します。HTMLページから別のURLへリダイレクトさせるには、METAタグを使用します。このとき、http-equiv属性を使ってcontent属性の値に対するHTTPヘッダーを指定します。content属性の値は、何秒後にリダイレクトを実行するかを示す秒数です。また、新しいURLへ即座にジャンプさせたい場合は、content属性の値を0に設定してください。記述例以下は、現在開いているページを3秒後に別のウェブサイトへ自動的にリダ

  2. METAタグで実現！訪問者を新しいホームページへ自動リダイレクトする方法

    ページリダイレクトとはページリダイレクトとは、あるURLをクリックしてページXにアクセスしたつもりでも、内部的には別のページYへ誘導されている状態を指します。サイトの移転やドメイン変更、URL構造の見直しなどを行った際に、旧URLへのアクセスを新URLへ自然に案内するために広く使われている仕組みです。METAタグで自動リダイレクトを実現するHTMLページからリダイレクトを行うには、<meta>タグを使用します。http-equiv属性に「refresh」を指定し、content属性の値としてHTTPヘッダー情報を与えます。content属性に設定する値は秒数です。ここで指定した秒数