一、templates文件夹核心文件剖析
templates文件夹堪称Zblog修改的“主战场”,诸多关键模板文件藏身于此。
1、catalog、html:肩负着雕琢Zblog分类、关键词索引页面风貌的重任,修改它,能精准把控分类页面布局与索引呈现效果。
2、default、html:作为首页模板,主宰着访客踏入博客的“第一印象”,关乎整体风格与信息陈列。
3、single、html:专注于单页模板打磨,赋予单篇文章专属展示格调。
4、b_articlesingle、html:旨在精细雕琢单页内容区模板,让文章主体部分呈现独具匠心。
5、b_articlemulti、html:用以把控Zblog首页及索引页的摘要说明,决定用户浏览索引时获取关键信息的方式。
以上五份文件堪称重中之重,是Zblog个性化改造的关键突破口。除此之外,search、html、tags、html分别司职搜索页、关键词首页模板,日常浏览量偏低,按需修改即可。templates文件夹内其余文件,大多在特殊场景下才有用武之地,像是打算调整上一页、下一页样式,或是重塑留言板、导航区外观之时。后续我们会逐步深入讲解。
需着重留意,修改这些文件时,几个关键标签不容小觑,因其与博客搜索引擎友好度紧密挂钩,细微位移都可能让排名“大起大落”,操作时务必要谨慎测试。
<#ZC_BLOG_HOST#>:象征博客域名或根文件夹,锚定站点路径。
<#ZC_BLOG_TITLE#>:直白代表博客网站大名,彰显站点标识。
<#BlogTitle#>:锁定单个文章主标题,凸显篇章主旨。
二、为Zblog植入meta标签
默认状态下,Zblog缺失keywords和description标签。缘由在于谷歌、百度宣称已不再看重这类频遭滥用的标签,滥用甚至可能招致处罚,这也是官方模板未启用它们的主因。不过,“不看重”不意味着全然摒弃,只要秉持克制、避免滥用,添加上去对博客优化大有裨益。
在首页模板default、html的title前添置两行:
<metaname="keywords"content="aa,bb,cc,dd"/> <metaname="description"content="xx网站是做什么什么用的"/>
此处的“aa,bb,cc,dd”得是网站核心关键词,建议别超十个,以英文逗号间隔,杜绝重复。description标签是网站浓缩“简介”,字数别超50字,切忌堆砌关键词,尽量采用中文标点,避开英文逗号,以防搜索引擎“误会”。
单页模板single、html也需补meta标签,内容如下:
<metaname="keywords"content="<#article/tagtoname#>"/> <metaname="description"content="<#article/intro#>"/>
要是拿全文当简介,可按需修改description标签:
<metaname="description"content="<#article/intro#>"/> 改为 <metaname="description"content="<#article/tagtoname#>"/> 或者 <metaname="description"content="<#BlogTitle#>"/>
三、优化title标签布局
Zblog默认模板风格偏“低调”,诸多皮肤亦沿袭“博客名称文章标题”的title格式。但从优化视角看,换位成“文章标题博客名称”更妥帖。这一调整集中在single、html单页模板,代码修改如下:
原:<title><#ZC_BLOG_TITLE#><#ZC_MSG044#><#BlogTitle#></title> 改:<title><#BlogTitle#><#ZC_MSG044#><#ZC_BLOG_TITLE#></title>
四、理顺Zblog中h1和h2分工
标准网页设计里,h1担纲页面主标题,h2负责次要内容凸显。Zblog稍有不同,初始设定h1修饰网站名,h2点缀文章标题,新建站时利于快速引流关键词。可一旦网站流量、外链“水涨船高”,珍贵的h1建议让位给单页正文标题,网站名退居次席。
在single、html模板,做如下更替:
原: <h1id="BlogTitle"><ahref="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h1> <h2id="BlogSubTitle"><#ZC_B、blog_SUB_NAME#></h2> 改: <h2id="BlogTitle"><ahref="<#ZC_BLOG_HOST#>"><#ZC_BLOG_NAME#></a></h2> <h3id="BlogSubTitle"><#ZC_BLOG_SUB_NAME#></h3>
在b_articlesingle、html模板,变更为:
原:<h2class="posttitle"><#article/title#></h2> 改:<h1class="posttitle"><#article/title#></h1>
要是觉得h1下文章标题字号偏大,不妨微调CSS里h1的字号设置。
最后郑重提醒,修改模板前一定要备份!每修改一步,完成文件重建、刷新页面,检视效果后再推进下一步,一旦有误及时恢复原状。
@版权声明:
本网站所展示的图片均来源于互联网,我们致力于尊重原创作者的版权。若图片涉及版权问题,或图片所有者不希望图片被展示,请与我们联系,我们将在第一时间进行处理,包括但不限于删除图片。我们对图片的版权问题持开放态度,并愿意与版权所有者进行沟通协商。感谢您的理解与支持。