Printable View
I would like to add html on top of Flash for SEO pusposes. Since using Flash for a banner or for navigation or any other purposes cannot be read by the search engines. That's why i would like to add HTML on top of the Flash file? Suggest me some ways to achieve this? Also i am using Dreamweaver Flash 8
If you want to add HTML on top of a Flash Banner this can be achieved if you do these two following important things . Create to divs with different "Z-index" and the flash movies should have the parameters "wmode=transparent". Also moving farther put divs inside of container divs so that the center of stage could be occupied by the Flash. and the top flash could be positioned correctly. according to our needs.
For solving this issue i would like to give you the following segment of code . I think this will help you.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>HTML on top of Flash</title>
</head>
<body bgcolor="#ffffff">
<div style="z-index:1; position:absolute; left:35px; top:100px; color:cyan; font-weight:bold; border: 1px solid blue;">Text below Flash movie</div>
<div style="z-index:3; position:absolute; left:35px; top:145px; color:red; font-weight:bold; border: 1px solid red;">Text above Flash movie</div>
<div style="z-index:2; position:relative; width:225px; height:225px; border: 1px solid #666;">
<!--url's used in the movie-->
<!--text used in the movie-->
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="200" height="200" id="HTML_on_top_of_Flash_Test" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="file_name _of_the _flash_banner.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent"><!-- note this is the most important line -->
<embed src="file_name _of_the _flash_banner.swf" quality="high" bgcolor="#ffffff" wmode="transparent" width="200" height="200" name="HTML_on_top_of_Flash_Test" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
</body>
</html>
HI
if you add an HTML onto the Flash banner i think you will be considered as a spam user and the search engine will consider it as "cloaking" And this will get you banned from the search result . so please be aware of the consequences if you are about to take such a step . Also what i think is the search engines like Google can read Flash .
If you really require HTML navigation at the top , Treat it as you would any process for graceful degradation or backwards compatibilty. I am not aware if there is any techniques available that allow code to detect if flash is working, Otherwise fallback to standard navigation. Also iwould not immediately recognize it as cloaking. Try incorporating a footer with all the proper navigation if you want to avoid this potential stigma.