對于zblog博客網站基于代碼的優化思路,大家可以參考下!zblog 目前已經發展到1.8版本,如果大家有什么更好的建議可以和我交流。
相關文章:zblog博客網站優化的全過程
zblog的結構。
首先要先了解zblog的文件的意思,zblog的主要功能就是有后臺管理系統,前臺給用戶呈現的是html頁面,主要是可以分為1級分類,然后可以生成很好的靜態頁面。
主要模板文件都放在template目錄下面,我們應該重點優化的是下面這幾個文件:
default.html 首頁的模板文件
single.html 文章頁面模板文件
b_article-single.html 單個文章頁面之中的文章主體部分,single.html里面的文章內容。
catalog.html 分類文章頁面,分類頁面的優化要修改這篇文章。
b_article-multi.html 是用于優化首頁和分類頁面的文章摘要內容的優化的!
zblog的幾個常用變量:
<#zc_blog_host#> 表示博客的根網址
<#zc_blog_title#> 表示博客網站名稱
<#zc_blog_subtitle#> 博客網站副標題
<#blogtitle#> 表示單個文章的標題
<#article/tagtoname#> 文章中用到的標簽
<#article/intro#> 文章中的簡單摘要
< #cache_include_文件名#> 包含外部文件。
例如<#cache_include_catalog#>這個代碼就是把“include”目錄下的 “catalog.asp"文件內容弄進來,首頁模板里面的側邊“網站收藏”“友情鏈接”“最新發表”等都是用這個標簽設置的,你可以打開“include” 目錄看看里面文件的內容研究。(by:網頁設計)
優化模板進行seo
zblog 默認模板里面是沒有 keywords,description,generator 這幾個meta標記的,所以我們要給幾個模板文件加上代碼。
首先要把這幾個加上去,主要是針對單個文章頁面,也就是single.html,default.html和catalog.html。
single.html 要添加的meta可以這樣加:(只是樣例)
<meta name="keywords" content="關鍵詞在這里寫" />
<meta name="description" content="描述在這里添加" />
在這里需要注意的是description里面的標記內容如果是“<#article/intro#>”,這個簡介不應該有任何html 標簽,尤其是不能包含有英文的雙引號",因為他們是放在頁面的head區的,里面包含html標簽很容易導致顯示出問題。本來它只應該是一段純粹的文字,但在我們平時在寫blog的時候,經常會漏寫或者把簡介也加上了許多效果,導致文章簡介有很多html標簽存在,這個只能靠你平時的寫文章習慣。
首頁的meta就沒有那么復雜了,寫上你的網站描述和關鍵詞就ok。
單個文章頁面(single.html),它的title部分也不太理想。原來的title是這樣的
<title><#zc_blog_title#><#zc_msg044#><#blogtitle#></title>
可以看到,它的格式是 "博客名稱-文章標題”,而越左邊是越重要的,應該改成“文章標題-博客名稱”。這個容易解決,把位置調換一下就行了。新的title如下:
<title><#blogtitle#> <#zc_msg044#> <#zc_blog_title#></title>
單個文章頁面(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。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從網站名手里搶過來以后,還要把它還給文章的標題。zblog默認模板分給文章標題的是h2,又是把h2它當成大小控制來使用~
<h2 class="post-title"><#article/title#></h2>
這個我們簡單地把h2 改為h1就行了。當然,文字會比原來的再大一點。
用目錄來做文章的訪問路徑以及自定義文章名稱
官方已經注意到文章訪問路徑的優化了,并且在后臺加入了這兩個功能,有興趣的可以進一步參考zblog的官方論壇。不過有一點要注意,如果你啟用了這個功能后,以前的文章訪問路徑都會發很大的變化,直接結果就是導致搜索引擎的收錄地址和你的新地址對不上號,要過一段痛苦的收錄周期才會逐漸恢復收錄正常。
感想:
其實zblog的seo方面已經做得很好了,內部連接、靜態輸出等方面很不錯,所以深得seoer們的喜愛。因此我這里所改的也都是小打小鬧,一般情況下,為了保持兼容避免麻煩,再加上現在這幾個地方的權重不那么高了,都不需要怎么修改。如果說非得要改的,那就是title那里要把文章標題換到網站名稱前面去。zblog的作者是單槍匹馬開發出這個東西的,做到這種地步已經很牛了~不過仍然希望下個補丁改一改這些小問題。zblog對于國內空間來說很不錯的,因為到處都是asp空間。相比之下wordpress需要php+mysql,我也不清楚為什么 php空間在中國不太流行,雖然wordpress的確是最好的blog程序。
比較一下zblog和pjblog,各有所長,pj是lbs基礎上開發的,使用的也是動態的asp,因此功能比較強大,主題模板也很豐富,但是多余的代碼也不算少。另外那個作者被騰訊吸收去搞qzone后,已經多月沒有更新過了。pj的建站要求很低,很適合個人新手建blog。相比起pj,zblog簡潔而自由,占用資源也少,除了那個“重建文件”外,但這個也沒辦法,生成靜態文件就必需這樣。
最后,如果你注重搜索引擎的流量,最好不要輕易在各種blog之間轉來轉去,因為每次轉換,都意味著訪問路徑的變化,意味著你要看著搜索引擎的收錄結果的痛苦一段時期。文章內容格式倒無所謂,網上有很多現成的轉來轉去的代碼已經轉得不錯。
新聞熱點
疑難解答