Perhaps you can relate to
involuntary groan elicited by search engine optimizers when a client presents an expensive new Web site featuring high quality FLASH movie content.Of course,
client (or maybe your boss?) is thrilled with
dazzling presentation, and they rarely fail to mention what a "small fortune" it cost to produce before adding "it's worth it!...don't you agree? All it needs now is for YOU to optimize it for findability in
search engines."
Isn't it funny? ... how they fail to notice
color rushing to your face as you suppress
urge to scream and opt instead for
tactful approach, patiently explaining (once again) that FLASH doesn't score well in search engines.
Don't panic -- there IS a solution!
Here's a solution you can use to get
best of both worlds - search engine findability and
professional image enhancement that FLASH can provide.
The strategy involves using an absolute positioning technique called Z Order within your Cascading Style Sheets (CSS). For this to make sense, you must first understand what Z Order is. Microsoft's MSDN (http://msdn.microsoft.com) site explains...
The Z order of a window indicates
window's position in a stack of overlapping windows. This window stack is oriented along an imaginary axis,
z-axis, extending outward from
screen. The window at
top of
Z order overlaps all other windows. The window at
bottom of
Z order is overlapped by all other windows.
In non-technogeekspeak, Z Order allows you to place content partially, or even fully, on top of other content. Since only
content on top is viewable, it's entirely possible to place an unintelligible-to-search-engines FLASH movie on top of an easy- to-index-layer of relevant text content. And, by doing so, your site visitor sees only
FLASH movie while
engine sees only your relevant keyword-laden text.
How to create Z Order using CSS
To accomplish
magic it's helpful to first understand what a very basic CSS using Z Order source code might look like. To view
basic example, visit
complete article online at: http://www.academywebspecialists.com/newsletters/0702.html
Source of
example: http://www.htmlref.com/examples/Fig10- 14.htm
Notice that
highest value --