Calendar

July 2009
S M T W T F S
« Jun   Aug »
 1234
567891011
12131415161718
19202122232425
262728293031  

Tag Cloud

Categories

Archives

Recent Posts

Recent Comments


« Free Flex Builder 3 Professional | Main | Flex Builder 3 Winner »

Deep Linking in Flex and Flash SEO

By Rich Tretola | July 7, 2009
4,129 views

How many of you are building your applications using deep linking with mx.managers.BrowserManager, or one of the deep linking libraries (URLKit, SWFAddress, etc)? Are you building your applications with SEO in mind or is this something that you see on the horizon but haven’t committed to yet? I have been experimenting with mx.managers.BrowserManager and find it very intuitive and easy to integrate into my applications. For example, here is a simple tab navigation example:

Run the example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/halo"
               minWidth="1024" minHeight="768" applicationComplete="init()">

    <fx:Script>
        <![CDATA[
            import mx.events.BrowserChangeEvent;
            import mx.managers.IBrowserManager;
            import mx.utils.URLUtil;
            import mx.managers.BrowserManager;
           
            public var browserManager:IBrowserManager;
           
            private function init():void {
                browserManager = BrowserManager.getInstance();
                browserManager.init();
                browserManager.addEventListener(BrowserChangeEvent.BROWSER_URL_CHANGE, parseURL);
                callLater(parseURL);
            }

            private function parseURL(event:Event = null):void {
                var o:Object = URLUtil.stringToObject(browserManager.fragment);
                if (o.tabId == undefined)
                    o.tabId = 0;
                tabs.selectedIndex = o.tabId;
                setPageTitle();
            }
           
            private function updateURL():void {
                callLater(doUpdateURL);
            }

            private function doUpdateURL():void {
                var title:String = "";
                var fragments:String = "";
                var o:Object = {};
                o.tabId = tabs.selectedIndex;
                fragments = URLUtil.objectToString(o);
                browserManager.setFragment(fragments);
                setPageTitle();
            }
           
            private function setPageTitle():void{
                var title:String = Canvas(tabs.getChildAt(tabs.selectedIndex)).label;
                browserManager.setTitle(title);
            }
        ]]>
    </fx:Script>
    <mx:TabNavigator id="tabs"
                     width="100%"
                     height="100%"
                     change="updateURL()">
        <mx:Canvas label="Tab 1"
                   width="100%"
                   height="100%"
                   backgroundColor="0xFF0000">
            <mx:Label text="Tab 1"
                      fontSize="48"
                      horizontalCenter="0"
                      verticalCenter="0"/>
        </mx:Canvas>
        <mx:Canvas label="Tab 2"
                   width="100%"
                   height="100%"
                   backgroundColor="0xCCCCCC">
            <mx:Label text="Tab 2"
                      fontSize="48"
                      horizontalCenter="0"
                      verticalCenter="0"/>
        </mx:Canvas>
        <mx:Canvas label="Tab 3"
                   width="100%"
                   height="100%"
                   backgroundColor="0x000066">
            <mx:Label text="Tab 3"
                      fontSize="48"
                      horizontalCenter="0"
                      verticalCenter="0"/>
        </mx:Canvas>
    </mx:TabNavigator>
</s:Application>

To read more about Deep Linking check out this great article in the Flex Cookbook.
Deep Linking in Flex

Please let me know your experiences with deep linking and Flash SEO.

Topics: Flex, Flex 4 | 27 Comments »

