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>标签优化比较简单，但是却比较重要，优化者在进行实际操作的过程中，需要注意标题长度、关键词顺序等系列问题。基本原则是：在符合搜索引擎搜索结果显示中的标题长度基础上，越靠前越重要，越靠后相对越不重要。