SEO笔记:为 #WordPress# 添加面包屑导航

不好意思,又来篇技术类文章,其实也就是一篇技术笔记,记录本人为 #WordPress# 添加面包屑导航的全过程,以方便往后主题升级后再次优化所需。面包屑导航又叫做位置导航,面包屑导航在SEO中起着至关重要的作用,也是更好用户体验的象征。由于主题风格原因,我也只做了文章页的面包屑导航。请原谅我这段时间发布这么多技术类文章,有空等我向勺子学习学习写文章后再献佳作,嘻嘻。具体效果如下:

01

文章页的面包屑导航:

首页 → 标签名称 → 文章标题
其中,文章标题不需要超链接,其他的需要能点击指向相关的页面。

1、首先使用面包屑导航插件,本人使用的是“Yoast WordPress SEO”,此SEO插件之前已做详细介绍,而本次使用的是它一个功能:内部链接,也就是:面包屑导航。由于本人只需要文章页的屑导航,所以设置非常简单,具体如下图:

02

路径中的显示分类目录我选用标签,这样就可以提高收录及点击,因为文章分类也就是几个而已,而标签可以每一个文章都不同。路径的最后一级加粗,也就是文章的标题。

2、编辑主题–相应主题–样式表 (style.css)–最后一行加入以下代码:
.divcss5-4{border-bottom:1px dashed #000000;}
这不是必须的,只是本人想在面包屑导航下面加上一条虚线而已。

3、编辑主题–相应主题–文章页面 (single.php)–在适当位置插入相应代码既可。如下图:

03

由于本人的博客没有安装代码插件,所以用图片显示。蓝色代码为虚线的代码,红色代码为面包屑导航代码。记录完毕。

呵呵。谢谢大家的支持。

10 thoughts on “SEO笔记:为 #WordPress# 添加面包屑导航

发表评论

电子邮件地址不会被公开。 必填项已用*标注