web-dev-qa-db-ja.com

<select>ナビゲーション検索エンジンを使いやすくする方法は？

selectによってルーティングされるHTMLページのナビゲーションの一部があります。

<select id="archive" name="archive">
 <option value="">Select an option</option>
 <option value="1">001</option>
 <option value="2">002</option>
 <option value="3">003</option>
</select>

デザインを変更することはできませんが、jQueryによるselect変更で生成されたURLに検索エンジンがナビゲートできないことは確かです。

これで問題は解決しますか？

<select id="archive" name="archive">
 <option value="">Select an option</option>
 <option value="1"><a href="http://mylink.com/01">001</a></option>
 <option value="2"><a href="http://mylink.com/02">002</a></option>
 <option value="3"><a href="http://mylink.com/03">003</a></option>
</select>

ウェブサイトに動的なサイトマップはありません。

seohtmljavascriptnavigation
1
al404IT

Googleがこのナビゲーションの「パターン」に既に対応できていても、最近はJavaScriptの処理が「普通」であり、Googleが「上手」であるため、驚かないでしょう。

ただし、これらのform要素が実際に特定のformを持つaction内に含まれていることを確認すると、これは（ユーザーと検索エンジンボットの両方に対して）よりアクセスしやすくなります。およびsubmitボタン（まだこれを行っていない場合）。これらの追加のフォーム要素はすべて、ページの初期化時にJavaScriptでオーバーライド/非表示にできます。

ウェブサイトに動的なサイトマップはありません。

これは確かに、サイトマップ（XMLまたはHTML、あるいはその両方）が有益な1つの例です。

これらのURLが他の場所からリンクされていることを確認することもお勧めします。

<option value="1"><a href="http://mylink.com/01">001</a></option>

これは良い考えのようには見えません。これは有効なHTMLですか？また、有効なHTMLでない場合、ブラウザの動作が不安定になり、より多くの問題が発生する可能性があります。

2
DocRoot