« Free Flex Builder 3 Professional | Main | Flex Builder 3 Winner »
Deep Linking in Flex and Flash SEO
| By Rich Tretola | July 7, 2009 | |
| 6,046 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:
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 | 35 Comments »
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 [...]
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
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
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
July 7th, 2009 at 12:44 pm
[...] Continued here: Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]
July 7th, 2009 at 1:35 pm
[...] Here is the original: Deep Linking in Flex and Flash SEO… [...]
July 7th, 2009 at 1:44 pm
[...] More: Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]
July 7th, 2009 at 1:45 pm
[...] View original here: Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]
July 7th, 2009 at 4:11 pm
[...] Read more from the original source: Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]
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
July 7th, 2009 at 7:52 pm
[...] Excerpt from: Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR [...]
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
July 9th, 2009 at 8:34 pm
[...] Deep Linking in Flex and Flash SEO | EverythingFlex: Flex & AIR (tags: deeplinking flex seo flash) [...]
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
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
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
September 11th, 2009 at 1:05 am
Rich, why do you have the callLater() in your updateURL method?
Reply to this comment
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
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
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
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
December 9th, 2009 at 3:09 am
Valuable information to all readers on usage of flash on Seo.
Reply to this comment
December 28th, 2009 at 7:51 am
valuable information to me, i will follow this rules to my future projects.
Reply to this comment
December 29th, 2009 at 7:40 am
I have learnt new topic from blog. Good work
Reply to this comment
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
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
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
April 16th, 2010 at 10:09 pm
How would it be using “State”?
Reply to this comment
June 22nd, 2010 at 6:30 am
Very Great information for Seo developers. I will follow this rules.
Reply to this comment
July 2nd, 2010 at 7:41 am
Thanks for this post–I really like it!!
Reply to this comment
July 2nd, 2010 at 7:43 am
good share, great article, very useful for us and thanks!
Reply to this comment
July 12th, 2010 at 5:27 am
Good post, thanks for sharing, I enjoy it very much!
Reply to this comment
August 5th, 2010 at 5:06 am
Great post, Thank you very much.
Reply to this comment
September 7th, 2010 at 6:11 am
Yeah, it’s good comment and very useful as suitable resources
Reply to this comment
September 9th, 2010 at 12:59 am
cheap nike shoes
Reply to this comment