Google 的主页和当前页面的 RDFa 面包屑导航?
Google's RDFa breadcrumbs for home and current page?
因为我在任何地方都找不到合适的 RDFa 示例,所以我想在这里问一个问题。在 Google's page 上有使用微数据或 RDFa 标记的面包屑示例。当您单击 "Example 2" 旁边 "RDFa" 下的 "See Markup" 时,您会看到这种特定类型面包屑的标记示例(据我所知,面包屑中的图像是可选的,因此我摆脱了他们):
<ol vocab="http://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com/books">
<span property="name">Books</span>
</a>
<meta property="position" content="1">
</li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction">
<span property="name">Science Fiction</span>
</a>
<meta property="position" content="2">
</li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinnders">
<span property="name">Award Winners</span>
</a>
<meta property="position" content="3">
</li>
</ol>
不幸的是,它没有说明任何关于主页和当前页面面包屑的信息,所以我不确定如何构建它。
为了更准确地回答我的问题,property
和 typeof
属性用于主页和当前页面?我是否应该只使用上面示例中的第一个 link 作为主页而不更改标记中的任何内容,而对于当前页面仅省略 link,因为它并不是真正需要的,所以它看起来像这样?:
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com">
<span property="name">Home Page</span>
</a>
<meta property="position" content="1">
</li>
// Above is for Home, below is for Current. I omitted items 2 and 3 which are positioned somwhere in between..
<li property="itemListElement" typeof="ListItem">
<span property="name">Current Page</span>
<meta property="position" content="4">
</li>
没有理由区别对待主页的条目,所以是的,就像提供其他项目一样。
如果您想为当前页面提供一个条目而不显示 link,您仍然可能需要指定 WebPage
类型。这还允许您提供当前页面的 URL,而无需向页面添加用户可见的 link。
<li property="itemListElement" typeof="ListItem">
<span property="item" typeof="WebPage" resource="/current-page.html">
<span property="name">Current Page</span>
</span>
<meta property="position" content="4">
</li>
它使用 span
元素而不是 a
元素。
resource
属性(来自 RDFa)指定项目的 URI(无需创建 hyperlink)。
因为我在任何地方都找不到合适的 RDFa 示例,所以我想在这里问一个问题。在 Google's page 上有使用微数据或 RDFa 标记的面包屑示例。当您单击 "Example 2" 旁边 "RDFa" 下的 "See Markup" 时,您会看到这种特定类型面包屑的标记示例(据我所知,面包屑中的图像是可选的,因此我摆脱了他们):
<ol vocab="http://schema.org/" typeof="BreadcrumbList">
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com/books">
<span property="name">Books</span>
</a>
<meta property="position" content="1">
</li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction">
<span property="name">Science Fiction</span>
</a>
<meta property="position" content="2">
</li>
›
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com/books/sciencefiction/awardwinnders">
<span property="name">Award Winners</span>
</a>
<meta property="position" content="3">
</li>
</ol>
不幸的是,它没有说明任何关于主页和当前页面面包屑的信息,所以我不确定如何构建它。
为了更准确地回答我的问题,property
和 typeof
属性用于主页和当前页面?我是否应该只使用上面示例中的第一个 link 作为主页而不更改标记中的任何内容,而对于当前页面仅省略 link,因为它并不是真正需要的,所以它看起来像这样?:
<li property="itemListElement" typeof="ListItem">
<a property="item" typeof="WebPage" href="https://example.com">
<span property="name">Home Page</span>
</a>
<meta property="position" content="1">
</li>
// Above is for Home, below is for Current. I omitted items 2 and 3 which are positioned somwhere in between..
<li property="itemListElement" typeof="ListItem">
<span property="name">Current Page</span>
<meta property="position" content="4">
</li>
没有理由区别对待主页的条目,所以是的,就像提供其他项目一样。
如果您想为当前页面提供一个条目而不显示 link,您仍然可能需要指定 WebPage
类型。这还允许您提供当前页面的 URL,而无需向页面添加用户可见的 link。
<li property="itemListElement" typeof="ListItem">
<span property="item" typeof="WebPage" resource="/current-page.html">
<span property="name">Current Page</span>
</span>
<meta property="position" content="4">
</li>
它使用 span
元素而不是 a
元素。
resource
属性(来自 RDFa)指定项目的 URI(无需创建 hyperlink)。