SEO优化CSS篇,标题细节决定成败
作者:4399小游戏 来源:chinaz 发布时间:2008-01-09 14:21:00
前言:SEO在网站运营中的地位已经不言而喻了,SEO说难不难,因为只要在网站制作过程中,把握一些“套路”,不要过于修饰就差不多了,这个方面站长基本都是知道的,但是SEO说简单也不简单,需要多观察、思考,耐心的去研究“细节”,方能把网站的整体排名提高到一个档次。
如果对于SEO细节的把握得当,会起到非常好的收效。本人不才,将在以后的日子里,发布一系列“SEO:细节决定成败”的文章,本文以CSS优化为例,介绍一些技巧,希望能和大家一起学习探讨SEO,同时也希望大家不吝赐教,谢谢!
总的来说,DIV + CSS的网站标注设计,大家应该有了很多的了解了,我整理了一下,符合设计标准简单来讲有以下好处:
提供最多利益给最多的网站用户
确保任何网站文挡都能够长期有效
简化代码、降低建设成本
让网站更容易使用,能适应更多不同用户和更多网路设备
当浏览器版本更新,或者出现新的网络交互设备时,确保所有应用能够继续正确执行。
那么,我们了知道这些好处,还需要在实际当中活学活用,今天的主题是以一个实例来体现css在SEO中的灵活运用,我发现,在大多数不怎么运用标准甚至一些符合标准的网站里,都犯有这点错误,哪一点?请继续往下看。
先看图:
我就不兜圈子了,从图中我们看到有些标题是这样的:4399小游. . . 。这是一个因为长度过长而被省略的标题。
通常我们的一般是做成静态页面的,那么我们在生成标题的时候会使用类似:{limit:title,12,“. . .”},相信大家都看得懂,限制标题长度为12,过长的部分用“. . .”省略号代替。那实际该标题显示在首页或者当前页的关键字就是”4399小游. . .“,我们知道,搜索是读源文件的,我们提取该页的源文件分析:
搜索引擎看到的结果是这样的
:<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>的时候可以这样写(为了清楚明白,附以完整代码):
<style type="text/css">
<!--
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*/
clear: both;
}
li:not(p) a {
max-width: 17px;
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优化,希望大家慢慢的去摸索和尝试。
此文只是本人优化过程中的一点点体会,希望能起到抛砖引玉的作用,谢谢大家!
猜你喜欢
- 本系列写到今天(1,2),我打算做个完整的系列,从公司基本上能用得上的东西都写一写,在2008R2上有什么改变,能为大家带来何种易用性以及管
- 去年9月以来各浏览器市场份额变化情况(腾讯科技配图)腾讯科技讯(中涛)北京时间8月2日消息,据国外媒体报道,美国互联网流量监测机构Net A
- Google Adsense的西联汇款支付虽然已经准备了很长的时间,但是在相关配套的支持上还是有很多欠缺,所以发布者会有诸多疑问,这里有大部
- 虽然说亡羊补牢可以将木马后门造成的损失降至最低,但最好的方法显然是防患于未然。1、后门防范基本功首先要关闭本机不用的端口或只允许指定的端口访
- 只要你是站长做过网站,就一定对域名不陌生吧?很多站长为了寻觅一个满意的域名费尽心思,特别是发现自己想要的域名快要过期时,不知道什么时间可以再
- 常用组件主要包括Aspjpeg、Jmail、LyfUpload、动易、ISAPI_ReWrite等,本文就仅说这5种,其他类型组件可以根据需
- 花时间流连社交网站Facebook有助训练脑力,这是研究“工作记忆力”的苏格兰史特灵大学心理学家亚洛
- 通常地,大多数Web站点的设计目标都是:以最易接受的方式,为访问者提供即时的信息访问。在过去的几年中,越来越多的黑客、病毒和蠕虫带来的安全问
- Web Game,顾名思义就是基于Web网络的在线多人游戏。我们接触最多的也就是这种基于Web浏览器的虚拟社区的游戏,说起sns的web g
- Rand Fishkin(Randfish) :搜索引擎专家倪英伟: 厦门时义浩维科技有限公司副总裁,网络营销专家陈小华(石头):
- 上个月,Trevor参加了在芝加哥举行的搜索引擎战略大会,并在“网站地图:滥用了,误用了还是用对了?”分会场发言。会上我们收到了很多很好的问
- 在网页运营改版过程中,经常有设计师或者运营同事有这样的疑问:我的页面到底产生了多大价值?这个页面引导的用户接下来访问了多少商品的页面?有没有
- 本人前几天接到一个包月广告。五周付一次,谈好价格后我挂上他的广告。他说第二天中午2点财务上班把钱给我汇过来。心想着也没事如果他不打钱过来再撤
- 在本系列的第一节中,讲了提高网站性能中网站“内容”有关的10条原则。除了在网站在内容上的改进外,在网站服务器端上也有需要注意和改
- 一:导入模板方案1.将方案包中的文件、目录复制到你的站点根目录中,如JS、Temp目录(复制前,请做好站点的文件备份,以便以后恢复时使用)2
- 这两天比较忙,Alpha说这两天为什么没有新的Blog出现,刚好在一个同事谈到网站策划。于是想起来可以用5W2H的方法来描述一下网站策划和一
- 大家知道,IIS一般允许访问者通过HTTP协议来访问其中的网站信息,不过这种通信协议由于采用的是明文方式来传输信息的,而不会对要访问的信息进
- 站长们总是每天倾力建设网站,但是有时候感觉内容做得再好,也很难培养忠实用户,这是什么原因呢?用户体验是很重要的一个原因。很多时候,站长们总是
- Twitter联合创始人杰克·多尔西(Jack Dorsey)(腾讯科技配图) 北京时间9月29日消息,据国
- 一个网站的PR似乎是SEO至关重要的一步,很多网站从最初的PR0升到PR5,都用了半年一年甚至更多的时间。所以,新站如何快速的获得高质量的友