<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>

圖5.41  頂踩功能

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

<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">挑錯(cuò)</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>

頁面中收藏、挑錯(cuò)、推薦、打印功能位置如圖5.42所示。

圖5.42  收藏、挑錯(cuò)、推薦、打印功能位置

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

圖5.43  頁面底部的評(píng)論功能

評(píng)論功能涉及的AJAX代碼如下：

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

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

另外，內(nèi)容頁右側(cè)有發(fā)布者的相關(guān)信息，這部分信息通常對(duì)站長發(fā)布、不接受投稿的中小型網(wǎng)站來說是沒有意義的。內(nèi)容頁右側(cè)與發(fā)布者信息相對(duì)應(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>用戶等級(jí):</small>

              [field:rankname /]</span> 

       <span class="userinfo-sp"><small>注冊時(shí)間:</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}

上面的各種交互性功能，對(duì)傾向于交互的站點(diǎn)來說可以有選擇性地保留，如果確定對(duì)自己的網(wǎng)站沒有幫助，可以刪除——如果拿不準(zhǔn)是否需要取消這些交互性功能，則可以參看本書后續(xù)章節(jié)，后面會(huì)有專門的章節(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)簽顯示出來的效果如圖5.44所示。

圖5.44  默認(rèn)的內(nèi)容頁<title>標(biāo)簽

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

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

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

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

圖5.45  帶欄目名的<title>標(biāo)簽

考慮到標(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í)間和精力去針對(duì)每篇文章設(shè)計(jì)關(guān)鍵詞和描述？如果這個(gè)問題答案是肯定的，網(wǎng)站優(yōu)化者在更新文章時(shí)，就可以通過后臺(tái)功能詳細(xì)定義每篇文章的關(guān)鍵詞和描述，如圖5.46所示。

圖5.46  關(guān)鍵詞和描述定義

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

圖5.47  自動(dòng)提取關(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í)慣采用文章的前一二百個(gè)字作為當(dāng)前內(nèi)容頁的描述標(biāo)簽，很多CMS默認(rèn)也提供這個(gè)功能。這種做法看起來很方便，但是效果卻不好說，因?yàn)椴⒉皇敲科恼碌拈_頭部分都可以很好地概括這篇文章的主要內(nèi)容——如果不能很好地概括當(dāng)前文章的主要內(nèi)容，生成的描述標(biāo)簽既不能提高用戶體驗(yàn)，也不利于優(yōu)化，并不可取。

當(dāng)內(nèi)容頁中不能確保大多數(shù)文章的前幾百個(gè)字可以歸納整篇文章的主要內(nèi)容時(shí)，同樣可以刪除內(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ù)實(shí)際情況來靈活判斷，如果優(yōu)化者在撰寫文章時(shí)可以做到精細(xì)地定義關(guān)鍵詞和描述，那么放置這兩個(gè)標(biāo)簽是有利于用戶體驗(yàn)和搜索引擎優(yōu)化的；相反，如果都是自動(dòng)生成的關(guān)鍵詞標(biāo)簽和描述標(biāo)簽，那么不要也罷。

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

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

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

圖5.48  標(biāo)題的<h1>屬性

與之相對(duì)應(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)前文章的一級(jí)標(biāo)題賦予<h2>標(biāo)簽，為一級(jí)標(biāo)題下面的小標(biāo)題賦予<h3>標(biāo)簽，如圖5.49所示,

圖5.49  <h2>和<h3>標(biāo)簽的布置

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

圖5.50  加粗功能

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