您现在的位置: 首页div+css>正文
seo技巧:用css控制网站重要信息优先显示
2011年11月26日 div+css 暂无评论
运营网站的时候,seo是必不可少的一个环节,所谓seo就是用最优的方式让你的网站能在搜索引擎上面获得最优的排名。当然,最优的方式有多种多样,今天我们来说一个小技巧。
试想一下,如果你是搜索引擎,对于一个网站你是如何去判断他的优劣呢?
答案很简单,看上去美观华丽? NO。要知道搜索引擎不是人,他不懂欣赏,只懂代码哦。所以简洁易懂的代码是seo最基础的工作。
今天我们讲讲如何把重要的信息快速的呈现在搜索引擎面前。
拿我们运营的一个项目来说,网站刚上线,需要让搜索引擎快速收录,除了外链,就是要用最直接的方式告诉搜索引擎这个网站的主旨。
好吧,看下面的代码
<head>...</head>
<body>
<div id="header"></div>
</body>

运营网站的时候,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/

给我留言