ZBLOG模板修改的一些技巧小结

1、templates 文件夹是你修改最为多的地方

catalog.html 修改zblog的分类、关键词索引页面的模板

default.html 修改zblog的首页模板

single.html 修改zblog的单页模板

b_article-single.html 用于修改zblog的单页内容区模板

b_article-multi.html 用户修改zblog首页及索引页的摘要说明部分控制

以上五个文件是最为重要的文件，作为zblog修改的重点。

其他的两个 search.html 和 tags.html 分别是搜索页、关键词首页的模板，这两个页面如果你需要可以修改，一般情况下，这两个页面的浏览量并不是很大。templates文件夹下还有不少文件，但其他的可能在你非常需要的时候才用得上（如想修改上一页，下一页、留言板区、导航区样式），这些将在以后我们逐步说明。

修改这些文件的时候需要知道以下几个非常重要的标签，因为他关系到你的博客对搜索引擎的友好度，稍稍改动他们的位置都会对你的博客排名产生巨大影响，所以大家小心测试。

<#ZC_BLOG_HOST#> 代表博客的域名或者根文件夹

<#ZC_BLOG_TITLE#> 代表博客网站名称

<#BlogTitle#> 代表单个文章的主标题

2、为zblog添加meta

默认情况下，zblog是没有keyWords和description标签的，因为Google、百度都声称他们已经不看重日益滥用的 keywords、description标签，同时如果滥用还可能遭到他们的惩罚，这也是之所以zblog官方模板没有启用这两个meta标签的重要原因。但是不看重并不意味只拒绝，所以如果你没有滥用的习惯和目的，那也可以尝试加入这两个标签，对zblog优化还是很有帮助的。

将首页模板 default.html 的title前添加两行

<meta name="keywords" content="aa,bb,cc,dd" />

<meta name="description" content="xx网站是做什么什么用的" />

此处的aa,bb,cc,dd是你的整个网站讨论的关键词，不要太多，建议控制在十个以内，并且使用应为的逗号隔开，不要有重复关键字（关于关键字的选择我们以后讨论），这些内容非常重要。description标签是网站的描述，你可以描述一个不超过50字的介绍，切忌不要使用关键词的内容来堆砌，毫无意义。并且这里的内容尽量使用中文的标点符号，不使用英文的逗号，免得遭到百度、google的猜疑。

将单页模板 single.html 也添加meta标签，但是要使用下述内容：

<meta name="keywords" content="<#article/tagtoname#>" />

<meta name="description" content="<#article/intro#>" />

此处的 #article/tagtoname# 是调用页面的关键词， #article/intro# 是调用文章简介，如果你使用全文来作为简介请修改

<meta name="description" content="<#article/intro#>" />

为

<meta name="description" content="<#article/tagtoname#>" />

或者为

<meta name="description" content=" <#BlogTitle#>" />

3、修改title标签

zblog默认的模板比较谦虚，很多皮肤也延续了这一观点，我们看代码

<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title>

可以看到，它的意思是 “博客名称-文章标题”，而一般应该认为应该是，“文章标题-博客名称”。所以位置调换一下：

<title><#BlogTitle#><#ZC_MSG044#><#ZC_BLOG_TITLE#></title>

这个主要涉及到 single.html 单页模板。

4、zblog中的h1和h2

标准的设计是h1做页面主要标题声明，h2做次要标题或者重点内容，以此类推，不过在zblog中h1的全站修饰是网站的名称，h2用来修饰文章正文标题，作为新建站，为了尽快将自己的站名中涉及到的关键词从搜索引擎那里导引过来，zblog的默认设定很好。不过当网站已经有了不少流量，特别是有了不少的外连接的时候，非常珍贵的h1建议给单页正文的标题，而网站名称关键词可以退为第二位，也就是将h1和h2换位。

将single.html 模板中title下面的

<h1 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1>

<h2 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h2>

更换为

<h2 id="BlogTitle"><a href="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h2>

<h3 id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h3>

而将 b_article-single.html 模板下的

<h2 class="post-title"><#article/title#></h2>

更换为

<h1 class="post-title"><#article/title#></h1>

如果你觉得h1后，文章的标题太大，可以修改CSS中的h1字号。

建议大家在修改模板前一定要备份，修改一步，文件重建后，刷新，看下效果在修改下一步，发现错误及时恢复。