如何优化你的Z_Blog博客?
8/15/2007 企业网络营销
(1). Zblog 1.7的默认模板里面是没有 keywords,description,generator 这几个meta的 -_-!
首先要把这几个加回去,主要是针对单个文章页面,也就是single.html
至于首页的两个default.html和catalog.html加不加上去,看个人喜欢了,我自己是比较懒的。
Single.html 要添加的Meta可以这样加:(只是样例)
<meta name="keywords" c />
<meta name="description" c />
经过第一部分的磨菜刀过程,聪明的你很快就明白这三行字的意思。其中所用的标签就是上面所提到的标签:关键词和简介。
其中要严重注意的一点,就是上面那个description里面的标记“<#article/intro#>”,这个简介不应该有任何 HTML 标签,尤其是不能包含有英文的双引号“,因为他们是放在页面的head区的,里面包含Html标签很容易导致显示出问题。本来它只应该是一段纯粹的文字, 但在我们平时在写Blog的时候,经常会漏写或者把简介也加上了许多效果,导致文章简介有很多HTML标签存在,这个只能靠你平时的写文章习惯。
有的同志可能会说,这个简介放在description这里这么危险干脆不要吧,我本人也严重同意,但不要它,没有谁能代替啊,除非你改动程序,改动数据 库加上一个新的“文章描述”那我没有意见。为了以后的升级兼容,先将就一下吧。或者你比较狠点,可以干脆点不要这一行description。我这里给出 一个折衷点的办法就是,你要加上Html标签也可以,但是平时写文章要记得把简介里面的所有的双引号“替换为单引号‘,至少我现在已经在这样做还没有出现 过问题。希望作者能在下个版本中弄个直接用于description的标签。(by淡泊 明志)
首页的meta就没有那么复杂了,写上你的网站描述和关键词就ok。
(2). 仍然是单个文章页面(Single.html),它的Title部分也不太理想。原来的Title是这样的
<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>
可以看到,它的格式是 "博客名称-文章标题”,而越左边是越重要的,应该改成"文章标题-博客名称”。这个容易解决,把位置调换一下就行了。新的title如下:
<title><#BlogTitle#> <#ZC_MSG044#> <#ZC_BLOG_TITLE#></title>
(3). 还是单个文章页面(Single.htm),我并不是对它有偏见,其实首页(default.html和catalog.html)也有这个问题.
就是关于h1和h2的使用, <h1></h1>在标准化里面的意义是表示标题,而并不是用来弄大小。Zblog里面,用h1显示了网站名称,用h2显示副标 题。但显然把这个h1留给文章的标题更加合适。于是,你可以在single.html default.html catalog.html三个文件 中找到:
<h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>
<h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>
怎么改好呢?又不能和原来的相差太远。幸好Zblog模板采用Xhtml + CSS来控制显示的(要是老式的table布局相信改起来会吐血,例如目前DEDECMS,它的作者分身乏术)
我们可以把h1和h2换成div, 或者改成span。用Div是比较理想的,和原来的h1同样是盒状的block。ID="BlogTitle"保持不变。
于是代码换成
<div id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></div>
<div id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></div>
效果仍然和有点区别的,就是div没有附带大小样式,而h1里面的文字是默认比较大的。这点改动已经不太兼容了,因为还要去CSS修改一下文字大小。
为了保持兼容性,我们可以采取另一个折衷点的,就是 h1 换成h2, h2换成h3 呵呵~~ 新的代码是
<h2 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h2>
<h3 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h3>
这样子文字大小会比原来小一点,但是仍然能兼容网上大部分的模板样式。
把h1从网站名手里抢过来以后,还要把它还给文章的标题。ZBlog默认模板分给文章标题的是h2,又是把h2它当成大小控制来使用~
<h2 class="post-title"><#article/title#></h2>
这个我们简单地把h2 改为h1就行了。当然,文字会比原来的再大一点。
(4). 关于怎么在ZBlog里面加Adsense广告。
由于Zblog的模板文件化,只要你懂点HTML代码,放广告是很自由的事,基本上每个地方都可以放。我这里只简单说下如何在单个文章的正文中放一个 Adsense Content。我们要利用的主角是上面提到的<#CACHE_INCLUDE_文件名#> 标签。
A. 在INCLUDE目录下面新建一个ASP文件,例如"GGADCONENT.ASP"。然后把Adsense生成的代码直接粘贴进取,不需要再添加任何文字。然后保存。
B. 打开"Template"目录里面的"b_article-single.html"文件,找到这行:
<div class="post-body"><#article/content#></div>
把它换成下面的几行:
<div class="post-body">
<div class="ggad-content">
<#CACHE_INCLUDE_GGADCONENT#>
</div>
<#article/content#>
</div>
"GGADCONENT"就是刚才A步骤建立的“GGADCONENT.ASP”,只要文件名就可以了。同时,上面的代码还定义了一个名为"ggad-content"的样式类。所以还要到C步骤去搞搞它的样式。
C. 打开"STYLE"目录下的"default.css" (我这里用默认CSS做例子),实际应用看你选择了什么样的模板,相对应的CSS文件。
在这个CSS文件的最末端加入一下代码,而不需要修改其它的地方。
/* GG Adsense Style Control */
.ggad-content {float:left;}
这句CSS的意思是让装着Adsense广告的那个层流动到左边,它会自动把文章正文的文字挤到右边。你也可以把"left"字母改成"right",则设为浮动到右边。具体样式可以到笔者的网站(http://www.newsunday.com/)看看里面的文章。最后别忘了保存。
D. 在后台重新生成索引和重新生成文件。如果你在网上修改,还要记得把INCLUDE里面新建的那个文件ftp到你的网站空间去。
(this passage posted on dunsh.org first by violam.)
(5). 关于用目录来做文章的访问路径问题,以及自定义文章名称。
官方已经注意到文章访问路径的优化了,并且在后台加入了这两个功能,有兴趣的可以进一步参考ZBlog的官方论坛,我就不再罗嗦了。不过有一点要注意,如 果你启用了这个功能后,以前的文章访问路径都会发很大的变化,直接结果就是导致搜索引擎的收录地址和你的新地址对不上号!要过一段痛苦的收录周期才会逐渐 恢复收录正常。
首先要把这几个加回去,主要是针对单个文章页面,也就是single.html
至于首页的两个default.html和catalog.html加不加上去,看个人喜欢了,我自己是比较懒的。
Single.html 要添加的Meta可以这样加:(只是样例)
<meta name="keywords" c />
<meta name="description" c />
经过第一部分的磨菜刀过程,聪明的你很快就明白这三行字的意思。其中所用的标签就是上面所提到的标签:关键词和简介。
其中要严重注意的一点,就是上面那个description里面的标记“<#article/intro#>”,这个简介不应该有任何 HTML 标签,尤其是不能包含有英文的双引号“,因为他们是放在页面的head区的,里面包含Html标签很容易导致显示出问题。本来它只应该是一段纯粹的文字, 但在我们平时在写Blog的时候,经常会漏写或者把简介也加上了许多效果,导致文章简介有很多HTML标签存在,这个只能靠你平时的写文章习惯。
有的同志可能会说,这个简介放在description这里这么危险干脆不要吧,我本人也严重同意,但不要它,没有谁能代替啊,除非你改动程序,改动数据 库加上一个新的“文章描述”那我没有意见。为了以后的升级兼容,先将就一下吧。或者你比较狠点,可以干脆点不要这一行description。我这里给出 一个折衷点的办法就是,你要加上Html标签也可以,但是平时写文章要记得把简介里面的所有的双引号“替换为单引号‘,至少我现在已经在这样做还没有出现 过问题。希望作者能在下个版本中弄个直接用于description的标签。(by淡泊 明志)
首页的meta就没有那么复杂了,写上你的网站描述和关键词就ok。
(2). 仍然是单个文章页面(Single.html),它的Title部分也不太理想。原来的Title是这样的
<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>
可以看到,它的格式是 "博客名称-文章标题”,而越左边是越重要的,应该改成"文章标题-博客名称”。这个容易解决,把位置调换一下就行了。新的title如下:
<title><#BlogTitle#> <#ZC_MSG044#> <#ZC_BLOG_TITLE#></title>
(3). 还是单个文章页面(Single.htm),我并不是对它有偏见,其实首页(default.html和catalog.html)也有这个问题.
就是关于h1和h2的使用, <h1></h1>在标准化里面的意义是表示标题,而并不是用来弄大小。Zblog里面,用h1显示了网站名称,用h2显示副标 题。但显然把这个h1留给文章的标题更加合适。于是,你可以在single.html default.html catalog.html三个文件 中找到:
<h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>
<h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>
怎么改好呢?又不能和原来的相差太远。幸好Zblog模板采用Xhtml + CSS来控制显示的(要是老式的table布局相信改起来会吐血,例如目前DEDECMS,它的作者分身乏术)
我们可以把h1和h2换成div, 或者改成span。用Div是比较理想的,和原来的h1同样是盒状的block。ID="BlogTitle"保持不变。
于是代码换成
<div id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></div>
<div id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></div>
效果仍然和有点区别的,就是div没有附带大小样式,而h1里面的文字是默认比较大的。这点改动已经不太兼容了,因为还要去CSS修改一下文字大小。
为了保持兼容性,我们可以采取另一个折衷点的,就是 h1 换成h2, h2换成h3 呵呵~~ 新的代码是
<h2 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h2>
<h3 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h3>
这样子文字大小会比原来小一点,但是仍然能兼容网上大部分的模板样式。
把h1从网站名手里抢过来以后,还要把它还给文章的标题。ZBlog默认模板分给文章标题的是h2,又是把h2它当成大小控制来使用~
<h2 class="post-title"><#article/title#></h2>
这个我们简单地把h2 改为h1就行了。当然,文字会比原来的再大一点。
(4). 关于怎么在ZBlog里面加Adsense广告。
由于Zblog的模板文件化,只要你懂点HTML代码,放广告是很自由的事,基本上每个地方都可以放。我这里只简单说下如何在单个文章的正文中放一个 Adsense Content。我们要利用的主角是上面提到的<#CACHE_INCLUDE_文件名#> 标签。
A. 在INCLUDE目录下面新建一个ASP文件,例如"GGADCONENT.ASP"。然后把Adsense生成的代码直接粘贴进取,不需要再添加任何文字。然后保存。
B. 打开"Template"目录里面的"b_article-single.html"文件,找到这行:
<div class="post-body"><#article/content#></div>
把它换成下面的几行:
<div class="post-body">
<div class="ggad-content">
<#CACHE_INCLUDE_GGADCONENT#>
</div>
<#article/content#>
</div>
"GGADCONENT"就是刚才A步骤建立的“GGADCONENT.ASP”,只要文件名就可以了。同时,上面的代码还定义了一个名为"ggad-content"的样式类。所以还要到C步骤去搞搞它的样式。
C. 打开"STYLE"目录下的"default.css" (我这里用默认CSS做例子),实际应用看你选择了什么样的模板,相对应的CSS文件。
在这个CSS文件的最末端加入一下代码,而不需要修改其它的地方。
/* GG Adsense Style Control */
.ggad-content {float:left;}
这句CSS的意思是让装着Adsense广告的那个层流动到左边,它会自动把文章正文的文字挤到右边。你也可以把"left"字母改成"right",则设为浮动到右边。具体样式可以到笔者的网站(http://www.newsunday.com/)看看里面的文章。最后别忘了保存。
D. 在后台重新生成索引和重新生成文件。如果你在网上修改,还要记得把INCLUDE里面新建的那个文件ftp到你的网站空间去。
(this passage posted on dunsh.org first by violam.)
(5). 关于用目录来做文章的访问路径问题,以及自定义文章名称。
官方已经注意到文章访问路径的优化了,并且在后台加入了这两个功能,有兴趣的可以进一步参考ZBlog的官方论坛,我就不再罗嗦了。不过有一点要注意,如 果你启用了这个功能后,以前的文章访问路径都会发很大的变化,直接结果就是导致搜索引擎的收录地址和你的新地址对不上号!要过一段痛苦的收录周期才会逐渐 恢复收录正常。
One Response to “如何优化你的Z_Blog博客?”
Leave a Reply