5.1.5 網(wǎng)頁(yè)<h>標(biāo)簽的常規(guī)優(yōu)化方法
對(duì)單網(wǎng)頁(yè)來(lái)說(shuō)，頭部三大標(biāo)簽優(yōu)化完成之后，整個(gè)網(wǎng)頁(yè)的代碼優(yōu)化就大致完成一半，其余一些重要的權(quán)重標(biāo)簽優(yōu)化占到另外一半，比如<h>、<b>等。
<h>標(biāo)簽是所有權(quán)重標(biāo)簽中最重要的標(biāo)簽，它一共有6種樣式，即<h1>至<h6>，這些標(biāo)簽在影響頁(yè)面相關(guān)性方面逐級(jí)遞減，如圖5.13所示。
圖5.13 <h1>～<h6>標(biāo)簽
在實(shí)際的頁(yè)面優(yōu)化中，優(yōu)化者應(yīng)該將頁(yè)面中最重要的內(nèi)容加上<h1>標(biāo)簽，比如單網(wǎng)頁(yè)內(nèi)容區(qū)域中的標(biāo)題；將網(wǎng)頁(yè)中的主要段落標(biāo)題、二級(jí)分類加上<h2>標(biāo)簽，如圖5.14所示。
需要注意的是，對(duì)內(nèi)容單網(wǎng)頁(yè)來(lái)說(shuō)，不建議采用過(guò)多的<h>標(biāo)簽進(jìn)行標(biāo)記。在通常情況下，<h1>出現(xiàn)1次，<h2>出現(xiàn)3、4次就足夠了。<h3>可能偶爾出現(xiàn)在分類較細(xì)的網(wǎng)站首頁(yè)，但是<h4>以后的<h>標(biāo)簽一般就沒(méi)有運(yùn)用的必要了。
圖5.14 <h1>標(biāo)簽
5.1.6 其他標(biāo)簽優(yōu)化
除了上述講解的幾個(gè)常用標(biāo)簽以外，還有一些其他的標(biāo)簽也可以適當(dāng)?shù)剡M(jìn)行優(yōu)化。比如：
— <font>標(biāo)簽：字體屬性定義；
— <b>標(biāo)簽：粗體屬性定義；
— <i>標(biāo)簽：斜體屬性定義；
— <u>標(biāo)簽：下畫(huà)線屬性定義。
這些標(biāo)簽有各自的作用，在“自然”的前提下，可以適當(dāng)?shù)厥褂茫员阕尵W(wǎng)頁(yè)更有層次感，更能突出頁(yè)面內(nèi)容的重要性分級(jí)——但是這些標(biāo)簽一定不要在每一個(gè)單網(wǎng)頁(yè)中都頻繁出現(xiàn)，或者在任何一個(gè)標(biāo)簽中都加入幾個(gè)關(guān)鍵詞，這樣的優(yōu)化會(huì)造成關(guān)鍵詞堆砌或者優(yōu)化過(guò)度，效果往往適得其反。
5.2 主流CMS系統(tǒng)網(wǎng)頁(yè)代碼和標(biāo)簽優(yōu)化實(shí)例
下面以主流的織夢(mèng)CMS為例，詳細(xì)介紹頁(yè)面代碼和標(biāo)簽優(yōu)化的過(guò)程。需要說(shuō)明的是，下面的優(yōu)化方法以簡(jiǎn)潔明了為主，突出優(yōu)化一些主要的代碼和標(biāo)簽，可能適當(dāng)犧牲了一些用戶體驗(yàn)，需要讀者根據(jù)自身的情況靈活采用。
5.2.1 首頁(yè)代碼和標(biāo)簽優(yōu)化
作為網(wǎng)站主頁(yè)，最重要的作用就是匯集整站最新資源，并且為用戶提供功能全面的導(dǎo)航。從搜索引擎優(yōu)化的角度而言，網(wǎng)站主頁(yè)還承擔(dān)著對(duì)主要關(guān)鍵詞和網(wǎng)站品牌的優(yōu)化任務(wù)。
首頁(yè)模板文件位置
在默認(rèn)情況下，生成靜態(tài)HTML的織夢(mèng)首頁(yè)，需要對(duì)首頁(yè)模板文件進(jìn)行修改，然后重新生成靜態(tài)首頁(yè)才能看到效果。
默認(rèn)的首頁(yè)模板文件在“網(wǎng)站根目錄/templets/default”文件夾下，具體的文件名是“index.htm”，如圖5.15所示。
圖5.15 首頁(yè)默認(rèn)模板
修改完這個(gè)文件以后，登錄織夢(mèng)后臺(tái)，選擇生成首頁(yè)并訪問(wèn)首頁(yè)，即可看到更改。
首頁(yè)代碼精簡(jiǎn)與功能取舍
在默認(rèn)情況下，織夢(mèng)CMS首頁(yè)包含很多元素，也有很多功能。根據(jù)站長(zhǎng)的不同需求，這些功能和元素可能并非必需，所以需要?jiǎng)h除和去掉。
— “用戶登錄校驗(yàn)”：在織夢(mèng)首頁(yè)模板的源代碼中，有一個(gè)函數(shù)用以檢測(cè)來(lái)訪者是否是會(huì)員，是否已經(jīng)登錄。這個(gè)功能對(duì)單純的文檔發(fā)布型網(wǎng)站意義不大，但是對(duì)較多交互型的網(wǎng)站來(lái)說(shuō)比較重要。基于代碼精簡(jiǎn)的角度和目標(biāo)網(wǎng)站的內(nèi)容設(shè)計(jì)，這里選擇刪除。相關(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;
}
— “互動(dòng)中心”：在互動(dòng)中心中，有網(wǎng)站文章的最新頂踩文章列表、評(píng)論文章列表和會(huì)員狀態(tài)，這個(gè)功能同樣適用于交互性比較強(qiáng)或者說(shuō)比較重視交互性的網(wǎng)站。這里以單純的文檔發(fā)布網(wǎng)站為例，選擇刪除，代碼如下。功能展示位置如圖5.16所示。
<div class="usercenter">
<dl class="tbox light">
<dt class='light'> <strong>互動(dòng)中心</strong> <span class="label">
<a href="#" _for="uc_digg">踩踩</a>
<a href="#" _for="uc_comment">評(píng)論</a>
<a href="#" _for="uc_member">會(huì)員</a> </span> </dt>
<dd id="loading"> 正在載入,請(qǐng)稍候... </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>評(píng)價(jià):</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> 評(píng)論
<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" >注冊(cè)賬號(hào)</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>最近登錄的會(huì)員</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>
— “廣告位”：為了方便站長(zhǎng)，織夢(mèng)默認(rèn)就在首頁(yè)放置了很多廣告位，這些廣告位在當(dāng)前沒(méi)有太大的作用，要到網(wǎng)站后期已經(jīng)上線之后再進(jìn)行詳細(xì)規(guī)劃和設(shè)定，所以這里選擇刪除。所處位置如圖5.17所示：
圖5.16 互動(dòng)中心
圖5.17 廣告位
— “投票調(diào)查”：投票調(diào)查功能是為了收集用戶需求而生成的，在電子商務(wù)和網(wǎng)絡(luò)營(yíng)銷網(wǎng)站上用處比較大。這里以單純的頁(yè)面發(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)站必備的功能之一，對(duì)網(wǎng)站優(yōu)化也有很多好處，所以應(yīng)該選擇保留。不過(guò)美中不足的是，織夢(mèng)首頁(yè)的友情鏈接分類過(guò)于繁雜，對(duì)中小型網(wǎng)站來(lái)說(shuō)并不適合，造成垃圾代碼的產(chǎn)生，所以，友情鏈接部分應(yīng)該進(jìn)行精簡(jiǎn)，只保留一個(gè)簡(jiǎn)單的列表即可，如圖5.19所示。
圖5.19 友情鏈接
上述各項(xiàng)，只是針對(duì)網(wǎng)站首頁(yè)功能上的修改和刪減，站長(zhǎng)可以根據(jù)自身的需求進(jìn)行調(diào)整，不必照搬。
首頁(yè)<title>標(biāo)簽優(yōu)化和注意事項(xiàng)
前文提到，在所有頁(yè)面中，<title>是非常重要的一個(gè)標(biāo)簽，所以首頁(yè)標(biāo)簽優(yōu)化應(yīng)該首先優(yōu)化<title>標(biāo)簽。
在默認(rèn)情況下，織夢(mèng)首頁(yè)的<title>標(biāo)簽代碼如下：
<title>{dede:global.cfg_webname/}</title>
其中“<title>…</title>”是標(biāo)簽格式，中間的“{dede:global.cfg_webname/}”表示調(diào)用數(shù)據(jù)庫(kù)中的網(wǎng)站名稱。這種<title>標(biāo)簽格式是最常見(jiàn)的，也是需要優(yōu)化的基本格式。
對(duì)中小型網(wǎng)站來(lái)說(shuō)，從優(yōu)化目的來(lái)看，首頁(yè)<title>標(biāo)簽可以分為兩種編寫(xiě)方式：
— 品牌名（站名）+ 二級(jí)關(guān)鍵詞；
— 品牌名（站名）+ 品牌口號(hào)、理念、特色等廣告語(yǔ)。
對(duì)中小型網(wǎng)站來(lái)說(shuō)，如果要采用第一種方式，應(yīng)該對(duì)<title>標(biāo)簽進(jìn)行如下的修改：
<title>{dede:global.cfg_webname/}_二級(jí)關(guān)鍵詞1_二級(jí)關(guān)鍵詞2_二級(jí)關(guān)鍵詞3</title>
或者顛倒一下順序：
<title>二級(jí)關(guān)鍵詞1_二級(jí)關(guān)鍵詞2_二級(jí)關(guān)鍵詞3_{dede:global.cfg_webname/}</title>
在目前網(wǎng)絡(luò)中，采用這種方式的網(wǎng)站是最多的，也是大家普遍比較認(rèn)同的首頁(yè)標(biāo)簽優(yōu)化方式，如圖5.20所示。
圖5.20 <title>標(biāo)簽的構(gòu)成
如果中小型網(wǎng)站有自己明確的理念或者優(yōu)秀的廣告語(yǔ)、特色服務(wù)等，并且希望來(lái)訪者快速記住自己的網(wǎng)站、品牌，可以采用上述的第二種方式優(yōu)化網(wǎng)站首頁(yè)<title>標(biāo)簽：
<title>{dede:global.cfg_webname/}_廣告語(yǔ)（或者理念、特色）</title>
<title>廣告語(yǔ)（或者理念、特色）_{dede:global.cfg_webname/}</title>
用這種方式構(gòu)成的首頁(yè)標(biāo)題，偏重于品牌建設(shè)，同樣也是非常優(yōu)秀的<title>標(biāo)簽優(yōu)化方法，如圖5.21所示。
圖5.21 品牌為重的標(biāo)題
首頁(yè)<title>標(biāo)簽優(yōu)化比較簡(jiǎn)單，但是卻比較重要，優(yōu)化者在進(jìn)行實(shí)際操作的過(guò)程中，需要注意標(biāo)題長(zhǎng)度、關(guān)鍵詞順序等系列問(wèn)題。基本原則是：在符合搜索引擎搜索結(jié)果顯示中的標(biāo)題長(zhǎng)度基礎(chǔ)上，越靠前越重要，越靠后相對(duì)越不重要。
鄂公網(wǎng)安備 42010302001612號(hào)