jQueryリダイレクト

jQueryを使用してページをURLにリダイレクトする方法。

検索エンジンは301ステータスコードを使用して、ページランクを古いURLから新しいURLに転送します。

jQueryリダイレクションはhttp応答ステータスコードを返します:200OK。

そのため、JavascriptリダイレクトのようなjQueryリダイレクトは検索エンジンに対応しておらず、301 MovedPermanentlyのステータスコードを返す他のリダイレクトメソッドを使用することをお勧めします。

jQueryリダイレクションは実際にはJavascriptリダイレクションです。jQueryを使用したリダイレクトは、より少ないコードで純粋なJavascriptリダイレクトを実行できるため、やり過ぎと見なされます。

jQueryリダイレクト

古いページを、リダイレクト先のページのURLを含むリダイレクトコードに置き換えます。

old-page.html:

<!DOCTYPE html/
<html/
<body/
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"/</script/
<script type="text/javascript"/
   // jQuery URL redirection
   $(document).ready( function() {
      url = "http://www.mydomain.com/new-page.html";
      $( location ).attr("href", url);
   });
</script/
</body/
</html/

jQueryリダイレクトの例

jquery-redirect-test.htm

<!DOCTYPE html/
<html>
<body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
   $(document).ready( function() {
      url = "https://www.rapidtables.org/web/dev/jquery-redirect.htm";
      $(location).attr("href", url);
   });
</script>
</body>
</html>

 

このリンクを押して、jquery-redirect-test.htmからこのページにリダイレクトします。

 

jQueryリダイレクトテスト

 

 

Javascriptリダイレクト►

 


も参照してください

Advertising

ウェブ開発
迅速なテーブル