谈到面包屑导航,很多人会问什么是面包屑导航呢?面包屑导航有什么用呢?如何制作面包屑导航?
面包屑形式多为:首页>一级分类>二级分类>三级分类>......>最终页面 内容如下图所示
 

面包屑导航的作用及影响:让用户了解目前所在的位置,以及当前页面在整个网站中所在的位置;体现了网站的架构层级;提高了用户体验;减少返回到上一级页面的操作;不用常常占用屏幕空间;降低跳出率;有利于蜘蛛对网站的抓取;提供返回各个曾记得快速入口;有利于网站内链的建设。
 
有些模板本身没有面包屑导航,那么我们该如何制作面包屑导航呢?荆州SEO以织梦(DEDE)CMS为例
1.我们先添加一行CSS代码
/*=== position ===*/.position { width:980px; padding-left:20px; border-bottom:1px solid #E9E9E9; color:#9F9F9F; font-size:12px; height:26px; line-height:28px; margin:0 auto; overflow:hidden; background:url(/templets/模板文件夹/图片文件夹/图片名称.gif) no-repeat 0 6px; }.position a { color:#9F9F9F; margin:0 4px; }   (这段代码通常放在CSS文件的底部)
 
background:url(/templets/模板文件夹/图片文件夹/图片名称.gif) no-repeat 0 6px;
这个主要是调用图片给面包屑导航做装饰用的,不需要的话直接删除上面这节代码。
 
2.进入DEDE后台-模板管理-默认模板管理找到主页模板index.htm、文章频道封面模板index_article.htm、默认文章列表模板list_article.htm,分别在这三个模板中找到你想要面包屑导航显示的位置添加下列调用代码
 
<div>您现在的位置:{dede:field name='position'/}</div>最后再找到文章内容页模板article_article.htm这个文件,找到你想要显示面包屑导航的位置添加下列调用代码:

<div>您现在的位置:{dede:field name='position'/}<a href="{dede:field name='arcurl'/}">{dede:field.title /}</div>  当然中间的 [您现在的位置] 你可以换成你想描述的词

总结:
第一步是设置面包屑导航的样式并命名为为position 为了接下来的调用
第二步是在首页、频道页、文章列表页添加面包屑导航了用属性对值的方式来做外部调用 节省很多代码,同时也利于网站SEO优化。
这样一个面包屑导航就加好了是不是非常简单呢?



 
  •  
  •