W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
以主流的織夢CMS為例,詳細介紹頁面代碼和標簽優(yōu)化的過程。需要說明的是,下面的優(yōu)化方法以簡潔明了為主,突出優(yōu)化一些主要的代碼和標簽,可能適當犧牲了一些用戶體驗,需要讀者根據自身的情況靈活采用。
作為網站主頁,最重要的作用就是匯集整站最新資源,并且為用戶提供功能全面的導航。從搜索引擎優(yōu)化的角度而言,網站主頁還承擔著對主要關鍵詞和網站品牌的優(yōu)化任務。
在默認情況下,生成靜態(tài)HTML的織夢首頁,需要對首頁模板文件進行修改,然后重新生成靜態(tài)首頁才能看到效果。
默認的首頁模板文件在“網站根目錄/templets/default”文件夾下,具體的文件名是“index.htm”,如下圖所示。
修改完這個文件以后,登錄織夢后臺,選擇生成首頁并訪問首頁,即可看到更改。
在默認情況下,織夢CMS首頁包含很多元素,也有很多功能。根據站長的不同需求,這些功能和元素可能并非必需,所以需要刪除和去掉。
- “用戶登錄校驗”:在織夢首頁模板的源代碼中,有一個函數(shù)用以檢測來訪者是否是會員,是否已經登錄。這個功能對單純的文檔發(fā)布型網站意義不大,但是對較多交互型的網站來說比較重要。基于代碼精簡的角度和目標網站的內容設計,這里選擇刪除。相關代碼如下:
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;
}
- “互動中心”:在互動中心中,有網站文章的最新頂踩文章列表、評論文章列表和會員狀態(tài),這個功能同樣適用于交互性比較強或者說比較重視交互性的網站。這里以單純的文檔發(fā)布網站為例,選擇刪除,代碼如下。
<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>點擊:</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>驗證碼:</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="看不清?點擊更換"
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>
- “廣告位”:為了方便站長,織夢默認就在首頁放置了很多廣告位,這些廣告位在當前沒有太大的作用,要到網站后期已經上線之后再進行詳細規(guī)劃和設定,所以這里選擇刪除。所處位置如下圖所示:
- “投票調查”:投票調查功能是為了收集用戶需求而生成的,在電子商務和網絡營銷網站上用處比較大。這里以單純的頁面發(fā)布型網站為例,也選擇刪除此功能,相關代碼如下。功能所處位置如下圖所示。
<div class="vote mt1">
<dl class="tbox light">
<dt class='light'><strong>投票調查</strong></dt>
<script language="javascript" src="{dede:global.cfg_cmsurl/}/data/vote/ vote_1.js"></script>
</dl>
</div>
<!-- /vote -->
- “友情鏈接”:友情鏈接是現(xiàn)在網站必備的功能之一,對網站優(yōu)化也有很多好處,所以應該選擇保留。不過美中不足的是,織夢首頁的友情鏈接分類過于繁雜,對中小型網站來說并不適合,造成垃圾代碼的產生,所以,友情鏈接部分應該進行精簡,只保留一個簡單的列表即可,如下圖所示。
上述各項,只是針對網站首頁功能上的修改和刪減,站長可以根據自身的需求進行調整,不必照搬。
前文提到,在所有頁面中,<title>是非常重要的一個標簽,所以首頁標簽優(yōu)化應該首先優(yōu)化<title>標簽。
在默認情況下,織夢首頁的<title>標簽代碼如下:
<title>{dede:global.cfg_webname/}</title>
其中“<title>…</title>”是標簽格式,中間的“{dede:global.cfg_webname/}”表示調用數(shù)據庫中的網站名稱。這種<title>標簽格式是最常見的,也是需要優(yōu)化的基本格式。
對中小型網站來說,從優(yōu)化目的來看,首頁<title>標簽可以分為兩種編寫方式:
- 品牌名(站名)+ 二級關鍵詞;
- 品牌名(站名)+ 品牌口號、理念、特色等廣告語。
對中小型網站來說,如果要采用第一種方式,應該對<title>標簽進行如下的修改:
<title>{dede:global.cfg_webname/}_二級關鍵詞1_二級關鍵詞2_二級關鍵詞3</title>
或者顛倒一下順序:
<title>二級關鍵詞1_二級關鍵詞2_二級關鍵詞3_{dede:global.cfg_webname/}</title>
在目前網絡中,采用這種方式的網站是最多的,也是大家普遍比較認同的首頁標簽優(yōu)化方式,如下圖所示。
如果中小型網站有自己明確的理念或者優(yōu)秀的廣告語、特色服務等,并且希望來訪者快速記住自己的網站、品牌,可以采用上述的第二種方式優(yōu)化網站首頁<title>標簽:
<title>{dede:global.cfg_webname/}_廣告語(或者理念、特色)</title>
<title>廣告語(或者理念、特色)_{dede:global.cfg_webname/}</title>
用這種方式構成的首頁標題,偏重于品牌建設,同樣也是非常優(yōu)秀的<title>標簽優(yōu)化方法,如下圖所示。
首頁<title>標簽優(yōu)化比較簡單,但是卻比較重要,優(yōu)化者在進行實際操作的過程中,需要注意標題長度、關鍵詞順序等系列問題?;驹瓌t是:在符合搜索引擎搜索結果顯示中的標題長度基礎上,越靠前越重要,越靠后相對越不重要。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: