JavaScriptが無効なときも正常に動作させる

説明補足説明コード分割コードコメント投稿

このサンプルは、ドロップダウンリストからサイトを選択して移動することができます。JavaScriptが有効なときは、ドロップダウンリストにサイト名が表示されますので、サイトを選択したら[Go!]ボタンをクリックして移動します。

JavaScriptが無効なときは、ドロップダウンリストの代わりにフラットなリンクを表示します。

検索エンジンのロボット(クローラー)が訪問したときは、JavaScriptを認識しませんのでフラットなリンクが表示されます。これで、サイトのリンクが正常にインデックス化されるようになります。

JavaScriptを無効にした状態でサンプルを実行するには、「このサンプルを編集して試してみる」をクリックして新規ウィンドウを開いてからブラウザのJavaScriptを無効にします。

このサンプルは、ドロップダウンリストからサイトを選択して移動することができます。JavaScriptが有効なときは、ドロップダウンリストにサイト名が表示されますので、サイトを選択したら[Go!]ボタンをクリックして移動します。

JavaScriptが無効なときは、ドロップダウンリストの代わりにフラットなリンクを表示します。

検索エンジンのロボット(クローラー)が訪問したときは、JavaScriptを認識しませんのでフラットなリンクが表示されます。これで、サイトのリンクが正常にインデックス化されるようになります。

JavaScriptを無効にした状態でサンプルを実行するには、「このサンプルを編集して試してみる」をクリックして新規ウィンドウを開いてからブラウザのJavaScriptを無効にします。

検索エンジンのロボットを考慮しないときは、OPTIONタグのvalue属性にURLが設定されているためリンクが正常に認識されません。

<select id="Select1">
  <option value="http://www.google.co.jp/">Google</option>
  <option value="http://www.yahoo.co.jp/">Yahoo!</option>
  <option value="http://www.msn.co.jp/">MSN</option>  
</select>