seo技巧：用css控制网站重要信息优先显示
运营网站的时候，seo是必不可少的一个环节，所谓seo就是用最优的方式让你的网站能在搜索引擎上面获得最优的排名。当然，最优的方式有多种多样，今天我们来说一个小技巧。试想一下，如果你是搜索引擎，对于一个网站你是如何去判断他的优劣呢？答案很简单，看上去美观华丽? NO。要知道搜索引擎不是人，他不懂欣赏，只懂代码哦。所以简洁易懂的代码是seo最基础的工作。今天我们讲讲如何把重要的信息快速的呈现在搜索引擎面前。拿我们运营的一个项目来说，网站刚上线，需要让搜索引擎快速收录，除了外链，就是要用最直接的方式告诉搜索引擎这个网站的主旨。好吧，看下面的代码
<head>…</head>
<body>
<div id=”header”>网站头部</div>
<div id=”container”>网站内容部分</div>
<div id=”footer”>网站尾部</div>
</body>
这是一个通用结构，一般网站都分为这三个部分。那么，如何才能告诉搜索引擎我们的网站是做什么的呢？很简单,在页面开头加入：
<div id=”summary”>
<div class=”site-title”><h1>企信网|企业信用网</h1></div>
<div class=”site-description”>企信网是中国最大最专业的企业资料查询、网络营销平台。为广大需要进行网络营销的中小型企业提供企业营销型网站建设、运营托管、企业认证等服务。 企信网提供的服务有： 平台营销型网站建设、定制型营销网站建设、专业行业类网站建设（教育型、工业型、贸易型、政务型等）、企业信用查询、企业信誉查询、企业资质查询、企业工商注册信息查询，为您提供经过认证的企业信息，防止您在网络贸易中上当受骗。 </div>
</div>
这样，整个代码段就变成：
<head>…</head>
<body>
<div id=”summary”>
<div class=”site-title”><h1>企信网|企业信用网</h1></div>
<div class=”site-description”>企信网是中国最大最专业的企业资料查询、网络营销平台。为广大需要进行网络营销的中小型企业提供企业营销型网站建设、运营托管、企业认证等服务。 企信网提供的服务有： 平台营销型网站建设、定制型营销网站建设、专业行业类网站建设（教育型、工业型、贸易型、政务型等）、企业信用查询、企业信誉查询、企业资质查询、企业工商注册信息查询，为您提供经过认证的企业信息，防止您在网络贸易中上当受骗。 </div>
</div>
<div id=”header”>网站头部</div>
<div id=”container”>网站内容部分</div>
<div id=”footer”>网站尾部</div>
</body>
简单吧？但是打开网页一看，我的妈，在顶部出现这么多字，乱七八糟的好恶心….
不要紧，我们用css给他加工一下：
#summary{margin-left:auto;margin-right:auto;position:absolute;left:0;top:1040px;width:980px;height:80px;}
.site-title h1{height:22px;margin:0;padding:0;font-size:14px;color:#666;text-align:left;}
.site-description{color:#999;text-align:left;line-height:22px;}
再看看 是不是好看多了？
但是。。。他错位了呀。。。这个。。。多难看。。。好吧，这就是今天matrix要讲的秘诀，怎么让他到“合适的位置去”。
大家可以看我们的这个网站-企信网：http://www.qiye118.com/，看看首页的源代码，再看看代码在页面显示的位置。
其实很简单，就是把这个绝对定位的层放入到一个居中的相对定位的div里面去，这样就算他想“出轨”也没办法了吧？呵呵
总结一下：
外层div：.page-wrap{margin:0 auto;text-align:center;width:980px;position:relative;}
内层div：#summary{margin-left:auto;margin-right:auto;position:absolute;left:0;top:1040px;width:980px;height:80px;}
.site-title h1{height:22px;margin:0;padding:0;font-size:14px;color:#666;text-align:left;}
.site-description{color:#999;text-align:left;line-height:22px;}
页面显示代码：
<div class=”page-wrap”>
<div id=”summary”>
<div class=”site-title”><h1>企信网|企业信用网</h1></div>
<div class=”site-description”>企信网是中国最大最专业的企业资料查询、网络营销平台。为广大需要进行网络营销的中小型企业提供企业营销型网站建设、运营托管、企业认证等服务。 企信网提供的服务有： 平台营销型网站建设、定制型营销网站建设、专业行业类网站建设（教育型、工业型、贸易型、政务型等）、企业信用查询、企业信誉查询、企业资质查询、企业工商注册信息查询，为您提供经过认证的企业信息，防止您在网络贸易中上当受骗。 </div>
</div></div>
还不会的去看看演示网站：http://www.qiye118.com/
