发新帖

SEO优化CSS篇,细节决定成败

2419 5
媒介:引擎优化网站运营中的地位已经不问可知了,引擎优化说难不难,因为只要在网站制造过程中,把握一些“套路”,不要过于润饰就差不多了,这个方面站长根本都是知道的,然则引擎优化说简单也不简单,须要多不雅察、思虑,耐烦的去研究“细节”,方能把网站的┞符体排名进步到一个档次。如不雅对于引擎优化细节的把握合适,会起到异常好的见效。本人不才,将在今后的日子里,宣布一系列“引擎优化:细节决定成败”的文┞仿,本文以CSS优化为例,介绍一些技能,欲望能和大年夜家一路进修商量引擎优化,同时也欲望大年夜家不吝赐教,感谢!


供给最多好处给最多的网站用户


确保任何网站文挡都可以或许经久有效


简化代码、降低扶植成本


让网站更轻易应用,能适应更多不合用户和更多网路设备


当浏览器版本更新,或者出现新的收集交互设备时,确保所有应用可以或许持续精确履行。


那么,我们了知道这些好处,还须要在实际傍边活学活用,今天的主题是以一个实例来表现css在引擎优化中的灵活应用,我发明,在大年夜多半不怎么应用标准甚至一皓相符标准的网站里,都犯有这点缺点,哪一点?请持续往下看。


先看图:


    et805231504201.gif    


总的来说,DIV + CSS的网站标注设计,大年夜家应当有了很多的懂得了,我整顿了一下,相符设计标准简单来讲有以下好处:





我就不兜圈子了,大年夜图中我们看到有些标题是如许的:4399小游. . . 。这是一个因为长度过长而被省略的标题。


平日我们的一般是做成静态页面的,那么我们在生成标题标时刻会应用类似:{limit:title,12,“. . .”},信赖大年夜家都看得懂,限制标题长度为12,过长的部分用“. . .”省略号代替。那实际该标题显示在首页或者当前页的关键字就是”4399小游. . .“,我们知道,是读源文件的,我们提取该页的源文件分析:


引擎看到的结不雅是如许的:<li><a href=http://www.chinaz.com/web/2008/0109/"http://www.4399ol.com" target="_blank" title="4399小游戏">4399小游. . .


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


那么如许做会有影响么?谜底是肯定的。站长们其实都知道,如许做该链接的文字描述权重就会分到&rdquo;4399小游...&ldquo;,而非&rdquo;4399小游戏&ldquo;上了,当然尽管我们已经在<A>顶用title描述了完全的标题。


如不雅如许说还不明白的话,我们还可以如许来解释,很多日常平凡爱好交换链接的┞肪长,应用的网站名不单单是为了带流量,而是为了某个关键词典权重和排名。引擎优化的魂魄就是链接,不管是外链照样内链,都有明显的&lsquo;权重传递&rsquo;,如不雅我们限制了标题而替代以省略号,信赖权重会大年夜打扣头,这一点是毋庸置疑的。


懂得了这一点,我们就会想对策。其实CSS 2.0中属性<li>就很好的魏我们解决了这个问题,一个很简简单的功能就能搞定了,我们在控制<li>的时刻可以如许写(为了清跋扈明白,附以完全代码):



以下为引用的内容:
   width: 25px;

            
<style type=&quot;text/css&quot;>
<!--
li {
width:20px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}  
   }
/* firefox only */
  li:not(p) { /* wtf is? pls let me know*/
   }
  li:not(p) a {
   max-width: 17px;
   float: left;
  li:not(p):after {
   content: &quot;...&quot;;
   float: left;
   padding-left: 5px;
   clear: both;
   }

            
   color: #df3a0e;
-->
</style>
<ul>
<li><a href=http://www.chinaz.com/web/2008/0109/"http://www.4399ol.com" titile="4399小游戏">4399小游戏
</ul>

            




如许的话就轻松解决了问题。即就是超出的部分,也不会在源文件中被砍掉落了,而是以完全的标题供给给引擎去索引了。


其实文┞仿前面我们也提到了,很多网站,尤其是以表格完成页面主题的网站,在&rdquo;相干文┞仿&ldquo;里都邑有标题超长出现,而大年夜多半网站的处理办法就是截掉落了超长部分,当然表格完成的页面也可以应用此办法,事理是一样的,大年夜家可以去尝尝。


div+css标准设计有很多处所很合适引擎优化优化,欲望大年夜家慢慢的去摸索和测验测验。


此文只是本人优化过程中的一点点领会,欲望能起到抛砖引玉的感化,感谢大年夜家!

精彩评论5

ez2r3   学习于  2016-6-26 06:20:31
难得一见的好帖教会我如何优化网站
c8sv   学习于  2016-6-26 05:33:38
怎么优化网站说的非常好
jn7   学习于  2016-6-26 05:40:37
技术和方案都很好哦
SEO外包   学习于  2016-6-26 05:38:31
不错不错这下会优化网站了
网站SEO优化   学习于  2016-6-26 05:25:24
LZ真是SEO的人才