Hidden Breadcrumbs Rich Snippet

Question

我想为我的网站实现面包屑，但我不想在我的网页上为其创建任何可见的标记。我想过使用meta标签，但因为它们没有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 element

  

[...]表示使用title，base，link，style和script元素无法表达的各种元数据。< / p>

link element“允许作者将其文档链接到其他资源”。

如果值是URI，则必须使用link而不是meta。 （Microdata explicitly requires this也是。）

<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服务条款，每个用户都必须能够看到每个加价。 不要包含任何隐藏的标记，因为谷歌会惩罚你。