最近在为客户的网站做改进时,发现广告图片自动漂移的Javascript特效在Firefox浏览器中不起作用,始终固定在页面左上角,遮挡了一部分页面。显然对于使用Firefox用户来说,用户体验不理想。
在这里推荐给大家一个检测代码错误和语法不规范的一个工具——Web Developer Toolbar,该工具是Firefox的插件,当前最新版是英文版1.18的,我安装的是1.16中文版的(下载地址:http://www.greenxf.com/soft/19467.html)。 下载解压后只要将安装文件xpi直接拖入Firefox窗口即可安装完成,重新启动Firefox后就多出一条工具条了,访问网页时,最右边会自动出现“折勾”或者“惊叹号”,如果出现惊叹号,则表示页面中存在错误,只需点击即可查看报告。(另外还有一个是支持IE的Web Developer Toolbar,该工具主要是SEO信息查询、网络广播、天气预报等,与我们介绍的完全不同,请不要搞错。)
我们通过该工具的报告,发现页面上有多处Javascript代码不能在Firefox浏览器中正确执行,但都集中于2个问题:
1、DIV对象的问题:
在IE中,DIV对象可以使用ID作为对象变量名直接使用,但在Firefox中不能。
DivId.style.display = “none”
解决方法:
document.getElementById(”DivId”).style.display = “none”
获得对象的方法不管是不是DIV对象,都使用getElementById方法。
2、style.top/style.left的兼容问题:
在Firefox中,必须加上像素单位,才能正确执行。
比如:style.top = 1 + “px”; stle.left = 1 + “px”;
通过以上修改,广告图片自动漂移的特效动起来了,解决了该问题。
当然,firefox中的不兼容的Javascript还不止我们谈到的这2个,想了解更多的话请搜索一下吧!记得安装Web Developer Toolbar,对于网站代码的排错和规范非常有帮助。
如果有疑问可以Email给我:seo-shanghai@live.cn
如需转载,请注明:上海SEO:http://www.seo-shanghai.com
SEO技术
javascript, 用户体验
一些网站制作者考虑到网站的美观,喜欢用Flash、Javascript、Frame等,其实这些对于搜索引擎来说是不被收录的。
那我们怎么来处理这些内容呢?就让上海SEO用通俗易懂的语言来分析一下吧!
1、Flash网站的搜索引擎优化注意点
一个全Flash网站,虽然能获得很多超炫的特效,但是对于搜索引擎来说,这个网站根本就是个败笔。
(题外话:其实Flash也是有文字、脚本、图片等内容组成的,所以其中的文字是能被提取出来的。前几年,Google的搜索结果中出现过Flash中的文字,说明Google甚至其他搜索引擎都在研究Flash中文字的读取。但是没过多久,这些结果都消失了,说明Google经过尝试后发现效果并不如人意。)
那么在搜索引擎研究出合适的Flash文字读取方法前,Flash网站就没办法进行搜索引擎优化了吗?答案当然不是。
首先,必须放弃Flash整站的架构。除了必须由Flash表现效果的地方以外,应该采用文本文字。链接更不应做到Flash中,应该使用文字链接。(文字链接的方法,可以参见《搜索引擎优化入门基础》(5)中的“内部链接”部分)
2、Javascript脚本在搜索引擎优化中的注意点
Javascript脚本对于搜索引擎来说,也是被忽略的内容之一(除了Google能够读取简单的Document write之类代码中的文字以外,其余代码基本都是无视的)。但是在一些情况下又不得不使用到Javascript,那我们该怎么在搜索引擎优化中合理运用Javascript呢?
首先,应该避免关键的文本内容加入到Javascript中,也就是要避免放入到只有当浏览器读取了,并且解释了之后才显示的Javascript中。因为搜索引擎不读取Javascript,所以也就无法读取到这段文本内容。
其次,如果这段Javascript能够放置在Html最后的话,尽量放置在最后(</body>之前)。如果这段Javascript只能放在Html靠前位置的话,那么就新建js文件,把这段Javascript写入其中,再载入到当前Html中。
3、Frame、Cookie等其他不被搜索引擎读取的内容
Frame也就是框架,这种结构相当于由2个甚至多个页面拼接成一个页面显示。搜索引擎只能读取主页面的内容,而被frame代码包含的页面是会被忽略的。所以应该避免这种结构的出现。
Cookie、Session是登陆、验证的关键技术,搜索引擎自然无法获得Cookie和Session,所以希望搜索引擎收录的内容,不要放置到需要Cookie或者Session才能访问的页面中,也就是不要放置在需要通过用户名和密码登陆后才能访问的页面中。
SSL加密的页面也会被搜索引擎忽略,因为搜索引擎根本没办法访问加密的页面。所以如果不考虑安全性问题的话,不应该采用SSL加密方式。
图片中的文字,把文字制作在图片中对于搜索引擎来说是毫无意义的,搜索引擎只知道这是一张图片,根本无法判断图片上印着的文字。所以建议在背景图片上加上文本文字,为了达到显示效果可以用CSS定义一下文字。另外,之前还讲到过图片的ALT属性中的文字应用,可以查看《搜索引擎优化入门基础》(7)的“图片属性”部分。
如需转载,请注明:上海SEO:http://www.seo-shanghai.com
SEO技术
cookie, flash, frame, javascript, SEO入门