正文

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

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


5.1.5  網(wǎng)頁<h>標(biāo)簽的常規(guī)優(yōu)化方法

對單網(wǎng)頁來說,頭部三大標(biāo)簽優(yōu)化完成之后,整個網(wǎng)頁的代碼優(yōu)化就大致完成一半,其余一些重要的權(quán)重標(biāo)簽優(yōu)化占到另外一半,比如<h>、<b>等。

<h>標(biāo)簽是所有權(quán)重標(biāo)簽中最重要的標(biāo)簽,它一共有6種樣式,即<h1>至<h6>,這些標(biāo)簽在影響頁面相關(guān)性方面逐級遞減,如圖5.13所示。

圖5.13  <h1>~<h6>標(biāo)簽

在實(shí)際的頁面優(yōu)化中,優(yōu)化者應(yīng)該將頁面中最重要的內(nèi)容加上<h1>標(biāo)簽,比如單網(wǎng)頁內(nèi)容區(qū)域中的標(biāo)題;將網(wǎng)頁中的主要段落標(biāo)題、二級分類加上<h2>標(biāo)簽,如圖5.14所示。

需要注意的是,對內(nèi)容單網(wǎng)頁來說,不建議采用過多的<h>標(biāo)簽進(jìn)行標(biāo)記。在通常情況下,<h1>出現(xiàn)1次,<h2>出現(xiàn)3、4次就足夠了。<h3>可能偶爾出現(xiàn)在分類較細(xì)的網(wǎng)站首頁,但是<h4>以后的<h>標(biāo)簽一般就沒有運(yùn)用的必要了。

圖5.14  <h1>標(biāo)簽

5.1.6  其他標(biāo)簽優(yōu)化

除了上述講解的幾個常用標(biāo)簽以外,還有一些其他的標(biāo)簽也可以適當(dāng)?shù)剡M(jìn)行優(yōu)化。比如:

— <font>標(biāo)簽:字體屬性定義;

— <b>標(biāo)簽:粗體屬性定義;

— <i>標(biāo)簽:斜體屬性定義;

— <u>標(biāo)簽:下畫線屬性定義。

這些標(biāo)簽有各自的作用,在“自然”的前提下,可以適當(dāng)?shù)厥褂?,以便讓網(wǎng)頁更有層次感,更能突出頁面內(nèi)容的重要性分級——但是這些標(biāo)簽一定不要在每一個單網(wǎng)頁中都頻繁出現(xiàn),或者在任何一個標(biāo)簽中都加入幾個關(guān)鍵詞,這樣的優(yōu)化會造成關(guān)鍵詞堆砌或者優(yōu)化過度,效果往往適得其反。

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

下面以主流的織夢CMS為例,詳細(xì)介紹頁面代碼和標(biāo)簽優(yōu)化的過程。需要說明的是,下面的優(yōu)化方法以簡潔明了為主,突出優(yōu)化一些主要的代碼和標(biāo)簽,可能適當(dāng)犧牲了一些用戶體驗(yàn),需要讀者根據(jù)自身的情況靈活采用。

5.2.1  首頁代碼和標(biāo)簽優(yōu)化

作為網(wǎng)站主頁,最重要的作用就是匯集整站最新資源,并且為用戶提供功能全面的導(dǎo)航。從搜索引擎優(yōu)化的角度而言,網(wǎng)站主頁還承擔(dān)著對主要關(guān)鍵詞和網(wǎng)站品牌的優(yōu)化任務(wù)。

首頁模板文件位置

在默認(rèn)情況下,生成靜態(tài)HTML的織夢首頁,需要對首頁模板文件進(jìn)行修改,然后重新生成靜態(tài)首頁才能看到效果。

默認(rèn)的首頁模板文件在“網(wǎng)站根目錄/templets/default”文件夾下,具體的文件名是“index.htm”,如圖5.15所示。

圖5.15  首頁默認(rèn)模板

修改完這個文件以后,登錄織夢后臺,選擇生成首頁并訪問首頁,即可看到更改。

首頁代碼精簡與功能取舍

在默認(rèn)情況下,織夢CMS首頁包含很多元素,也有很多功能。根據(jù)站長的不同需求,這些功能和元素可能并非必需,所以需要刪除和去掉。

— “用戶登錄校驗(yàn)”:在織夢首頁模板的源代碼中,有一個函數(shù)用以檢測來訪者是否是會員,是否已經(jīng)登錄。這個功能對單純的文檔發(fā)布型網(wǎng)站意義不大,但是對較多交互型的網(wǎng)站來說比較重要。基于代碼精簡的角度和目標(biāo)網(wǎng)站的內(nèi)容設(shè)計,這里選擇刪除。相關(guān)代碼如下:

