DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> 關於Zblog的SEO優化
關於Zblog的SEO優化
編輯:SEO優化集錦     

最近在研究本站:www.seocompany.sh.cn 網站優化的時候,發現本站內容不足,於是決定采取增加BLOG的策略。但,天下之大,BLOG程序之多,到底用那款BLOG程序,一時間,摸不到頭腦。結合SEO經驗與自身實力,決定采用Zblog程序—自認為是優化做的很不錯的網站,也是普通SEOER的首選,我是新手,所以我選擇。

以下談談我對Zblog程序優化的一點點看法,也是本站優化的一個:

一、Zblog的結構。

(1)關於模板文件的說明,Zblog的模板文件都放在Template目錄下面,但其中比較重要值得優化的有幾個

default.html    首頁的模板  single.html      單個文章頁面模板

b_article-single.html   單個文章頁面之中的文章主體部分,single.html裡面的文章內容就是嵌用了這個的格式。

catalog.html   用於首頁的翻頁,也就是說首頁從第二頁開始,都是這個負責顯示

(2)關於Zblog的幾個常用標簽

以下為引用的內容:
<#ZC_BLOG_HOST#> 代表博客的根網址
<#ZC_BLOG_TITLE#>   代表博客網站名稱,在後台可以設置
<#ZC_BLOG_SUBTITLE#> 網站副名稱,同樣在後台可以找到
<#BlogTitle#>  代表單個文章的主標題
<#article/tagtoname#>  該文章的標簽
<#article/intro#> 該文章的簡介部分
<#CACHE_INCLUDE_文件名#> 此標簽作用是包含外部文件,很實用。例如<#CACHE_INCLUDE_ABCDEFG#>這個意思就是把“INCLUDE”目錄下的“ABCDEFG.ASP"文件內容弄進來,首頁模板裡面的側邊“網站收藏”“友情鏈接”“圖標集”等都是用這個標簽搞的,你可以打開“INCLUDE”目錄看看裡面文件的內容研究研究。

二、Zblog模板的優化

(1) Zblog 1.7的默認模板裡面是沒有 keywords,description,generator 這幾個meta的 !
首先要把這幾個加回去,主要是針對單個文章頁面,也就是single.html
至於首頁的兩個default.html和catalog.html加不加上去,看個人喜歡了,我自己是比較懶的。
Single.html 要添加的Meta可以這樣加:(只是樣例)

以下為引用的內容:
   <meta name="keywords" content="<#article/tagtoname#>" />
        <meta name="description" content="<#article/intro#>" />

經過第一部分的網站優化過程,聰明的你很快就明白這兩行字的意思。其中所用的標簽就是上面所提到的標簽:關鍵詞和簡介。
其中要嚴重注意的一點,就是上面那個description裡面的標記“<#article/intro#>”,這個簡介不應該有任何HTML標簽,尤其是不能包含有英文的雙引號“,因為他們是放在頁面的head區的,裡面包含Html標簽很容易導致顯示出問題。本來它只應該是一段純粹的文字,但在我們平時在寫Blog的時候,經常會漏寫或者把簡介也加上了許多效果,導致文章簡介有很多HTML標簽存在,這個只能靠你平時的寫文章習慣。
有的朋友可能會說,這個簡介放在description這裡這麼危險干脆不要吧,我本人也嚴重同意,但不要它,沒有誰能代替啊,除非你改動程序,改動數據庫加上一個新的“文章描述”那我沒有意見。為了以後的升級兼容,先將就一下吧。或者你比較狠點,可以干脆點不要這一行description。我這裡給出一個折衷點的辦法就是,你要加上Html標簽也可以,但是平時寫文章要記得把簡介裡面的所有的雙引號“替換為單引號‘,至少我現在已經在這樣做還沒有出現過問題。希望作者能在下個版本中弄個直接用於description的標簽。

首頁的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來控制顯示的,我們可以把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文件,例如"GGADCONTENT.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_GGADCONTENT#>

 

</div>

<#article/content#>

</div>

"GGADCONENT"就是剛才A步驟建立的“GGADCONTENT.ASP”,只要文件名就可以了。同時,上面的代碼還定義了一個名為"ggad-content"的樣式類。所以還要到C步驟去搞搞它的樣式。

C. 打開"STYLE"目錄下的"default.css" (我這裡用默認CSS做例子),實際應用看你選擇了什麼樣的模板,相對應的CSS文件。
在這個CSS文件的最末端加入一下代碼,而不需要修改其它的地方.

/* GG Adsense Style Control */

 

.ggad-content {float:left;}

這句CSS的意思是讓裝著Adsense廣告的那個層流動到左邊,它會自動把文章正文的文字擠到右邊。你也可以把"left"字母改成"right",則設為浮動到右邊。在後台重新生成索引和重新生成文件。如果你在網上修改,還要記得把INCLUDE裡面新建的那個文件ftp到你的網站空間去。

(5). 關於用目錄來做文章的訪問路徑問題,以及自定義文章名稱。
官方已經注意到文章訪問路徑的優化了,並且在後台加入了這兩個功能,有興趣的可以進一步參考ZBlog的官方論壇,我就不再羅嗦了。不過有一點要注意,如果你啟用了這個功能後,以前的文章訪問路徑都會發很大的變化,直接結果就是導致搜索引擎的收錄地址和你的新地址對不上號!要過一段痛苦的收錄周期才會逐漸恢復收錄正常。

三、後記

其實ZBlog的SEO方面已經做得很好了,內部連接、靜態輸出等方面很不錯,所以深得SEOer們的喜愛。因此我這裡所改的也都是小打小鬧,一般情況下,為了保持兼容避免麻煩,再加上現在這幾個地方的權重不那麼高了,都不需要怎麼修改。如果說非得要改的,那就是title那裡要把文章標題換到網站名稱前面去。ZBLog的作者是單槍匹馬開發出這個東西的,做到這種地步已經很牛了~不過仍然希望下個補丁改一改這些小問題。ZBlog對於國內空間來說很不錯的,因為到處都是ASP空間。相比之下wordpress需要php+mysql,我也不清楚為什麼PHP空間在中國不太流行,雖然wordpress的確是最好的Blog程序。

比較一下Zblog和Pjblog,各有所長,PJ是LBS基礎上開發的,使用的也是動態的ASP,因此功能比較強大,主題模板也很豐富,但是多余的代碼也不算少。另外那個作者被騰訊吸收去搞Qzone後,已經多月沒有更新過了。PJ的建站要求很低,很適合個人新手建Blog。相比起PJ,ZBLOG簡潔而自由,占用資源也少,但也需要一定的網頁制作基礎。那個“重建文件”功能比較耗資源,但這個也沒辦法,生成靜態文件就必須這樣。

希望Zblog發展越來越好,這裡也給站長提出幾點程序方面的建議:

1、希望能夠增加網站的二級分類;

2、“關鍵詞”方面希望開發相應的插件,更有利用內部鏈接的建立,這裡感謝一下“軟件兔”的“內文關鍵詞替換”插件,可惜對搜索引擎而言卻是無效的,希望再接再厲.

優化後網站:http://www.seocompany.sh.cn/blog

感謝ZBLOG,希望發展的越來越好。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved