Хлебные крошки RDFa

Когда вы используете элемент 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 по порядку?


seo rdf rich-snippets rdfa
person Fabio Nolasco    schedule 19.08.2013    source источник
comment
Они братья и сестры, но только в том случае, если они ссылаются на родство с родителем ul. По сути, когда ваша точка зрения — это сама разметка, как это было бы в случае с CSS, они были бы братьями и сестрами. Ваш RDFa в основном говорит, что эти li соответствуют некоторой базовой структуре данных. Итак, что касается семантической точки зрения, которая хочет выяснить, что они представляют, ваш RDFa объясняет, что они на самом деле иерархичны.   -  person J. M. Becker    schedule 27.12.2013

Ответы (2)


arrow_upward
5
arrow_downward

да. Вы можете проверить это с помощью Инструмента тестирования Google. Ваш код приведет к следующему результату: введите здесь описание изображения

Хотя нужны некоторые пояснения.

  • Как видите, последнее звено в цепочке («Текущий уровень») не отображается. Кажется, Google нужен какой-то разумный URL, чтобы показать это. Вы можете добавить href с адресом вашей страницы в последнюю часть хлебной кучки:
a class="currentLevel" title="Current Level" href="/my_page.html" rel="v:url" property="v:title"

(извините за цитирование - по какой-то причине SO не позволяет мне размещать здесь видимый код).

И вы получите что-то вроде:

введите здесь описание изображения

Имя навигационной цепочки идентифицируется с помощью свойства title с префиксом v:, например:

<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>
person ajax    schedule 20.08.2013

arrow_upward
0
arrow_downward

Да, поисковые системы склонны исходить из порядка расположения элементов в HTML, размеченном с помощью RDFa.

Однако, если вы хотите иметь действительно семантический HTML, возможно, <ol> лучше, чем <ul>, так как вы имеете дело с упорядоченным списком хлебных крошек, а не с неупорядоченным списком.

person Paul Watson    schedule 13.01.2014