HTMLだけでメタページリダイレクトを設定する方法

別のウェブサイトへのリダイレクトを設定したい場合、ウェブサーバーにルーティングルールを設定したり、JavaScriptをいじったりする必要はありません。HTMLにはリダイレクトツールが組み込まれています。

meta

タグについて、いつどのように使うかを話しましょう。

JavaScriptや fancyルーティングルールは必要ありません。

もちろん、より良いものを設定する能力があるなら、それを設定すべきです。サイトが実行されているWebサーバーへの完全なアクセス権がある場合、301リダイレクトまたは302リダイレクトを設定するのが理想的です。また、リソースが同じサーバー上にある場合は、ユーザーに影響を与えないようにURLリライトを設定することができます。Apacheを使用した共有ホスティングでも301リダイレクトを処理できます。

.htaccess

構成ファイル。

しかし、現実の世界は常に美しいわけではなく、時にはすべてのユーザーを別の場所にリダイレクトするHTMLページを展開する必要があります。通常、これは適切なものを使用できない場合に最も便利です。

.htaccess

特定のコンテンツ管理システムが上書きするようなファイル。

これはまだ素晴らしい解決策ではありません---これはSEOにとって良くなく、クライアント側のリダイレクトであるため、この種のリダイレクトはリダイレクトが始まるのを待っている間、ユーザー側に白い画面を表示します。それでも設定したい場合は、HTMLにはいくつかのツールが組み込まれています。

HTMLメタリフレッシュリダイレクトを使用すると、ユーザーを新しいページに送信できます。次の内容だけを含むHTMLファイルを作成し、example.comをあなたのURLに置き換えてください:

<meta http-equiv="refresh" content="0; URL=https://www.example.com/" />

その前のゼロは、このリダイレクトが瞬時に行われることを意味しており、理想的であると思われます。ただし、代わりに「5秒以内にリダイレクトされない場合はここをクリックしてください」という煩わしいメッセージを表示したい場合は、それも可能です。ユーザーが利用できる2つ目のリンクを追加してください。

<head>


 <meta http-equiv="refresh" content="5; URL=https://www.example.com/" />

</head>

<body>

 <p>If you are not redirected in five seconds, <a href="https://www.example.com/">click here</a>.</p>

</body>

しかし、HTTPメタリフレッシュリダイレクトはすべてのブラウザでサポートされているため、ほとんど常にユーザーを即座にリダイレクトする方が良いです。