注册 登录 天兴工作室:提供zblog模板 emlog模板 dedecms模板的下载和仿站定制

zblogphp教程

zblogphp教程汇总

当前位置:网站首页 教程 zblogphp教程 正文

zblogphp面包屑导航的集合写法

天兴工作室管理 2015-10-08 zblogphp教程 1911 ℃ 2 评论

首先来水一下面包屑导航的介绍和作用:

面包屑导航(BreadcrumbNavigation)这个概念来自童话故事"汉赛尔和格莱特",当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现在沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。所以,面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。


面包屑导航的作用

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

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

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

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

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

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

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

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

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

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

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


水完之后进入本文的正题。zblogphp的面包屑导航集合写法,直接上代码:

{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,欢迎反馈。

赞 (1)

已有 2 位小伙伴发表了看法

天兴工作室网友

回应ta天兴工作室网友 (游客)

评论于 2016-01-20 04:51:58

如果有二级分类,二级分类页面面包屑没有父分类,还不算太完整。
Faith自媒体

回应taFaith自媒体 (游客)

评论于 2015-10-19 14:08:09

面包屑哈哈哈,这个不错,可以实现

欢迎 发表评论

服务项目

快速入口

常见问题

天兴工作室 | www.txcstx.cn

天兴工作室介绍天兴工作室承接:网站建设、zblog模板和dedecms模板定制、仿站(像素级仿站)、html单页面定制和修改、网站模板修改等服务;我们的办事准则:要么不答应、答应则一定做到

  • 交流群:ZBLOG交流群
  • 客户群:天兴工作室客户群
在线QQ 评论文章