网站优化

 找回密码
 立即注册
SEO优化CSS篇,细节决定成败
查看: 14869|回复: 43

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

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


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

使用道具 举报

 楼主| 网站优化公司 发表于 2016-6-28 01:03:42 | 显示全部楼层
楼主是网站优化界的高人
回复 支持 反对

使用道具 举报

SEO优化 发表于 2016-6-28 06:47:53 | 显示全部楼层
很好哦,学到了不少SEO知识
回复 支持 反对

使用道具 举报

 楼主| 网站优化公司 发表于 2016-6-28 08:01:13 | 显示全部楼层
难得一见的好技术贴
回复 支持 反对

使用道具 举报

戚晓畅 发表于 2016-6-28 08:51:57 | 显示全部楼层
现在找个会优化的真心难,还好找到了帝国网络
回复 支持 反对

使用道具 举报

窦燕珺 发表于 2016-6-28 09:40:21 | 显示全部楼层
这篇网站优化技术文章真心赞
回复 支持 反对

使用道具 举报

湮玲 发表于 2016-10-16 09:11:20 | 显示全部楼层
这家整合营销做的非常不错,关键词非常稳定,给我们带了很多有效的客户,非常感谢帝国网络。
回复 支持 反对

使用道具 举报

SEO服务 发表于 2016-10-16 11:26:14 | 显示全部楼层
不错不错,看好帝国网络
回复 支持 反对

使用道具 举报

淑榈 发表于 2016-10-16 12:56:57 | 显示全部楼层
现在在帝国网络做整合营销,员工服务态度很好,一有问题马上解决,技术也很牛,排名不错,效果我还是非常认同的!
回复 支持 反对

使用道具 举报

咽牢孟 发表于 2016-10-16 13:27:46 | 显示全部楼层
很好哦,学到了不少SEO知识
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|

GMT+8, 2024-11-15 17:30网络网站优化公司

网站优化公司© 2006-2024 wangzhanyouhua.net Search Engine Optimization By 网站搜索引擎优化公司

快速回复 返回顶部 返回列表