当前位置 : 苏州SEO>SEO搜索优化>
Flash网站优化及透明FLASH代码详解 DemosoSEO

Flash网站优化及透明FLASH代码详解

来源：www.demoseo.cn 作者：苏州SEO原创 时间：2008-03-14 点击：

摘要：Flash比GIF动画要漂亮些，我们把它设为透明后，Flash的背面我们可以插入一些漂亮的图片与之搭配达到很漂亮的效果；这时候可能更灵活的使用页面效果。或者仅仅在网页中加入透明的Flash，如果无法加载，选择一种合适的代码，对于搜索引擎及用户体验来说都有优势。

Flash比GIF动画要漂亮些，我们把它设为透明后，Flash的背面我们可以插入一些漂亮的图片与之搭配达到很漂亮的效果；这时候可能更灵活的使用页面效果。或者仅仅在网页中加入透明的Flash，对于透明flash，如果无法加载，选择一种合适的代码，对于搜索引擎及用户体验来说都是很好的。在这里推荐使用第一种代码embed模式。漂亮的动画页面可吸引更多的人来拜访你哦～当然插入Flash也需谨慎，并且浏览器也要考虑用户是否使用了flash控件，并且它会使网页加载速度明显变慢（国外的速度当然不能比了）。

记得做过一个情人节的专题网页，不过因为时间问题，又停止了，里面使用了透明flash，png图片及页面切换CSS样式的高级运用，利用z-index，绝对定位等实现，网址：http://www.demoseo.com/Valentine-Day/。

（一）首先教大家最简单的插入Flash的代码，透明，无坐标控制，这代码在各主流浏览器上的兼容性比较好，并且可以自定义class样式，做全局样式控制。对于搜索引擎来说，减少了代码字节，标签记得要闭合：
注意wmode="transparent"是控制Flash是否透明显示的，如果不想让它显示为透明的，直接把wmode="transparent"去掉即可。
<EMBED pluginspage='http://www.macromedia.com/go/getflashplayer' src="http://www.demoseo.com/Valentine-Day/images/demoseo.swf" type='application/x-shockwave-flash' width="795" height="153" wmode="transparent" quality="high"></EMBED>

这里举个样式使用的例子，绝对定位。加入绝对坐标的透明Flash，绝对坐标意味着不管你的窗口拉多大，那个Flash依然乖乖地在原地不动。
<embed src="http://www.demoseo.com/Valentine-Day/images/demoseo.swf" style="left:0px; POSITION: absolute; top: 18px;z-index:-3px;" width="795" height="153" quality="high" wmode="transparent" ></EMBED>

相对坐标的透明Flash，注意下面代码的table部分，这主要是使用表格作为容器，把Flash“装”到表格里，这样不管浏览者把浏览器拉多大，Flash永远和表格一起动。而且，表格可以设置背景图片，表格上面再放一个透明Flash与背景图片相配合，哇塞，效果好得不得了。

(二)、对于Flash的网站优化，现在也流行了flash全站，或部分flash的运用，但对于搜索引擎来说，就像一张白纸，根本不会考虑网站中flash的内容和表现目的。因此对于搜索引擎来说，并不喜欢FLash，至少不是懂flash，做忽略考虑。尤其是追求设计与动感的企业站或个人，可能会考虑精美的flash首页，但收录效果并不好，设置关键字也没有任何意义，对于搜索引擎说你的网站根本没有传送任何与关键词有关的信息。如果再堆积一些关键词的话，还可能视为作弊。所以要慎重考虑flash网站的优化。

可以用一段文字在flash底部说明。虽然可能影响美观，但对于搜索引擎来说是比较友好的。

当然你也可以考虑隐藏你的文字，不过可能被视为搜索引擎作弊。

当然可以考虑flash的浮动层运用，而自然的设置文字，以静态页面或动态页面为底，插入刚才说的浮动flash，就可以了，等于给用户看到的是flash,而搜索引擎看到的是页面内容部分。并且不会视为作弊。

在我制作的Valentine-Day主题页面中，使用了z-index显示层级，及change style的JS效果，可以动态显示色调，在这个主题在使用了PNG的图片，有兴趣的朋友可以看一下，其实头部的PNG图片很有意思的，我花了好多时间才完成。

原创文章如转载，请注明：转载自海洋风@苏州SEO [ http://www.demoseo.cn/ ]
本文链接地址：http://www.demoseo.cn/Search-optimization/FlashwangzhanyouhuajitoumingFLASHdaimaxiangjie_92.html