27 Responses to “Deep Linking in Flex and Flash SEO”

  1. Deep Linking in Flex and Flash SEO | Adobe Tutorials Says:
    July 7th, 2009 at 8:14 am

    [...] How many of you are building your applications using deep linking with mx.managers.BrowserManager, or one of the deep linking libraries (URLKit, SWFAddress, etc)? See the rest here: Deep Linking in Flex and Flash SEO [...]

  2. Abel de Beer Says:
    July 7th, 2009 at 8:23 am

    At the moment I’m building a portfolio website, but it’s pure AS3, no Flex. I just started using PureMVC and the combination with SWFAddress works really well. I’m integrating SWFAddress from the first steps in interactivity and that definitely keeps me focused on a good code structure and layout. :)

    Reply to this comment

  3. Marcel Says:
    July 7th, 2009 at 10:51 am

    I’ve created several applications for customers supporting advanced deeplinking and SEO indexing. Checkout for example https://www.artstart.nl/#/kunstwerk_details/9371

    It deeplinks to a certain artwork page. You can also find it in google like: http://www.google.nl/search?q=schweizer+tor+artstart

    which links to the same page..

    neat eh?

    Writing on my blog about it is still on my todo list (http://marcel-panse.blogspot.com)

    Reply to this comment

  4. Justin Says:
    July 7th, 2009 at 12:34 pm

    I build nearly every Flash project I do with SWFAddress … from small micro-sites to full e-commerce applications. I’ve used the Flex BrowserManager as well. It’s easy to implement but I don’t like the URLs it spits out (not very clean looking)… SWFAddress is much better for clean URLs (and SEO) IMHO.

    I have a sample template (for Flash) available for download on my blog.
    http://chakramedia.com/blog/2007/11/17/swfaddress-design-template-20/

    Reply to this comment

  5. Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR | raccas.com Says:
    July 7th, 2009 at 12:44 pm

    [...] Continued here: Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]

  6. Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR « SEO Says:
    July 7th, 2009 at 1:35 pm

    [...] Her­e is the or­ig­in­al: De­e­p Lin­k­in­g in­ Fle­x an­d Flash­ SE­O­… [...]

  7. Seo Swap | | Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR » Seo Swap | Says:
    July 7th, 2009 at 1:44 pm

    [...] More: Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]

  8. Seo Swap | | Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR » Seo Swap | Says:
    July 7th, 2009 at 1:45 pm

    [...] View original here: Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]

  9. Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR | SEO News & Views Says:
    July 7th, 2009 at 4:11 pm

    [...] Read more from the original source:  Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]

  10. Daniel Says:
    July 7th, 2009 at 6:15 pm

    I built a fairly large and complex app for a client with multiple modules, etc., and now in the last part the requirement for deep linking has come into effect which I had not anticipated (my mistake)…but my main question:

    What if you had two trees that related to each other (ie. tree one shows three nodes, and based on which node you select, tree two beside it populates)…in this situation, is it possible to use Deep Linking in any form so that a node in the first tree is preselected and then a node in the second tree is selected as well?

    Reply to this comment

  11. Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR | Angelove Says:
    July 7th, 2009 at 7:52 pm

    [...] Excerpt from:  Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]

  12. Gil (Pickle) Says:
    July 8th, 2009 at 3:50 am

    The latest Digizex example demonstrates Deep Linking with CMS back-end and automatic SEO. As well as localization implemented via subdomains. Check out the video tutorial.

    http://code.google.com/p/digizex/

    Reply to this comment

  13. andy.edmonds.be › links for 2009-07-09 Says:
    July 9th, 2009 at 8:34 pm

    [...] Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR (tags: deeplinking flex seo flash) [...]

  14. Adam Says:
    July 9th, 2009 at 10:05 pm

    I’ve used deeplinking in Flex eCommerce sites. For linking directly to a product’s details, it’s essential.

    Reply to this comment

  15. alekkus Says:
    July 14th, 2009 at 12:04 am

    I built this free mashup publishing site. The entire site is Flash-based, and uses deeplinking (the BrowserManager way) extensively. Be sure to check it out! – http://65amp.com

    Reply to this comment

  16. Cameron Says:
    July 21st, 2009 at 4:42 am

    Our new website: http://www.sumo.com.au uses deeplinking, as well as being completely search engine friendly through presenting alternative html content to search engines.

    Reply to this comment

  17. mattreyuk Says:
    September 11th, 2009 at 1:05 am

    Rich, why do you have the callLater() in your updateURL method?

    Reply to this comment

  18. Drupal Development Says:
    September 11th, 2009 at 9:00 am

    It’s great to find such a well laid out article, thanks for the information

    Reply to this comment

  19. Web Development India Says:
    September 12th, 2009 at 3:15 am

    Nice post, I came across your post by search. It is quite impressive for me. Thanks sharing.

    Reply to this comment

  20. court brown Says:
    October 1st, 2009 at 11:41 pm

    I have found SWFAddress to be very helpful. Here is my first attempt:

    http://madmantechnologies.com/FlexProjects/Carousel/SiteController.html

    As of tomorrow I will be figuring out how to make it “search engine friendly” as Cameron put it. Any suggestions?

    Reply to this comment

  21. Web Designers Hyderabad Says:
    October 16th, 2009 at 4:24 am

    Well Written Article on usage of Deep linking in Flex & Flash SEO. I got very valuable information from this article. Thanks sharign.

    Reply to this comment

  22. Company Incorporation India Says:
    December 9th, 2009 at 3:09 am

    Valuable information to all readers on usage of flash on Seo.

    Reply to this comment

  23. Interior Designing Company Says:
    December 28th, 2009 at 7:51 am

    valuable information to me, i will follow this rules to my future projects.

    Reply to this comment

  24. Diamond Grinding Wheels Says:
    December 29th, 2009 at 7:40 am

    I have learnt new topic from blog. Good work

    Reply to this comment

  25. oW27Amelia Says:
    January 6th, 2010 at 5:53 pm

    A PhD level is very serious stuff for scholars. What companies can support students in best dissertation referring to this post completing? We would suggest to purchase the thesis from the dissertation writing service. Hope that the advice can aid students!

    Reply to this comment

  26. FLEX SEO Says:
    February 15th, 2010 at 10:38 am

    Please see my message about the problem of SEO and deep linking at http://www.referencement-mots-cles.com/suisse-romande/FLEX-MXML-RIA-UI/SaaS-SAAS/Deep_Link_Creation_Flex.UPDATED.html

    Reply to this comment

  27. RDLisa Says:
    February 15th, 2010 at 11:50 am

    I think that people shouldn’t lose a chance to buy classification essay utilizing the business writing services, because this would apparently be a perfect way to confirm the writing skillfulness.

    Reply to this comment

Comments