function CheckLogin(){

  var taget_obj = document.getElementById('_userlogin');

  myajax = new DedeAjax(taget_obj,false,false,'','','');   myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");

  DedeXHTTP = null;

}

— “互動中心”:在互動中心中,有網(wǎng)站文章的最新頂踩文章列表、評論文章列表和會員狀態(tài),這個功能同樣適用于交互性比較強(qiáng)或者說比較重視交互性的網(wǎng)站。這里以單純的文檔發(fā)布網(wǎng)站為例,選擇刪除,代碼如下。功能展示位置如圖5.16所示。

<div class="usercenter">

 <dl class="tbox light">

  <dt class='light'> <strong>互動中心</strong> <span class="label"> 

    <a href="#" _for="uc_digg">踩踩</a> 

    <a href="#" _for="uc_comment">評論</a> 

    <a href="#" _for="uc_member">會員</a> </span> </dt>

  <dd id="loading"> 正在載入,請稍候... </dd>

  <dd id="uc_digg">

   <ul class="f1">

    {dede:arclist orderby='scores' row='8' subday='30' titlelen='42'}

    <li> <a href="[field:arcurl/]">[field:title/]</a>

     <span><small>點(diǎn)擊:</small>[field:click/]</span> 

     <span><small>評價:</small>[field:scores/] </span></li>

    {/dede:arclist}

   </ul>

  </dd>

  <!-- /uc_digg -->

  <dd id="uc_comment">

   <ul class="f2">

    {dede:feedback row='5' titlelen='24' infolen='80'}

    <li> <small><a href="#" class="username">

       field:username function="(@me== 'guest' ? '游客' : @me)"/]</a> 評論

       <a href="[field:global.cfg_phpurl/]/feedback. php?aid=[field:aid/]"

       class="title">[field:title/]</a></small>

     <p>[field:msg/]</p>

    </li>

    {/dede:feedback}

   </ul>

  </dd>

  <!-- /uc_comment -->

  <dd id="uc_member" >

   <div id="_userlogin">

    <div class="userlogin">

     <form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do. php" 

              method="POST">

      <input type="hidden" name="fmdo" value="login" />

      <input type="hidden" name="dopost" value="login" />

      <input type="hidden" name="keeptime" value="604800" />

      <div class="fb"><span>用戶名:</span>

       <input type="text" name="userid" size="20" class="ipt-txt" />

      </div>

      <div class="fb"><span>密碼:</span>

       <input type="password" name="pwd" size="20" class="ipt-txt" />

      </div>

      {dede:php}

      if(preg_match("#2#", $safe_gdopen))

      {

      echo '

      <div class="fb"><span>驗(yàn)證碼:</span>

       <input type="text" name="vdcode" size="8" class="ipt-txt" />

       <img id="vdimgck" align="absmiddle"

           onClick="this.src=this.src+\'?\'" 

           style="cursor:pointer;margin-left:0px;text-transform:uppercase;"

           alt="看不清?點(diǎn)擊更換" 

           src="'.$cfg_cmspath.'/include/vdimgck.php"/></div>

      ';

      }

      {/dede:php}

      <div class="submit">

       <button type="submit" class="btn-1">登錄</button>

       <a href="{dede:global.cfg_memberurl/}

          /index_do.php?fmdo=user&dopost= regnew" >注冊賬號</a>

          <a href="{dede:global.cfg_memberurl/}/

          resetpassword.php">忘記密碼?</a> </div>

     </form>

    </div>

   </div>

   <!-- /userlogin -->

   <script language="javascript"

       type="text/javascript">CheckLogin();</script>

   <div class="latestlogin"> <strong>最近登錄的會員</strong>

    <ul class="e7">

     {dede:memberlist row=6 signlen=30}

     <li><a href="[field:spaceurl/]" target="_blank">

              <img src="[field:face/]" alt='[field:spacename/]'

              width="52" height="52" />[field:uname/]</a></li>

     {/dede:memberlist}

    </ul>

   </div>

   <!-- /latestlogin -->

  </dd>

  <!-- /uc_member -->

 </dl>

</div>

— “廣告位”:為了方便站長,織夢默認(rèn)就在首頁放置了很多廣告位,這些廣告位在當(dāng)前沒有太大的作用,要到網(wǎng)站后期已經(jīng)上線之后再進(jìn)行詳細(xì)規(guī)劃和設(shè)定,所以這里選擇刪除。所處位置如圖5.17所示:

