Flash網站優化及透明FLASH代碼詳解

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

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與背景圖片相配合，哇塞，效果好得不得了。

&lt;table border="0" cellPadding="0" cellSpacing="0" width="795" height="153"align=center &gt;  


&lt;TD width="795" height="153"&gt;&lt;EMBED pluginspage=HTTP://www.macromedia.com/go/getflashplayer  


src="HTTP://www.demoseo.com/Valentine-Day/images/demoseo.swf"   


type=application/x-shockwave-flash wmode="transparent"  


quality="high"&gt;&lt;/EMBED&gt;&lt;/TD&gt;&lt;/td&gt;&lt;/table&gt; 


(二)、對於Flash的網站優化，現在也流行了flash全站，或部分flash的運用，但對於搜尋引擎來說，就像一張白紙，根本不會考慮網站中flash的內容和表現目的。 因此對於搜尋引擎來說，並不喜歡FLash，至少不是懂flash，做忽略考慮。 尤其是追求設計與動感的企業站或個人，可能會考慮精美的flash首頁，但收錄效果並不好，設置關鍵字也沒有任何意義，對於搜尋引擎說你的網站根本沒有傳送任何與關鍵字有關的資訊。 如果再堆積一些關鍵字的話，還可能視為作弊。 所以要慎重考慮flash網站的優化。 可以用一段文字在flash底部說明。 雖然可能影響美觀，但對於搜尋引擎來說是比較友好的。 當然你也可以考慮隱藏你的文字，不過可能被視為搜尋引擎作弊。


當然可以考慮flash的浮動層運用，而自然的設置文字，以靜態頁面或動態頁面為底，插入剛才說的浮動flash，就可以了，等於給使用者看到的是flash,而搜尋引擎看到的是頁面內容部分。 並且不會視為作弊。