发新帖

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

7638 25
媒介：引擎优化在网站运营中的地位已经不问可知了，引擎优化说难不难，因为只要在网站制造过程中，把握一些“套路”，不要过于润饰就差不多了，这个方面站长根本都是知道的，然则引擎优化说简单也不简单，须要多不雅察、思虑，耐烦的去研究“细节”，方能把网站的┞符体排名进步到一个档次。如不雅对于引擎优化细节的把握合适，会起到异常好的见效。本人不才，将在今后的日子里，宣布一系列“引擎优化：细节决定成败”的文┞仿，本文以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标准设计有很多处所很合适引擎优化优化，欲望大年夜家慢慢的去摸索和测验测验。


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

精彩评论25

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的人才
阿里巴巴   学习于  2021-2-21 15:58:20
网站优化营销公司开眼科技
同桌的你   学习于  2021-2-26 07:35:14
南昌网站关键词优化公司
屌丝   学习于  2021-2-27 20:06:10
太谷公司网站优化
管住您的裤裆   学习于  2021-3-5 08:22:04
北京网络优化公司网站建设
查看下一页
返回列表
123下一页

帝国网络 网站优化

www.100ip.net

安徽百度优化公司 提供网站SEO优化、降权分析恢复等服务,分享网站SEO优化技术细节思维,解答SEO问题,让新手从零基础开始学习网站的优化

Copyright © 2008-2018 网站优化 anhui.100ip.net 版权所有 All Rights Reserved. 网站优化技术支持

安徽SEO优化公司致力于SEO优化外包、网站建设、网站优化公司、整站优化、网站运营、危机公关、SEO外包、网站推广等;SEO服务电话:400 050 4004