青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 发挥CSS的作用

发挥CSS的作用

奈薇建站网 2009-10-12 19:00发表
阅读次数 3814

CSS技术在注重网站标准和易进入度的编程人员中非常受欢迎,它同样也应受到SEO人员的重视。


CSS可以帮助你实现很多惊人的事情。比如你可以彻底避免使用HTML table和透明的GIF空格图片来排版(这些听起来真的是90年代的事情了)。用简明的HTMLStylesheet代码来代替臃肿的编码。使用基于table的布局不仅导致您的顾客下载时间过长,而且削减了页面内容的关键词权重。事实上,应该努力将表现层和内容层彻底分开,将所有表现与表现形式相关的元素完全转移到一个外部的样式表中-换句话说,放置在.css文件中。另外一个好处就是,.css文件会被用户的浏览器缓存并且不用在每个页面都重新加载,这样就更加提升了用户使用体验。


您可以通过使用更先进的CSS技术来提升关键词权重。可以将HTML中的页面元素重新排序而不影响页面的效果。因此,您可以在HTML中将内容放在导航的上方而仍然在呈递页面展示该导航在你想放至的位置。你见过一个左侧导航条的代码出现在HTML的结尾部分吗?那是一种美的展现(至少对于SEO人来说是这样的)在CSS Zen Garden 中有一个非常好的例子。注意HTML是如何没有参与变化而达成左右导航条转变的,这是CSS变化所产生的效果。


现在搜索引擎已经减弱了alt标签对排名的权重,幸亏有CSS,您可以有一个替代方法来联系文字与图片,并且是一个更有效的SEO方法。这种CSS技术被称为“Image Replacement”及图片替代法,并且不仅可以达到与文字合并,还可与HTML标签包括Heading标签(H1)以及链接。这种替代的HTML代码会出现在搜索引擎爬虫面前而不会在访问者展示除非故意将CSS在其浏览器中关掉。事实上,CSS代码将替代文字和HTML推到一边(例如,网页边缘外)并且插入图片。


转自:奈微建站网(www.nev.cn)

总体来讲,为非常鼓励应用以文本为基准的导航条而不是图片导航,这也许就使“image replacement”不必要。当然一些时候由于您公司的品牌方针或其它因素不允许这样做。因此,在这些情况下,图片替代就是一个可行的方法了。例如,www.northland.edu很好的应用这项技术替代了其商标和导航。


我有两个关于图片替代的告诫。首先,不能堆砌关键词。第二,我想迟早搜索引擎会查看CSS文档并且忽视在屏幕外的文字因为这很容易被“垃圾邮件”制造者所滥用。因此,在SEO长期效果来看还是个问题。


通常图片替代技术是将文字移到屏幕外(比如,将“display”设置为“none”或设置“text indent”到一个很大的负数)。这不是很理想的做法。随着时间的推移,搜索引擎将会怀疑。幸亏现在还有一些图片替代法仍然可以达到理想的效果,被称为“Leahy/Langridge Method”,“Gilder/Levin method”,“Shea Enhancement”。这些方法都有缺点及优点,Mezzoblue的一篇文章将这些解释的很好。

转自:奈微建站网(www.nev.cn)

CSS还提供了一种可以产生“mouseover”导航的替代方法,这样的导航仍然对搜索引擎很友好。对于基于JavaScript制作的Mouseover导航,搜索引擎爬虫不能够进入其联系的链接。您可以运用CSS达到同样的mouseover效果。关闭浏览器中CSS就会露出所有隐藏在下面的链接,所以所有的链接对于搜索引擎爬虫是可见的。理想来说,这些链接是文字而不是图片,所以搜索引擎就会将锚文本和所链接的页面联系在一起。


发挥CSS的作用相关标签:设计网站网站规划设计网页网站建造
相关热点推荐
提高页面显示速度的秘技
建设网站细节也十分重要
应用号终于来了,它到底
企业网站如何提高用户体
如何优化新设计的企业网
网络企业的信息化生存
企业网站建设的策略
如何使用百度工具追踪访
网站价值评估
浅谈网站策划运营的方方
用户是如何浏览你的网站
网站优化与网站设计制作
设计中的色彩:橙色
青岛网站建设不用怕,这
不对称网页设计页面处理
企业自助建站建议
WWW 与人际沟通和信
社会化网络用户界面(U
用户反馈对产品设计的帮
网页设计如何传达信息
提高在google中排
企业建站规划书的写作规
搜索引擎是如何判断新闻
使用预定义框架集为网页
面向未来的搜索引擎优化
网购商品质量堪忧,电商
网页设计师的素质
网站优化之整站优化的过
巧用分词做多关键字的网
网页设计制作规范
网站功能结构发展的几个
网站内容写作的指导方针
什么是网站运营如何来运
提高内容类网站的粘度要
为什么视觉设计师需要懂
学网站设计必看之设计常
提高网站排名稳定性最佳
HTML5响应式图片的
SEO工具:谷歌网站管
微信社交圈营销行为泛滥
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
168个月 1