メインナビゲーションとしてJQueryタブを使用する

Question

JQueryテーマを継承し、新しいページにリダイレクト（HTTP GET）することを目標とするJQuery UIタブが目標です。

私は次のコードを使用して90％ですが、ターゲットURLをアンカーTITLEに配置することが妥協されています（タブウィジェットはHREFがローカルページセレクタであることを期待しています）。

これはうまくいきますが、SEOの目的では、HREFを実際のURLにして検索エンジンが検索してインデックスを作成するようにしたいと思います。

思考？

<script> 
$(function() { 
    $("#tabs").tabs(); 
    $(".nav-link") 
     .click(function() { 
      window.location = this.title; 
     }); 
}); 
</script> 

<div id="tabs"> 
<ul> 
    <li><a href="#tabs-1" title="home.html" class="nav-link">Home</a></li> 
    <li><a href="#tabs-2" title="contact.html" class="nav-link">Contact Us</a></li> 
</ul> 
<div id="tabs-1"></div> 
<div id="tabs-2"></div> 
</div> 

Answer 1

あなたが特定のHTML構造に従っていることを確認した場合、あなたは何かなどを行うことができ、

<div id="tabs"> 
<ul> 
     <li><a href="home.html">Home</a></li> 
     <li><a href="contact.html">Contact Us</a></li> 
</ul> 
<!-- Make sure that your DIVs are called 'tabs-0', 'tabs-1' etc. 'tabs-0' will be referred by first link, tabs-1 will be referred by second link, so on and so forth. --> 
<div id="tabs-0"></div> 
<div id="tabs-1"></div> 
</div> 

あなたのHTMLの構造は次のようになります場合は、あなたが行うことができます：

今

<script> 
$(function() { 

     var tabId = '#tabs'; 
     $(tabId + ' a').each(
      function(index, val) 
      { 
       $(this).attr('href', tabId + '-' + index); 
      } 
     ); 

     $("#tabs").tabs(); 
}); 
</script> 

を検索エンジンには、ユーザーがあなたの通常のタブ動作を参照するリンクが表示されます。

Answer 2

なぜこれがjqueryによって行われなければならないのか混乱しています。あなたがHttp Getリダイレクトをしたいだけなら、それは何のために設計されたのでしょうか。