« 上一篇 必应广告:区分移动/平板/PC,为广告用户节省成本The New HTC One: 海外售价900美元,相机400万相素 下一篇 »

zblog 2.1 SEO优化:增加面包屑的方法

SEO祥子的博客使用Zblog 2.1,所有的SEO优化项目基本已经完成,详见文章“Zblog 2.1优化(全面SEO优化)”。今天在使用Google搜索时,突然想到,Zblog能不能也增加面包屑导航功能。经过稍加研究并测试,终于成功了,在ZB主导航菜单下,增加面包屑导航区块。实现方法如 :

给Zblog博客添加面包屑的方法:. 修改Zblog日志页同模版,添加面包屑DIV;修改样式表文件,使面包屑区块显示效果符合自己的需要。

1. 修改Zblog日志页同模版,添加面包屑DIV:
打开“\zb_users\THEME\default\TEMPLATE\single.html”,在“<div id="divMain">”代码前增加一个DIV,用来放置面包屑DIV,我增加的内容如下:

<div id="breadcrumb">
当前位置:<a href="<#ZC_BLOG_HOST#>">SEO祥子博客</a> >
<a href=" <#article/category/url#>"><#article/category/name#></a> > <#BlogTitle#>
</div>

2. 修改样式表文件,使面包屑区块显示效果符合自己的需要:
打开模版文件“\zb_users\THEME\default\STYLE\default.css”,按各自需要,添加样式代码,以下是SEO祥子  的面包屑样式:

/*---------------------------面包屑------------------------*/
#breadcrumb{padding-left:16px;color:gray;font-size:10px;}
#breadcrumb a{color:gray;font-size:10px;}
#breadcrumb a:hover{color:black;font-size:10px;}

从以上代代可知,我将面包屑DIV内文字设为灰色、10PX字号,链接显产也是灰色,链接Hover为黑色。

很简单吧,让你的Zblog博客也拥有自己想要面包屑吧!