网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:01:48  来源： http://www.qitongnet.com

资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例，公司拥有国内一流的网站建设、网站制作、网页设计团队，如果您已经有网站的,看看我们精美的网站建设案例也无妨.北京网站建设网址：http://www.qitongnet.com ======================================================================================= 前言：SEO在网站运营中的地位已经不言而喻了，SEO说难不难，因为只要在网站制作过程中，把握一些“套路”，不要过于修饰就差不多了，这个方面站长基本都是知道的，但是SEO说简单也不简单，需要多观察、思考，耐心的去研究“细节”，方能把网站的整体排名提高到一个档次。如果对于SEO细节的把握得当，会起到非常好的收效。本人不才，将在以后的日子里，发布一系列“SEO：细节决定成败”的文章，本文以CSS优化为例，介绍一些技巧，希望能和大家一起学习探讨SEO，同时也希望大家不吝赐教，谢谢！ Www@ChinaZhan@com

总的来说，DIV + CSS的网站标注设计，大家应该有了很多的了解了，我整理了一下，符合设计标准简单来讲有以下好处： 

提供最多利益给最多的网站用户

确保任何网站文挡都能够长期有效 中国站长.网

 简化代码、降低建设成本

让网站更容易使用，能适应更多不同用户和更多网路设备 中国站长 北京网站建设. 北京网站制作网

当浏览器版本更新，或者出现新的网络交互设备时，确保所有应用能够继续正确执行。

那么，我们了知道这些好处，还需要在实际当中活学活用，今天的主题是以一个实例来体现css在SEO中的灵活运用，我发现，在大多数不怎么运用标准甚至一些符合标准的网站里，都犯有这点错误，哪一点？Www.ChinaZhan.com

4399小游. . . 。这是一个因为长度过长而被省略的标题。 中国站长_网, 北京网站设计为中文网站提供动力

通常我们的一般是做成静态页面的，那么我们在生成标题的时候会使用类似：{limit：title， 北京网页设计12，“. . .”}，相信大家都看得懂，限制标题长度为12，过长的部分用“. . .”省略号代替。那实际该标题显示在首页或者当前页的关键字就是”4399小游. . .“，我们知道，搜索是读源文件的，我们提取该页的源文件分析： ChinaZhan^com

网站制作搜索引擎看到的结果是这样的：<li><a href="http://www.4399ol.com" target="_blank" title="4399小游戏">4399小游. . .</a></li>

而不是我们想像中的完整标题：<li><a href="http://www.4399ol.com" target="_blank" title="4399小游戏">4399小游戏</a></li>

那么这样做会有影响么？答案是肯定的。站长们其实都知道，这样做该链接的文字描述权重就会分到”4399小游...“，而非”4399小游戏“上了，当然尽管我们已经在<A> 网站设计中用title描述了完整的标题。

如果这样说还不明白的话，我们还可以这样来解释，很多平时喜欢交换链接的站长，使用的网站名不单单是为了带流量，而是为了某个关键词的权重和排名。SEO的灵魂就是链接，不管是外链还是内链，都有明显的‘权重传递’，如果我们限制了标题而替代以省略号，相信权重会大打折扣，这一点是毋庸置疑的。 中国.站长网

了解了这一点，我们就会想对策。其实CSS 2.0中属性<li>就很好的为我们解决了这个问题，一个很简简单的功能就能搞定了，我们在控制<li>的时候可以这样写（为了清楚明白，附以完整代码）：

以下为引用的内容：www.qitongnet.com <style type="text/css">网站设计 <!-- 北京网页设计 li {企通互联  width:20px;网站制作  white-space:nowrap;网站建设  text-overflow:ellipsis; 网页设计  -o-text-overflow:ellipsis; 网站制作  overflow: hidden;北京网页设计  }  www.qitongnet.com /* firefox only */北京网站制作   li:not(p) { /* wtf is? pls let me know*/企通互联    clear: both;网页设计    }北京网站设计   li:not(p) a {北京网站制作    max-width: 17px;www.qitongnet.com    float: left;企通互联    }北京网站设计   li:not(p):after {网页设计    content: "...";网站建设    float: left;网站设计    width: 25px; 网站建设    padding-left: 5px;网站建设    color: #df3a0e;网站制作    } -->网站制作 </style>北京网页设计 <ul> 网页设计北京网站设计 企通互联 <li><a href="http://www.4399ol.com" titile="4399小游戏">4399小游戏</a></li>北京网站制作 </ul>

中国站长.网

这样的话就轻松解决了问题。即便是超出的部分，也不会在源文件中被砍掉了，而是以完整的标题提供给搜索引擎去索引了。

其实文章前面我们也提到了，很多网站，尤其是以表格完成页面主题的网站，在”相关文章“里都会有标题超长出现，而大多数网站的处理方法就是截掉了超长部分，当然表格完成的页面也可以使用此方法，道理是一样的，大家可以去试试。

div+css标准设计有很多地方很适合SEO优化，希望大家慢慢的去摸索和尝试。

此文只是本人优化过程中的一点点体会，希望能起到抛砖引玉的作用，谢谢大家！

 北京网站设计

字体：【大】【中】【小】

这是一个与众不同的品牌，企通互联只专注于网站建设领域！中小型企业网站建设最佳合作伙伴！网站建设咨询热线：010-65587978/77/76/75!