WordPress网站如何添加面包屑导航

来源: 用户投稿 浏览: 0 收藏

   这篇文章主要为大家详细介绍了WordPress网站如何添加面包屑导航具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。


    一,什么是面包屑导航?

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

  二,WordPress网站如何添加面包屑导航

     1,首先,将以下函数代码添加到你的主题functions.php文件里面

function xiuzhuti_breadcrumb() {
	echo '<a href="'.home_url().'" rel="”nofollow”">主页</a>';
	if (is_category() || is_single()){
		echo '  »  ';
		the_category (' • ');
			if (is_single()) {
				echo '  »  ';
				the_title();
			}
} elseif (is_page()) {
		echo '  »  ';
		echo the_title();
	} elseif (is_search()) {
		echo '  »  ';
		echo '搜索 <sapn>';
		echo the_search_query();
		echo '</sapn> 的结果...';
	}
}

  2,添加函数后,您需要在希望出现面包屑的模板文件中调用它。在single.php中调用该函数会使面包屑出现在您的帖子中,在header.php中调用它会在您的标题出现的任何地方显示它们,依此类推。


  调用代码

<div class="breadcrumb"><?php xiuzhuti_breadcrumb(); ?></div>

  最后用css美化一下

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px;
}
.breadcrumb a {
	color: #428bca;
	text-decoration: none;
}

  三,WordPress网站添加面包屑导航的作用


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


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


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


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


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


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


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


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


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


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


  以上就是WordPress网站如何添加面包屑导航的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持我的主题网



作者:佚名 打赏作者 我要举报

免责声明:1.凡本站注明“来源:XXX(非我的主题网)”的作品,均转载自其它媒体,所载的文章、图片、音频视频文件等资料的版权归版权所有人所有,如有侵权,请联系admin#mytheme.cn处理;2.凡本站转载内容仅代表作者本人观点,与我的主题网无关。
0 条评论

网友留言