编写符合SEO标准的DIV+CSS风格网页

SEO即搜索引擎优化，从目前互联网的发展状况来看，实现SEO有助于企业减少网络推广的成本。SEO的手段有很多种，或者固定的技术模式，或者非固定的所谓艺术模式也。DIV+CSS是当前公认的网页设计标准，是广为推崇的网页设计新范式，虽然TABLE还被广泛应用，但DIV+CSS优秀的界面控制能力，还是拥有了非常强的竞争优势。当然，目前的设计软件，例如frontpage、dreamweaver等工具，对DIV+CSS的支持力度还不够，但依然挡不住DIV+CSS席卷互联网的趋势。
  
   如果要实现SEO，传统的TABLE设计方式，会使代码过于冗长，页面过于臃肿，不利于SEO的实现，而DIV+CSS的设计方式，可以使内容和样式分开，从而减少了冗长的代码，是SEO的最佳选择。但要符合SEO，还有若干要注意的要点：
   1、减少代码嵌套
   例如显示一个布局，可以写成
   <div id="wholePage">
      <div id="top">电子商务人 top</div>
      <div id="mainPart">
        <div id="leftCenterRight">
            <div id="left">电子商务人left</div>
            <div id="centerRight">
           <div id="center">电子商务人 center</div>
           <div id="right">电子商务人right</div>
     </div>
        </div>
      </div>
      <div id="footer">电子商务人 footer</div>
    </div>
  
   也可以写成
    <div id="top">电子商务人top</div>
    <div id="left">电子商务人left</div>
    <div id="center">电子商务人center</div>
    <div id="right">电子商务人right</div>
    <div id="footer">电子商务人footer</div>
 
   哪种更简洁，更符合SEO呢？明显是后者，嵌套的减少有助于减少搜索引擎蜘蛛爬行的深度，可以提高搜索引擎的亲和度，如果嵌套过多了，蜘蛛都会迷路了。

   2、充分利用外链CSS的作用
   外链CSS，使样式和内容完全分开，使首页的设计代码减少，有利于提高关键字的密度，而关键字的密度是SEO的重要标准，实际中2%到8%是最合理的密度值，而经过我的分析，4%-5%左右是好的一个范围，过高会被认为有作弊倾向，过低于事无补，4%到5%之间是最合理的关键字分布区间，如果能做到这个范围，将有助于做好整个网站的SEO，那么通过外链CSS减少页面设计代码是相当关键的。
   例如有些代码写成
   <div id="IamLeftPartToShow" style="float:left;width:200px;height:400px;color:#00000;margin:0px 10px 0px 0px;display:block">电子商务人</div>
 
   这个代码完全可以简化为：
   <div id="left" class="left">电子商务人</div>
 
   从而把Style的代码都丢带外链中，减少设计代码的冗余，甚至为了更节约代码，对一些样式的写法也可以简化，例如color:#000,margin:0 10px 0，从而提高关键字的密度。
 
   3、利用alt、strong、h1等标签
   当然和Table设计一样，DIV+CSS中同样要重视alt，strong，h1等标签的使用，在搜索引擎中，对于这些标签是给与很高的重视度的，例如有一段代码可以写成
   <div><span>电子商务人</span></div>
   也可以写成
   <div><h1>电子商务人</h1></div>
   效果当然是后者好
   对于连接，可以写成
   <a href="http://www.k7china.com" alt="电子商务人">电子商务人</a>
   很明显，这样的链接效果是非常好的。

   当然DIV+CSS作为xhtml的标准设计模式，还有很多有意思的东西，SEO也有很多很有意思的东西，通过DIV+CSS实现SEO是企业营销网站网络推广的重要组成部分，不可或缺。

本文来自：http://www.k7china.com/space.php?uid=4&do=thread&id=93