WordPress 面包屑插件 Breadcrumbs

面包屑对用户体验和 SEO 都相当重要, 但是 WordPress 并没有提供原生的面包屑组件, 实现相当麻烦. 曾经我介绍过一款名为 Breadcrumb NavXT 的 WordPress 面包屑插件, 本文我将再大家介绍一个, Breadcrumbs.

Breadcrumbs 与 Breadcrumb NavXT 的区别

1. 从界面上看, 两插件并没有太多区别, 可以在 WordPress 架构内的所有页面加上面包屑.
2. 从功能来看, Breadcrumb NavXT 更加强大. 可以针对特定类型页面进行设定, 并且提供两种结构的页面输出.
3. 从 SEO 来看, Breadcrumbs 更加合理. 由于插件作者 Yoast 的 SEO 功底很强大, 插件在这方面肯定会有更多关注. 可以选择在 Home 链接加上 nofollow, 在 Home 链接和后面的索引之间加上特定的页面 (如: 我加上了 All Categories 的页面链接).

Breadcrumbs 插件的缺陷

1. 如果文章被分配到多个类目中, 只有一个类目有效, 插件更具字母 A 到 Z 的循序选择头一个类目作为面包屑路径.
2. 文章详细页面的面包屑中包含文章标题, 这个多余了.

这里提及的两个问题 Breadcrumb NavXT 插件也有. 前一个问题我没有解决, 因为影响不到我的使用, 也没想过怎样去弄; 后一个问题我解决了, 除了除掉文章详细页面的文章标题, 还修改了面包屑中其他链接的标签结构, 比如: 为 SEO 将最后一个面包屑节点改成 h2.

Breadcrumbs 插件的使用

下载插件请移步 WordPress 插件中心的插件页面.

在 WordPress 主题中插入代码调用插件, 如下.

<?php
	if(function_exists('yoast_breadcrumb')) {
		yoast_breadcrumb('', '');
	}
?>

调用插件的方法有三个参数. 前两个是输出在前后的 HTML 片段; 第三个参数指定返回字符串还是输出页面, 如果第三个参数是 true 代码直接输出页面, 如果是 false 返回字符串, 默认是 true.

Breadcrumbs 插件的改进

我使用的是 Breadcrumbs, 因为功能简单, 代码少, 容易改. 为了 SEO 效果, 突出页面关键字, 避免出现重复链接, 我对插件进行了一些修改.

1. 将文章详细页面的面包屑中出现的文章标题去掉, 因为这个与文章标题重复.
2. 在面包屑的 Home 链接和类目链接之间加上 All Categories 的链接, 便于区分文章详细页面和独立页面的路径. (独立页面是不存在分类的.)
3. 在 Home 链接和 All Categories 页面链接加上 nofollow. Home 这个词跟你在首页没有关系, 而且页面 Logo 也链向首页, 没必要重复一下让爬虫混淆; 我的顶部导航中已经有 All Categories 的入口, 没有必要重复一下.
4. 将存档页面的面包屑最后一个词改为 h1, 因为它是整个页面的核心关键字. 比如: 现有存档页面面包屑 Home > All Categories > WordPress, 我会将 WordPress 改成 h1. 因为这里展示的是 WordPress 类目下的文章列表, 与其关系最大, 我将这个当成页面的标题来处理.
5. 将文章详细页面的面包屑最后一个链接改为 h2. 在我的这个博客中, 文章详细页面没有指定分类链接, 其实我是将这个功能与面包屑的合并了, 面包屑的最后一个链接就是该文章的分类链接. 除非有十分重要的副标题存在, 由于标签和分类是文章之间联系的桥梁, 可以仅此于标题给 h2.
6. 将面包屑中的 » 改为 >, 纯粹觉得不好看.

总结

面包屑很总要, 强烈建议用上. Breadcrumb NavXT 和 Breadcrumbs 是目前最受欢迎的两个 WordPress 面包屑插件, 看似不一样, 实际区别不大, 都很好用.