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

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

ページリダイレクトとは

ページリダイレクトとは、あるURLをクリックしてページXにアクセスしたつもりでも、内部的には別のページYへ誘導されている状態を指します。サイトの移転やドメイン変更、URL構造の見直しなどを行った際に、旧URLへのアクセスを新URLへ自然に案内するために広く使われている仕組みです。

METAタグで自動リダイレクトを実現する

HTMLページからリダイレクトを行うには、<meta>タグを使用します。http-equiv属性に「refresh」を指定し、content属性の値としてHTTPヘッダー情報を与えます。

content属性に設定する値は秒数です。ここで指定した秒数が経過すると、ページが自動的に別のURLへ切り替わります。この仕組みを利用すれば、訪問者を新しいホームページへ自動的に誘導できます。すぐにリダイレクトさせたい場合は、content属性を0に設定しましょう。

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

リダイレクトのコード例

以下は、現在のページから別のページへ2秒後にリダイレクトさせるサンプルコードです。

<!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>

補足：SEOを考慮したリダイレクトのポイント

METAタグによるリダイレクトは手軽に実装できる一方、検索エンジンからの評価を確実に引き継ぎたい場合は、サーバー側で301リダイレクト（恒久的な転送）を設定するのが望ましいとされています。METAリフレッシュはあくまで簡易的な転送手段として、用途に応じて使い分けることをおすすめします。

  1. XfinityをGoogle Chromeのホームページ・起動ページに設定する方法

    ホームページとは、Chromeブラウザの「ホーム」ボタンをクリックしたときに表示されるページのことです。一方、スタートアップページ（起動ページ）は、パソコンでChromeを起動したときや、新しいタブを開いたときに最初に表示されるページを指します。Xfinityを頻繁に利用している方は、それをホームページやスタートアップページ（あるいはその両方）に設定しておくと便利です。任意のWebページをホームページやスタートアップページとして登録できるため、よく使うサイトへ素早くアクセスできます。このガイドでは、Xfinityをホームページおよびスタートアップページとして設定する具体的な手順を解説します。G

  2. Microsoft Edge Insiderの新しいタブページをカスタマイズする方法

    Microsoft Edge Insiderでは、新しいタブページを自分好みにカスタマイズできる多彩なオプションが用意されています。デフォルト設定では、Bingの「今日の一枚」が背景に表示され、あわせてニュースの見出しも確認できます。しかし、情報が多すぎると感じる場合は、Edgeの設定から表示内容を細かく調整することが可能です。 初期状態の新しいタブページ ブラウザをインストールした直後の新しいタブページは、上のスクリーンショットのような外観になっています。Bingの「今日の一枚」の上に検索バーとクイックアクセスリンクが重ねて表示され、画面下部にある半透明のボタンからMicrosoft Ne