DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁SEO優化 >> SEO優化集錦 >> Zblog博客網站基於代碼的優化思路
Zblog博客網站基於代碼的優化思路
編輯:SEO優化集錦     

對於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="Blog

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