别为了网页特效而丢了SEO

  “鱼与熊掌,不可兼得”。网页特效本身也是提高用户体验度的一个途径。但我们做站最终目的是希望更多的人访问网站,继而能够盈利。因此,网页特效和SEO孰轻孰重,大伙心里应该有杆秤。大禹见过很多网站界面设计华丽、特效美轮美奂,但排名及流量却是惨不忍睹。以下笔者总结了几个大家常用的不利于SEO的网页特效,以供参考。

  一、Flash导航栏

  


 

  Flash导航可谓是SEO的大忌。除非你是追求视觉效果的纯flash站,否则就不要考虑。导航栏是吸引蜘蛛爬行最为重要的一环,采用简洁的设计、大号字体及加粗的方式,就可以使蜘蛛识别其重要性,继而有效带来索引。

  二、焦点图

  


 

  焦点图由于其节省网页空间、效果新颖多样,深受很多站长的喜爱。但大部分焦点图都是采用flash或js技术。蜘蛛对于flash或js的摒弃相信站长朋友都很清楚。而焦点图往往又是经常更新的。蜘蛛是比较青睐于频繁更新的区域的,但由于无法索引flash及js的内容,所以蜘蛛每次乘兴而来败兴而归,这是多么大的浪费啊。大禹建议即使使用焦点图,也尽量采用js+css,输出为一张张图片的形式。而应尽量避免使用flash、jquery等。

  三、滑动门

  


 

  滑动门的优点同样是节省网页空间。但使用之前一定要看清楚源代码。

  


 

  大部分滑动门选项卡都没有超链接属性。而蜘蛛是无法执行js的。因此蜘蛛在索引时,只能爬行默认显示的内容,而对于none的内容就真的none了。大禹建议如果有必要使用滑动门的话,因尽量为选项卡设置超链接或选择能显示全部内容的代码,以便蜘蛛索引。

  四、ajax无刷新加载页面

  百度SEO建议有提及蜘蛛对ajax的不支持,因为ajax本来就是异步Javascript和XML。对于js的不支持造就了蜘蛛对于ajax的不青睐。不得不承认,ajax为我们带来了前所未有的用户体验。但与inframe类似,蜘蛛不可能在没有超链接引导下跳转页面。因此,对于ajax的内容,毫无疑问,蜘蛛是无法索引的,而且大量使用ajax也是对服务器资源的极大考验。所以,大禹建议采用其他替代法。

  除此之外,还有很多鸡肋的网页特效。这些特效在丰富网页内容、提高用户体验的同时,也在考量着网站运营者的SEO神经。在无法兼顾的时候,我们需要果断的丢了芝麻捡西瓜。文章原创,转载请注明出处 788中国门窗幕墙人才网 http://www.788job.net,谢谢!

时间: 2024-09-20 20:37:24

别为了网页特效而丢了SEO的相关文章

网页特效代码小集合

集合|特效|网页|网页特效 1.忽视右键 <body oncontextmenu="return false"> 或 <body style="overflow-y:hidden"> 2.加入背景音乐 IE:<bgsound src="*.mid" loop=infinite> NS:<embed src="*.mid" autostart=true hidden=true loop=

网页特效:图片随机显示技巧

技巧|随机|网页|网页特效|显示 图片随机显示是一个应用非常广泛的技巧.比如随机banner的显示,当你进入一个网站时它的banner总是不同的,或者总有内容不同的提示(tips),大家在网上浏览时会经常发现这样的例子.使用这种技术,不但能在一定的空间里放入更多的内容,还可以给人一种经常更新的假象喔. 怎么样心动了吧?其实只要你有一点点html和javascript 的基础,一切都是这么简单.follow me,让我们来看看她随机的奥密. 让我们从一个简单的例子开始吧.平常我们在页面中加入图片都

美丽网页特效及其代码汇编

特效|网页|网页特效 把下面代码中用到的FLASH文件及图片文件自己保存就可以了! (一)天上散花 <CENTER><EMBED style="RIGHT: 280px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 1600px" align=right src=http://bbs.flasher123.com/UploadFile/2004-9/20049120533895073.swf type=app

网页特效之让css使网页图片半透明

css|特效|透明|网页|网页特效 你用过css么?当然,我是指你喜欢做网页的话,用过?很好,那你用过它的特效么?没有?那请跟我来.让我先通俗的介绍一下css,css不属于html,它属于html的辅助语言,在没有css之前,网页是静态的,但自从有了css 后,网页制作的历史就要重写了,css能给网页加入许多你想象不到的动态效果,这也是其中一点而已,因为css中有很多特效,例如我们今天讲的利用css使图片变透明. 也许你会问,GIF图片不是能透明吗?那干嘛还那么麻烦,嘿嘿,GIF是可以透明,但可

网页特效之用css样式表实现首字大写

css|大写|特效|网页|网页特效|样式表 css当中有许多平时很少用的属性,但是这些属性有时候被发掘出来以后就会立刻引起一些人的追逐,首字大写就是这样一种效果.最近越来越多的blogger开始在自己的blog中运用这一方法,东西很简单,下面就来给大家介绍一下用:first-letter伪类来实现这种效果的方法: :first-letter版本:CSS2 兼容性:IE5.5+ 语法: Selector : first-letter { sRules } 说明: 设置对象内的第一个字符的样式. 此

MSN消息提示类,网页特效

特效|网页|网页特效 <HTML><HEAD> <SCRIPT language=JavaScript>  <!--    /*  **    ==============================================  **    类名:CLASS_MSN_MESSAGE  **    功能:提供类似MSN消息框  **    示例:      ------------------------------------------------- 

入门:如何把网页特效代码加到自己的网页中?

特效|网页|网页特效 在网页制作过程中,有些特效要通过编辑代码来完成,或者通过编辑代码相对容易一些.那么,如果不会编写代码该怎么办呢?不必担心,有些雷锋式的热心网友把他们编写的特效代码在网上公布,供大家免费使用,让我们共同感谢这些网友的奉献精神! 代码的搜集与下载: 1.通过网络,搜索"网页代码"或者"网页源代码"等. 2.查看网页源代码.我们也可以通过浏览器的菜单栏-查看-源文件,查看我们正在浏览的任何网页的源代码,不过有些网页的源文件无法查看. 3.保存和编辑网

网页特效:滑动展开与折叠效果

特效|网页|网页特效    需要写个滑动展开折叠的效果,搜索到无忧脚本的一篇贴子,稍加修改了下使其在FF也可应用,代码如下:<script type="text/javascript"> //Url: http://bbs.51js.com/thread-61646-1-1.html //Author: 风云突变 //Modify: 枫岩 var act; function over(s,nMax){   var obj=document.getElementById(s)

Javascript网页特效:闪现的礼花背景

javascript|特效|网页|网页特效     很老的效果了,但对于一些生手来说还是很有用处的.      把如下代码加入<body>区域中 <layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a1" left=10 top=10