主流CMS系統(tǒng)網(wǎng)頁代碼和標(biāo)簽優(yōu)化實例4

    <div class="digg_act">踩一下</div>

    <div class="digg_num">({dede:field.badpost/})</div>

    <div class="digg_percent">

     <div class="digg_percent_bar"><span

         style="width:{dede:field.badper/} %"></span></div>

     <div class="digg_percent_num">{dede:field.badper/}%</div>

    </div>

   </div>

  </div>

  <script language="javascript"

         type="text/javascript">getDigg({dede:field. id/});</script>

收藏、挑錯、推薦、打印功能模板代碼如下：

<div class="actbox">

<ul>

  <li id="act-fav"><a href="{dede:field name='phpurl'/}/

      stow.php?aid={dede: field.id/}" target="_blank">收藏</a></li>

  <li id="act-err"><a href="{dede:field name='phpurl'/}/

      erraddsave.php?aid= {dede:field.id/}&title={dede:field.title/}"

      target="_blank">挑錯</a></li>

  <li id="act-pus"><a href="{dede:field name='phpurl'/}/

      recommend.php?aid= {dede:field.id/}" target="_blank">推薦</a></li>

  <li id="act-pnt"><a href="#" onClick="window.print();">打印</a></li>

 </ul>

</div>

頁面中收藏、挑錯、推薦、打印功能位置如下圖所示。

內(nèi)容頁底部的評論功能如下圖所示。

評論功能涉及的AJAX代碼如下：

<!-- //AJAX評論區(qū) -->

 {dede:include file='ajaxfeedback.htm' /} </div>

另外，內(nèi)容頁右側(cè)有發(fā)布者的相關(guān)信息，這部分信息通常對站長發(fā)布、不接受投稿的中小型網(wǎng)站來說是沒有意義的。內(nèi)容頁右側(cè)與發(fā)布者信息相對應(yīng)的模板文件代碼如下：

<div class="pright"> {dede:memberinfos}

 <div class="infos_userinfo">

  <dl class="tbox light">

   <dt class='light'><strong>發(fā)布者資料</strong></dt>

   <dd class='light'> <a href="[field:spaceurl /]" class="userface">

       <img src="[field:face/]" width="52" height="52" /> </a>

       <a href='[field:spaceurl /]' class="username">[field:uname/]</a>

       <span class="useract"> <a href="[field: spaceurl /]"

              class="useract-vi">查看詳細(xì)資料</a>

       <a href="[field:spaceurl /]&action=guestbook"

              class="useract-pm">發(fā)送留言</a>

       <a href="[field:spaceurl /]&action=newfriend"

              class="useract-af">加為好友</a> </span> 

       <span class="userinfo-sp"><small>用戶等級:</small>

              [field:rankname /]</span> 

       <span class="userinfo-sp"><small>注冊時間:</small>

              [field:jointime function="MyDate ('Y-m-d H:m',@me)"/]</span>

       <span class="userinfo-sp"><small>最后登錄:</small>

              [field:logintime function="MyDate('Y-m-d H:m',@me)"/]</span> </dd>

  </dl>

 </div>

 {/dede:memberinfos}

上面的各種交互性功能，對傾向于交互的站點來說可以有選擇性地保留，如果確定對自己的網(wǎng)站沒有幫助，可以刪除——如果拿不準(zhǔn)是否需要取消這些交互性功能，則可以參看本書后續(xù)章節(jié)，后面會有專門的章節(jié)詳細(xì)介紹這些交互性功能的存在意義和取舍方法。

       內(nèi)容頁<title>標(biāo)簽優(yōu)化

在默認(rèn)情況下，內(nèi)容頁<title>標(biāo)簽只顯示當(dāng)前文章的標(biāo)題和站名，源代碼如下：

<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>

這種標(biāo)簽顯示出來的效果如下圖所示。

從上圖可以看出，默認(rèn)的內(nèi)容頁標(biāo)題標(biāo)簽過于簡潔，雖然強(qiáng)調(diào)了文章標(biāo)題和站名，但是明顯缺少了當(dāng)前欄目名。要在這個標(biāo)簽中加入當(dāng)前的欄目名，將上述代碼修改成下面的代碼即可：

<title>{dede:field.title/}_{dede:field 

name='typename'/}_{dede:global.cfg_ webname/}</title>

修改后的<title>標(biāo)簽中將加入當(dāng)前文章所述的大欄目名稱，如下圖所示。

考慮到標(biāo)題長度限制的問題，這里沒有加入小欄目名稱，如果需要，優(yōu)化者可以自己添加。

       內(nèi)容頁<keywords、description>標(biāo)簽優(yōu)化

