web-dev-qa-db-ja.com

CSSドロップダウンメニューで作成されたブレッドクラムのSEOベストプラクティス

通常、ページの上部にある<h1>で「パンくずリスト」を作成します。これは次のようにSEOに最適です：<h1>Section > Category</h1>

しかし、新しいプロジェクトでは、次のような「ブレッドクラム」になるドロップダウンメニューも表示したいと思います（fiddle）：

<div class="rub">
<ul>
  <li><a href="/selected-section/">Selected section</a>
    <ul>
      <li><a href="/other-section/">Other section</a></li>
      <li><a href="/other-section/">Other section</a></li>
      <li><a href="/other-section/">Other section</a></li>
    </ul>
  </li>
</ul>
</div>
<>
<div class="rub">
<ul>
  <li><a href="/selected-cat/">Selected category</a>
    <ul>
      <li><a href="/other-cat/">Other cat</a></li>
      <li><a href="/other-cat/">Other cat</a></li>
      <li><a href="/other-cat/">Other cat</a></li>
      <li><a href="/other-cat/">Other cat</a></li>
    </ul>
  </li>
</ul>
</div>

URLは次のように書き換えられます：http://www.mydomain/selected-section/selected-cat/

Titleタグは次の値を取得します：<title>Selected section > Selected cat</title>

私の質問

検索エンジンはこのナビゲーションをどのようにインデックス付けしますか？

メニューで次のようなものでこのナビゲーションを宣言するのが良い方法ですか？

...
  <a href="/selected-section/"><h1>Selected section</h1></a>
...
  <a href="/selected-cat/"><h2>Selected category</h2></a>
...

他のアイデアやアドバイスをいただければ幸いです。

編集

解決策は、microdataタイプのbreadcrumbで、約 パンくずのマイクロデータ になります。

これがベストプラクティスかどうかを教えてください。

seomenubreadcrumbs
2
Valky

ナビゲーションリンクにH1を使用しないでください。通常、H1とH2はページの見出し用に予約する必要があります。

ただし、ULを使用し、パンくずリストのマイクロデータを使用すると、正しい軌道に乗ることができます。 microdataを適切に使用すると、Googleは実際に検索結果のページの下にナビゲーションを表示します。

したがって、質問に答えるには、ナビゲーションリンクのUL構造に固執し、はい、ブレッドクラムマイクロデータを使用します。

1
nathangiesbrecht