面包屑导航的作用：

让用户了解当前所处位置，以及当前页面在整个网站中的位置。

体现了网站的架构层级，能够帮助用户快速学习和了解网站内容和组织方式，从而形成很好的位置感。

提供返回各个层级的快速入口，方便用户操作。

Google已经将面包屑导航整合到搜索结果里面，因此优化面包屑导航每个层级的名称，多使用关键字，都可以实现SEO优化。面包屑路径，对于提高用户体验来说，是很有帮助的。

方便用户，面包屑主要用于为用户提供导航一个网站的次要方法，通过为一个大型多级网站的所有页面提供面包屑路径，用户可以更容易的定位到上一次目录，引导用户通行； 

减少返回到上一级页面的点击或操作，不用使用浏览器的“返回”按钮或网站的主要导航来返回到上一级页面；

不用常常占用屏幕空间，因为它们通常是水平排列以及简单的样式，面包屑路径不会占用页面太多的空间。这样的好处是，从内容过载方面来说，他们几乎没有任何负面影响； 

降低跳出率，面包屑路径会是一个诱惑首次访问者在进入一个页面后去浏览这个网站的非常好的方法。比如说，一个用户通过谷歌搜索到一个页面，然后看到一个面包屑路径，这将会诱使用户点击上一级页面去浏览感兴趣的相关主题。这样，从而，可以降低网站的总体跳出率。

有利于百度蜘蛛对网站的抓取，蜘蛛直接沿着那个链走就可以了，很方便。 

面包屑有利于网站内链的建设，用面包屑大大增加了网站的内部连接，提高用户体验。

以上内容摘抄自百度百科。

本文的正题。ZBLOG的面包屑写法，直接上代码：

{if $type=='article'}<a href="{$host}">网站首页</a> / <a href="{$article.Category.Url}">{$article.Category.Name}</a> / 正文 {elseif $type=='category'}<a href="{$host}">网站首页</a> / <a href="{$category.Url}">{$category.Name}</a>  {elseif $type=='index'}网站首页 {else}<a href="{$host}">网站首页</a> / {$title}{/if}

以上代码放在任何模板页面均可生效，因为用了if判断type页面，首页、列表页、内容页、单页、tag页均可以显示正确的面包屑导航栏。

如有bug，欢迎反馈。

原文链接：https://www.qiquanji.com/post/7335.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。