做网站怎么加面包屑导航？EyouCMS面包屑标签调用方法新手也能看懂

很多用易优CMS搭建企业站、博客站的朋友，都知道面包屑导航能提升用户体验、帮助搜索引擎爬取，但大多新手不知道怎么调用标签设置，要么出错位，要么不显示。本文整理了实战能用的调用方法，从基础调用到自定义调整都讲清楚，哪怕是刚接触建站的新手，跟着操作也能搞定符合SEO要求的面包屑导航。

为什么网站一定要加面包屑导航？

提升用户浏览体验

用户进到网站内页，能通过面包屑快速知道当前页面在整个网站的哪个位置，想返回上一级栏目或者首页，点一下就行，不用反复点浏览器返回，尤其是层级比较深的内容站、商城站，体验提升特别明显。

帮助搜索引擎优化排名

搜索引擎爬取网站的时候，面包屑导航能清晰给蜘蛛展示网站的树形结构，帮助蜘蛛更快理清整站的页面关系，也能让内页更好的被收录，对提升长尾关键词排名帮助很大，现在主流的SEO规范里，面包屑都是必加的基础配置。

EyouCMS面包屑标签调用的基础通用写法

对于绝大多数用默认模板的易优CMS站点来说，直接调用官方提供的通用标签就能用，不需要额外改逻辑，完整的调用代码如下：

```html {eyou:breadcrumb type='default'} {$field.typename} > {/eyou:breadcrumb} ```

把这段代码放到你模板里需要显示面包屑的位置，比如一般是放在内容区域的顶部，更新缓存之后就能正常显示了，这是最常用的EyouCMS面包屑标签调用写法，适配几乎所有默认的栏目页、内容页。

常见自定义需求怎么调整？

修改面包屑的分隔符

默认用的是>符号，如果你想要用其他符号比如斜杠、箭头，只需要修改代码里分隔符的位置就行，比如换成/的话，把代码里的 > 换成 / 就可以，操作非常简单。

隐藏首页文字换成图标

很多设计师做模板的时候，喜欢把面包屑的首页换成房屋类图标，这时候可以在EyouCMS面包屑标签调用的基础上，修改底层输出的HTML结构，把文字替换成img标签或者font-awesome图标就行，改完记得清缓存再看效果。

自定义模型页面怎么适配面包屑？

很多用户会用易优做自定义内容模型，比如做产品展示、招聘信息、在线留言这类独立功能模块，新增模型之后容易出现面包屑导航不显示、层级不对的问题。这时候除了要记得更新网站模板缓存，还要重新适配EyouCMS面包屑标签调用的参数，手动指定顶级栏目id，就能轻松解决面包屑层级错误的问题。

设置面包屑导航的注意事项

• 面包屑层级不要超过4层，太深的层级会让用户和搜索引擎都看不懂，一般控制在首页→一级栏目→二级栏目→内容页，四层就足够了
• 除了当前所在的最后一页，前面的每一级面包屑都要加可点击的链接，不要做成纯文本，避免影响用户体验和SEO爬取
• 改完任何模板代码之后，都一定要清空网站缓存，易优CMS默认开启模板缓存，不清缓存看不到修改后的效果，新手很容易踩这个坑

我接触过很多中小站点的站长，总觉得要做很多花里胡哨的黑帽SEO才能快速出排名，其实把面包屑导航这种基础的规范做好，就已经赢过一大半同行业的站点了。易优CMS本身就是对SEO非常友好的国产开源CMS，把官方自带的标签用好，不需要什么复杂的二次开发，就能做出符合搜索引擎要求的站点，没必要过度折腾。