【发布时间】:2013-04-15 16:23:25
【问题描述】:
我正在为客户的网站制作面包屑导航,我在问自己主页是否必须在其代码中。
那么,这样做更好吗:
带有指向主页和当前页面的链接
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://someclient.fr/" itemprop="url">
<span itemprop="title">Accueil</span>
</a>
>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://someclient.fr/annonces" itemprop="url">
<span itemprop="title">Annonces</span>
</a>
>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://someclient.fr/annonces/category" itemprop="url">
<span itemprop="title">Categorie</span>
</a>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://someclient.fr/annonces/category/produit" itemprop="url">
<span itemprop="title">Produit</span>
</a>
</div>
没有指向主页和当前页面的链接
<a href="http://someclient.fr/" itemprop="url">Accueil</a> >
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://someclient.fr/annonces" itemprop="url">
<span itemprop="title">Annonces</span>
</a>
>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://someclient.fr/annonces/category" itemprop="url">
<span itemprop="title">Category</span>
</a>
</div>
<a href="http://someclient.fr/annonces/category/produit" itemprop="url">Produit</a>
您可以使用 Google 结构化数据测试工具 (http://www.google.com/webmasters/tools/richsnippets) 尝试此代码,您会看到我的第一个示例未呈现主页。
那么,最好的解决方案是什么?您如何为您的网站做些什么?
谢谢!
【问题讨论】:
-
首页不会出现在面包屑链接中,所以你不需要添加它。面包屑是树形导航,因此不需要主页。
-
面包屑可以以任何你想要的方式使用——不必是实际的导航。例如,如果访问者深入到产品屏幕的 4 个级别,您可以将面包屑链接到该产品最合乎逻辑的先前摘要页面,而不是路径中的每个步骤。面包屑应该帮助访问者导航到相关内容,而不仅仅是跟踪他们的位置。此外,谷歌在 SERP 中使用面包屑,因此将它们分类。
标签: seo breadcrumbs