圖5.16  互動中心      

 

   

圖5.17  廣告位

— “投票調(diào)查”:投票調(diào)查功能是為了收集用戶需求而生成的,在電子商務(wù)和網(wǎng)絡(luò)營銷網(wǎng)站上用處比較大。這里以單純的頁面發(fā)布型網(wǎng)站為例,也選擇刪除此功能,相關(guān)代碼如下。功能所處位置如圖5.18所示。

<div class="vote mt1">

 <dl class="tbox light">

  <dt class='light'><strong>投票調(diào)查</strong></dt>

  <script language="javascript" src="{dede:global.cfg_cmsurl/}/data/vote/   vote_1.js"></script>

 </dl>

</div>

<!-- /vote -->

圖5.18  投票調(diào)查

— “友情鏈接”:友情鏈接是現(xiàn)在網(wǎng)站必備的功能之一,對網(wǎng)站優(yōu)化也有很多好處,所以應(yīng)該選擇保留。不過美中不足的是,織夢首頁的友情鏈接分類過于繁雜,對中小型網(wǎng)站來說并不適合,造成垃圾代碼的產(chǎn)生,所以,友情鏈接部分應(yīng)該進(jìn)行精簡,只保留一個簡單的列表即可,如圖5.19所示。

圖5.19  友情鏈接

上述各項,只是針對網(wǎng)站首頁功能上的修改和刪減,站長可以根據(jù)自身的需求進(jìn)行調(diào)整,不必照搬。

首頁<title>標(biāo)簽優(yōu)化和注意事項

前文提到,在所有頁面中,<title>是非常重要的一個標(biāo)簽,所以首頁標(biāo)簽優(yōu)化應(yīng)該首先優(yōu)化<title>標(biāo)簽。

在默認(rèn)情況下,織夢首頁的<title>標(biāo)簽代碼如下:

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

其中“<title>…</title>”是標(biāo)簽格式,中間的“{dede:global.cfg_webname/}”表示調(diào)用數(shù)據(jù)庫中的網(wǎng)站名稱。這種<title>標(biāo)簽格式是最常見的,也是需要優(yōu)化的基本格式。

對中小型網(wǎng)站來說,從優(yōu)化目的來看,首頁<title>標(biāo)簽可以分為兩種編寫方式:

— 品牌名(站名)+ 二級關(guān)鍵詞;

— 品牌名(站名)+ 品牌口號、理念、特色等廣告語。

對中小型網(wǎng)站來說,如果要采用第一種方式,應(yīng)該對<title>標(biāo)簽進(jìn)行如下的修改:

<title>{dede:global.cfg_webname/}_二級關(guān)鍵詞1_二級關(guān)鍵詞2_二級關(guān)鍵詞3</title>

或者顛倒一下順序:

<title>二級關(guān)鍵詞1_二級關(guān)鍵詞2_二級關(guān)鍵詞3_{dede:global.cfg_webname/}</title>

在目前網(wǎng)絡(luò)中,采用這種方式的網(wǎng)站是最多的,也是大家普遍比較認(rèn)同的首頁標(biāo)簽優(yōu)化方式,如圖5.20所示。

圖5.20  <title>標(biāo)簽的構(gòu)成

如果中小型網(wǎng)站有自己明確的理念或者優(yōu)秀的廣告語、特色服務(wù)等,并且希望來訪者快速記住自己的網(wǎng)站、品牌,可以采用上述的第二種方式優(yōu)化網(wǎng)站首頁<title>標(biāo)簽:

<title>{dede:global.cfg_webname/}_廣告語(或者理念、特色)</title>

<title>廣告語(或者理念、特色)_{dede:global.cfg_webname/}</title>

用這種方式構(gòu)成的首頁標(biāo)題,偏重于品牌建設(shè),同樣也是非常優(yōu)秀的<title>標(biāo)簽優(yōu)化方法,如圖5.21所示。

圖5.21  品牌為重的標(biāo)題

首頁<title>標(biāo)簽優(yōu)化比較簡單,但是卻比較重要,優(yōu)化者在進(jìn)行實(shí)際操作的過程中,需要注意標(biāo)題長度、關(guān)鍵詞順序等系列問題。基本原則是:在符合搜索引擎搜索結(jié)果顯示中的標(biāo)題長度基礎(chǔ)上,越靠前越重要,越靠后相對越不重要。


上一章目錄下一章

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