breadcrumbs - 隐藏的面包屑丰富的片段

Question

我想为我的网站实现面包屑，但我不想在我的页面上为它创建任何可见的标签。我想过使用元标记，但由于它们没有href属性，它们不能包含该itemprop="url"属性。以下是我正在使用的代码：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <meta href="http://www.example.com/dresses" itemprop="url">
    <meta itemprop="title" content="Dresses">

</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <meta href="http://www.example.com/dresses/real" itemprop="url">
    <meta itemprop="title" content="Real Dresses">
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <meta href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <meta itemprop="title" content="Real Green Dresses">
</div>

有没有解决方法来实现这一点？

Answer 1

HTML5 定义meta元素

[…] 表示无法使用title、base、link、style和script元素表示的各种元数据。

该link元素“允许作者将他们的文档链接到其他资源”。

因此，如果值是 URI ，则必须使用link而不是。meta（微数据也明确要求这样做。）

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <link itemprop="url" href="http://www.example.com/dresses">
  <meta itemprop="title" content="Dresses">
</div> 

Answer 2

根据 Google 服务条款，每个标记都必须对每个用户可见。不要包含任何隐藏的标记，因为 Google 会惩罚您。