Bottom stain Coffee stains
Shaun Oakes

Options When Optimising Your Flash Site

by Shaun Oakes

2009/11/12

Flash.

For many years, SEO's have regarded Flash as the Megan Fox of the Internet, pretty to look at, but ultimately lacking in any real substance. The problem with Flash websites you see, was that search engine crawlers would struggle to read the content displayed on these sites, due to the structure of a traditional Flash file. In many instances, a Flash site, which on the face of it looked to have 30-40 pages, would actually only consist of one Flash file eg: mysite.swf. Because of this, Flash files would struggle to get indexed on search engines and if they did, it would just be the home page.

Thankfully for us, developments have now made things slightly easier when it comes to Flash optimisation. We now have what is called an "SWFObject" at our disposal - an open source javascript library (basically a collection of pre-written javascript controls) that you download and add to the head section of your Web page. This allows you to embed Flash content onto a page. In effect, this creates an alt tag for the flash content on your page – meaning that there is text to read even if the flash content does not display. Our friendly search engine spiders can thus crawl the site.

Using this file, you can also detect whether a user has a Flash plug-in enabled or not, and can then redirect them to another page or display alternative content if they don’t. The alternative content is obviously useful, in that it can be indexed and crawled by Search Engine bots.

So as an example, were I to have a Flash file praising the fact that I have the chiseled abs of a Roman God, I could embed html to sit in the SWFObject. 

Using my amazing graphic skills, I was able to put together the following illustration:

 Shaun Oakes

Now, on the assumption that the image above is a Flash file (ie: shaun-flash.swf), we could optimise the Flash file by doing the following:

1) Firstly, in the <head> section, we would call up the SWFObject, as well as define a name value to the object id
. So:

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">swfobject.registerObject("FlashVideo", "9.0.0", false);</script>

2) Then, we embed the html code so that it sits behind the actual Flash file (shaun-flash.swf)

<div>   
  <object id="FlashVideo" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="400" height="300">
  <param name="movie" value="shaun-flash.swf" />
           
  <object type="application/x-shockwave-flash" data="shaun-flash.swf" width="400" height="300">
           
  <div>
    <h1>Shaun is AWESOME<h1>
    <p>And has the chiseled abs of a Roman God.</p>
    <br /><br />
  </div>

 </object>
 </object>
</div>

As the code shows, I am able to replicate the Flash content with applicable html, using header tags and other html attributes if necessary.

What is important though, is that each Flash page has its own url. If that is the case, than you can greatly optimise the site using the above.

If the site does not have unique urls, and everything is located in one .swf file, then the option of creating a static website to run alongside the Flash one is probably the best option.

Agree? Disagree? Let’s hear your thoughts.

Some other links of interest:

Comments

great post, we usually tend to recommend a complete redesign whenever a client arrives with a flash site, but i have also been reading about the options out there, and the swfobject seems like a viable one.

more of these types of articles please.

Posted by Griff on 2009/11/12

Nice topic,

I would, however, go one step further. At a fundamental level, this methodology satisfies the search engine obligation (“The alternative content is obviously useful, in that it can be indexed and crawled by Search Engine bots.”) however it fails to wholly address the user side of the coin.

You mention that one can include 'other html attributes if necessary'. I would argue that the inclusion of other HTML attributes is vital. If overlooked, you are simply serving the engines optimised fodder (text), disregarding users (at least from a visual point of view) that haven’t installed the Flash plug-in or have JavaScript enabled etc – in other words, all they are left with is formatted text.

Although once regarded on par in eyes of the engines, Flash sites are not images. From an accessibility / usability point of view, the alt text method works for images, in that it describes the content of images, which obviously cannot be presented in an alternative, non-visual manner. However, Flash can be presented as a usable visual alternative, offering non-Flash users a holistic experience. Although similarly purposed for accessibility, the SWF object is not a fancy alt tag for Flash.

Jonathan Hochman of Hochman Consultants puts it plainly: “Flash accessibility programming isn't spamming, as long as the primary content and the visible movie are essentially the same. The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) specifically states that multimedia content should have an alternative representation available. Accessibility programming creates the benefit of presenting visual information without losing the visitors and search engines that depend upon textual content.”

Applying this logic to your “Shaun is AWESOME” example, your HTML would result in the inclusion of an image, and assuming this image have motion within the flash, a GIF or Javascript event to provide movement. An alt / image attribute would be included (including the text “Shaun Okes”). Body text would be styled accordingly, with CSS. And so on and so forth.

Besides the usability / accessibility objects raised above, constructing a legitimate HTML version will add potency to your SEO attack. Right off the mark, consider universal search. While flash indexing progresses sluggishly, valuable search bait, such as images, videos go to waste. For instance, by applying the thinking in the paragraph above, the page stands to rank on Google Images for Shaun Okes.

More fundamentally, common SEO factors can be addressed more appropriately. Brian Ussery, in his 2009 Google Flash SEO, states that

“Lots of information can be gleaned from (X)HTML by search engines via, TITLE elements, ALT attributes, images, headers (H1, H2, H3, H4…), internal link structure, fonts, link popularity, relationships, site categories, subdivisions and sections. Engines rely on these elements for meta data as well as other informational “signals” used for rankings. More data is good data” but only when that data is available in a digital format that’s digestible by search engines and can be translated to determine relevancy for textual queries”

Most of the above refers to sites created mostly in Flash; sites where Flash is used sparingly for menus, call to actions, slideshows etc pose less of a dilemma.

Flash has never really needed to compromise for SEO. The correctly implemented SWF Object method, although the best compromise currently available, I feel, is merely temporary (though often labour intensive) workaround. We will have to wait until Flash indexing comes right one day in the future; some advances have been made (stuff is being crawled), but its SEO impact is minor.

On the topic of Flash indexing, Bobby van der Sluis, of Adobe’s Flash Player Developer Centre, advises: “Make sure that your HTML content is a true reflection of your Flash content, and let a search engine decide which content can be shown best as a search result”

Posted by Anthony Coe on 2009/11/13

Great comment! Ive heard there are Google penalties coming in for sites not abiding to the replica rule.

Posted by Duity on 2009/11/13

The post is entitled: "Options When Optimising Your Flash Site", but only discusses one option.

I would like it if you wrote more about different methods of serving "alternative" content, and also how Google index inter-flash content.

I know that certain objects inside flash files, such as blocks of text, are indexed by Google, but what page do they associate the content with? They don't: It is currently like a chimpanzee trying to fit a block into a round hole.

Do they have a solid way of organising this type of content as yet, and does it have any effect on rankings?

If it imposes too high a cost to redesign, as Griff says, or create an entire alternative media rich site as Anthony says, are we bound to serving only formatted text to those deprived of up to date Flash interpreters and modern browsers, when the market obviously expects more?

Posted by Phil on 2009/11/13

Make a comment

To prevent GottaQuirk from becoming spam central, we block the use of certain words like porn, sex etc. We apologise for any inconvenience, but can't spend our lives deleting messages left by spammy friends.

Captcha
 
Afrigator