5

要素を使用しulてパンくずリストをフォーマットする場合 (より良い Google 検索結果を目指して)、RDFa マークアップをどのように定義しますか? 私が尋ねている理由は、li要素がお互いの兄弟であり、子供ではないからです. 私は次のようなことをしています:

<div class="dv_breadcrumbs">
  <ul xmlns:v="http://rdf.data-vocabulary.org/#">
    <li typeof="v:Breadcrumb"><a title="Level1" href="/level1" rel="v:url"><span property="v:title">Level1</span></a></li>
    <li typeof="v:Breadcrumb"><a title="Level2" href="/level2" rel="v:url"><span property="v:title">Level2</span></a></li>
    <li typeof="v:Breadcrumb"><a title="Level3" href="/level3" rel="v:url"><span property="v:title">Level3</span></a></li>
    <li typeof="v:Breadcrumb"><a title="lever4" href="/level4" rel="v:url"><span property="v:title">Level4</span></a></li>
    <li typeof="v:Breadcrumb"><a class="currentLevel" title="Current Level" rel="v:url" property="v:title">Current Level</a></li>
  </ul>
</div>

それが正しいか？検索エンジンは、ブレッドクラム項目が要素内で順番に並んでいることを理解するでしょうulか?

4

2 に答える 2

5

はい。Google Testing Toolを使用して確認できます。コードは次のように なります。ここに画像の説明を入力

いくつかの説明が必要ですが。

  • ご覧のとおり、チェーンの最後のリンク (「現在のレベル」) は表示されていません。Google がそれを表示するには、適切な URL が必要なようです。ブレッドカムの最後の部分に、ページアドレスを含むhrefを追加できます。
a class="currentLevel" title="Current Level" href="/my_page.html" rel="v:url" property="v:title"

（引用して申し訳ありません-何らかの理由で、SOはここに目に見えるコードを配置することを許可していません）。

そして、あなたは次のようになります：

ここに画像の説明を入力

ブレッドクラム名は、次のように v: で始まる title プロパティを使用して識別されます。

<span property="v:title">.

rel 属性は、リンクがパンくずリストの URL であることを示します。プロパティ属性は、次のように、ネストするのではなく、 a要素で指定する必要があります。

<a href="books.html" rel="v:url" property="v:title">Books</a>.

したがって、コードを次のように書き直すことをお勧めします。

<div class="dv_breadcrumbs">
  <ul xmlns:v="http://rdf.data-vocabulary.org/#">
    <li typeof="v:Breadcrumb"><a title="Level1" href="/level1" rel="v:url" property="v:title">Level1</a></li>
    <li typeof="v:Breadcrumb"><a title="Level2" href="/level2" rel="v:url"property="v:title">Level2</a></li>
    <li typeof="v:Breadcrumb"><a title="Level3" href="/level3" rel="v:url" property="v:title">Level3</a></li>
    <li typeof="v:Breadcrumb"><a title="lever4" href="/level4" rel="v:url" property="v:title">Level4</a></li>
    <li typeof="v:Breadcrumb"><a class="currentLevel" title="Current Level" href="/my_page.html" rel="v:url" property="v:title">Current Level</a></li>
  </ul>
</div>
于 2013-08-20T21:20:10.823 に答える
0

はい、検索エンジンは、RDFa でマークアップされた HTML 内の要素の順序からブレッドクラムの順序を推測する傾向があります。

ただし、本当にセマンティックな HTML が必要な場合は、順序付けられていないリストではなく、パンくずリストの順序付けられたリストを扱っているため、<ol>よりも の方が適している可能性があります。<ul>

于 2014-01-13T10:48:24.883 に答える