5.1.5 网页<h>标签的常规优化方法
对单网页来说，头部三大标签优化完成之后，整个网页的代码优化就大致完成一半，其余一些重要的权重标签优化占到另外一半，比如<h>、<b>等。
<h>标签是所有权重标签中最重要的标签，它一共有6种样式，即<h1>至<h6>，这些标签在影响页面相关性方面逐级递减，如图5.13所示。
图5.13 <h1>～<h6>标签
在实际的页面优化中，优化者应该将页面中最重要的内容加上<h1>标签，比如单网页内容区域中的标题；将网页中的主要段落标题、二级分类加上<h2>标签，如图5.14所示。
需要注意的是，对内容单网页来说，不建议采用过多的<h>标签进行标记。在通常情况下，<h1>出现1次，<h2>出现3、4次就足够了。<h3>可能偶尔出现在分类较细的网站首页，但是<h4>以后的<h>标签一般就没有运用的必要了。
图5.14 <h1>标签
5.1.6 其他标签优化
除了上述讲解的几个常用标签以外，还有一些其他的标签也可以适当地进行优化。比如：
— <font>标签：字体属性定义；
— <b>标签：粗体属性定义；
— <i>标签：斜体属性定义；
— <u>标签：下画线属性定义。
这些标签有各自的作用，在“自然”的前提下，可以适当地使用，以便让网页更有层次感，更能突出页面内容的重要性分级——但是这些标签一定不要在每一个单网页中都频繁出现，或者在任何一个标签中都加入几个关键词，这样的优化会造成关键词堆砌或者优化过度，效果往往适得其反。
5.2 主流CMS系统网页代码和标签优化实例
下面以主流的织梦CMS为例，详细介绍页面代码和标签优化的过程。需要说明的是，下面的优化方法以简洁明了为主，突出优化一些主要的代码和标签，可能适当牺牲了一些用户体验，需要读者根据自身的情况灵活采用。
5.2.1 首页代码和标签优化
作为网站主页，最重要的作用就是汇集整站最新资源，并且为用户提供功能全面的导航。从搜索引擎优化的角度而言，网站主页还承担着对主要关键词和网站品牌的优化任务。
首页模板文件位置
在默认情况下，生成静态HTML的织梦首页，需要对首页模板文件进行修改，然后重新生成静态首页才能看到效果。
默认的首页模板文件在“网站根目录/templets/default”文件夹下，具体的文件名是“index.htm”，如图5.15所示。
图5.15 首页默认模板
修改完这个文件以后，登录织梦后台，选择生成首页并访问首页，即可看到更改。
首页代码精简与功能取舍
在默认情况下，织梦CMS首页包含很多元素，也有很多功能。根据站长的不同需求，这些功能和元素可能并非必需，所以需要删除和去掉。
— “用户登录校验”：在织梦首页模板的源代码中，有一个函数用以检测来访者是否是会员，是否已经登录。这个功能对单纯的文档发布型网站意义不大，但是对较多交互型的网站来说比较重要。基于代码精简的角度和目标网站的内容设计，这里选择删除。相关代码如下：
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;
}
— “互动中心”：在互动中心中，有网站文章的最新顶踩文章列表、评论文章列表和会员状态，这个功能同样适用于交互性比较强或者说比较重视交互性的网站。这里以单纯的文档发布网站为例，选择删除，代码如下。功能展示位置如图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>点击:</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>
— “广告位”：为了方便站长，织梦默认就在首页放置了很多广告位，这些广告位在当前没有太大的作用，要到网站后期已经上线之后再进行详细规划和设定，所以这里选择删除。所处位置如图5.17所示：
图5.16 互动中心
图5.17 广告位
— “投票调查”：投票调查功能是为了收集用户需求而生成的，在电子商务和网络营销网站上用处比较大。这里以单纯的页面发布型网站为例，也选择删除此功能，相关代码如下。功能所处位置如图5.18所示。
<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 -->
图5.18 投票调查
— “友情链接”：友情链接是现在网站必备的功能之一，对网站优化也有很多好处，所以应该选择保留。不过美中不足的是，织梦首页的友情链接分类过于繁杂，对中小型网站来说并不适合，造成垃圾代码的产生，所以，友情链接部分应该进行精简，只保留一个简单的列表即可，如图5.19所示。
图5.19 友情链接
上述各项，只是针对网站首页功能上的修改和删减，站长可以根据自身的需求进行调整，不必照搬。
首页<title>标签优化和注意事项
前文提到，在所有页面中，<title>是非常重要的一个标签，所以首页标签优化应该首先优化<title>标签。
在默认情况下，织梦首页的<title>标签代码如下：
<title>{dede:global.cfg_webname/}</title>
其中“<title>…</title>”是标签格式，中间的“{dede:global.cfg_webname/}”表示调用数据库中的网站名称。这种<title>标签格式是最常见的，也是需要优化的基本格式。
对中小型网站来说，从优化目的来看，首页<title>标签可以分为两种编写方式：
— 品牌名（站名）+ 二级关键词；
— 品牌名（站名）+ 品牌口号、理念、特色等广告语。
对中小型网站来说，如果要采用第一种方式，应该对<title>标签进行如下的修改：
<title>{dede:global.cfg_webname/}_二级关键词1_二级关键词2_二级关键词3</title>
或者颠倒一下顺序：
<title>二级关键词1_二级关键词2_二级关键词3_{dede:global.cfg_webname/}</title>
在目前网络中，采用这种方式的网站是最多的，也是大家普遍比较认同的首页标签优化方式，如图5.20所示。
图5.20 <title>标签的构成
如果中小型网站有自己明确的理念或者优秀的广告语、特色服务等，并且希望来访者快速记住自己的网站、品牌，可以采用上述的第二种方式优化网站首页<title>标签：
<title>{dede:global.cfg_webname/}_广告语（或者理念、特色）</title>
<title>广告语（或者理念、特色）_{dede:global.cfg_webname/}</title>
用这种方式构成的首页标题，偏重于品牌建设，同样也是非常优秀的<title>标签优化方法，如图5.21所示。
图5.21 品牌为重的标题
首页<title>标签优化比较简单，但是却比较重要，优化者在进行实际操作的过程中，需要注意标题长度、关键词顺序等系列问题。基本原则是：在符合搜索引擎搜索结果显示中的标题长度基础上，越靠前越重要，越靠后相对越不重要。