內(nèi)容頁的關(guān)鍵詞標(biāo)簽、描述標(biāo)簽優(yōu)化和上述各種頁面的標(biāo)簽優(yōu)化有所不同：內(nèi)容頁非常多，搜索引擎優(yōu)化者是否有時間和精力去針對每篇文章設(shè)計關(guān)鍵詞和描述？如果這個問題答案是肯定的，網(wǎng)站優(yōu)化者在更新文章時，就可以通過后臺功能詳細(xì)定義每篇文章的關(guān)鍵詞和描述，如下圖所示。

如果搜索引擎優(yōu)化者不能為每篇文章定義自己的關(guān)鍵詞，希望通過織夢系統(tǒng)提供的“自動獲取關(guān)鍵詞”功能生成關(guān)鍵詞，這是不現(xiàn)實的。因為到目前為止，國內(nèi)的主流CMS還沒有任何一個可以很好地提供關(guān)鍵詞自動提取功能，自動提取出來的關(guān)鍵詞幾乎都不靠譜，如下圖所示。

在這種情況下，建議優(yōu)化者干脆刪除內(nèi)容頁模板中的關(guān)鍵詞標(biāo)簽，代碼如下：

<meta name="keywords" content="{dede:field.keywords/}" />

值得一提的是內(nèi)容頁的<description>，也就是描述標(biāo)簽，當(dāng)前有很多人習(xí)慣采用文章的前一二百個字作為當(dāng)前內(nèi)容頁的描述標(biāo)簽，很多CMS默認(rèn)也提供這個功能。這種做法看起來很方便，但是效果卻不好說，因為并不是每篇文章的開頭部分都可以很好地概括這篇文章的主要內(nèi)容——如果不能很好地概括當(dāng)前文章的主要內(nèi)容，生成的描述標(biāo)簽既不能提高用戶體驗，也不利于優(yōu)化，并不可取。

當(dāng)內(nèi)容頁中不能確保大多數(shù)文章的前幾百個字可以歸納整篇文章的主要內(nèi)容時，同樣可以刪除內(nèi)容頁中的<description>標(biāo)簽，代碼如下：

<meta name="description" content="{dede:field.description

     function= 'html2text(@me)'/}" />

最后強(qiáng)調(diào)一下，上述的關(guān)鍵詞標(biāo)簽和描述標(biāo)簽的優(yōu)化需要根據(jù)實際情況來靈活判斷，如果優(yōu)化者在撰寫文章時可以做到精細(xì)地定義關(guān)鍵詞和描述，那么放置這兩個標(biāo)簽是有利于用戶體驗和搜索引擎優(yōu)化的；相反，如果都是自動生成的關(guān)鍵詞標(biāo)簽和描述標(biāo)簽，那么不要也罷。

內(nèi)容頁<h>標(biāo)簽優(yōu)化

針對任何一篇文章而言，內(nèi)容頁的<h>標(biāo)簽最好的優(yōu)化方式就是根據(jù)當(dāng)前文章的內(nèi)容結(jié)構(gòu)進(jìn)行優(yōu)化和標(biāo)識。

<h1>標(biāo)簽是每個頁面中最重要的內(nèi)容引導(dǎo)標(biāo)簽，應(yīng)該將它的內(nèi)容賦予成當(dāng)前內(nèi)容頁的主題，也就是文章標(biāo)題，如下圖所示。

與之相對應(yīng)的代碼也很簡單，直接在內(nèi)容頁模板文件中修改即可：

<h1 style="font-size:24px">{dede:field.title/}</h1>

在上述代碼中，style="font-size:24px"可以靈活地定義標(biāo)題的大小，可以根據(jù)需求自由調(diào)整。

除了<h1>標(biāo)簽以外，<h2>和<h3>標(biāo)簽的布局需要和文章內(nèi)容相結(jié)合，通常的做法是：為當(dāng)前文章的一級標(biāo)題賦予<h2>標(biāo)簽，為一級標(biāo)題下面的小標(biāo)題賦予<h3>標(biāo)簽，如下圖所示,

當(dāng)然，如果文章更新者時間不夠，或者文章內(nèi)容并不長，也可以采用“加粗”的方式來定義一級標(biāo)題，不必采用<h2>、<h3>標(biāo)簽等方式進(jìn)行定義，如下圖所示。

總體而言，除了上述標(biāo)簽以外，主流的CMS系統(tǒng)還存在一些訪問者可能會使用到的頁面，比如搜索頁、tag列表頁等，這些頁面的優(yōu)化比較簡單，這里不再詳細(xì)介紹。