正文

適合主流CMS系統(tǒng)的代碼優(yōu)化方法(6)

實戰(zhàn)SEO:實用技法與案例剖析 作者:藏鋒者


頂踩功能如圖5.41所示。相關模板代碼如下:

  <div class="newdigg" id="newdigg">

   <div class="diggbox digg_good" onmousemove="this.style.backgroundPosition

='left bottom';" onmouseout="this.style.backgroundPosition='left

top';" onclick= "javascript:postDigg('good',{dede:field.id/})">

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

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

    <div class="digg_percent">

     <div class="digg_percent_bar"><span

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

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

    </div>

   </div>

   <div class="diggbox digg_bad" onmousemove="this.style.backgroundPosition

='right bottom';" onmouseout="this.style.backgroundPosition='right

            top';" onclick="javascript:postDigg('bad',{dede:field.id/})">

    <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  頂踩功能

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

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

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

圖5.42  收藏、挑錯、推薦、打印功能位置

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

圖5.43  頁面底部的評論功能

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

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

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

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

<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">查看詳細資料</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)站沒有幫助,可以刪除——如果拿不準是否需要取消這些交互性功能,則可以參看本書后續(xù)章節(jié),后面會有專門的章節(jié)詳細介紹這些交互性功能的存在意義和取舍方法。

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

在默認情況下,內(nèi)容頁<title>標簽只顯示當前文章的標題和站名,源代碼如下:

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

這種標簽顯示出來的效果如圖5.44所示。

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

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

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

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

修改后的<title>標簽中將加入當前文章所述的大欄目名稱,如圖5.45所示。

圖5.45  帶欄目名的<title>標簽

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

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

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

圖5.46  關鍵詞和描述定義

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

圖5.47  自動提取關鍵詞功能

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

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

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

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

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

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

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

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

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

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

圖5.48  標題的<h1>屬性

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

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

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

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

圖5.49  <h2>和<h3>標簽的布置

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

圖5.50  加粗功能

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


上一章目錄下一章

Copyright ? 讀書網(wǎng) www.talentonion.com 2005-2020, All Rights Reserved.
鄂ICP備15019699號 鄂公網(wǎng)安備 42010302001612號