Dev Summit Sf Flash Search V5

25
Search Strategies for Rich Internet Applications Presented by: Damien Bianchi ~ @DamoB Regional Director of Client Strategy www.GlobalStrategies.com
  • date post

    19-Oct-2014
  • Category

    Technology

  • view

    1.911
  • download

    0

description

How to make Flash applications easily crawlable and indexable by search engines for maximum acquisition through search

Transcript of Dev Summit Sf Flash Search V5

Page 1: Dev Summit Sf Flash Search V5

Search Strategies for Rich Internet ApplicationsPresented by:

Damien Bianchi ~ @DamoBRegional Director of Client Strategywww.GlobalStrategies.com

Page 2: Dev Summit Sf Flash Search V5

About Me

• Global Strategies International (GSI)• Enterprise Search Marketing Agency

• What I Do:• Consult with Enterprise-level Search Marketing Programs• Spent 6+ years as a Flash Developer & Flash Dev Manager

• Follow Me At:• @DamoB

Page 3: Dev Summit Sf Flash Search V5

My Work With Adobe• Adobe’s New SEO Technology Center - www.adobe.com/go/seo

• How To Factor Search Into Your Interactive Strategy• How To Establish Search-Related Goals• How To Provide Alternative HTML Content for Search Engines• Code Samples and Examples• Importance of Unique URLs• Design and Animation Recommendations• How To Create XML SiteMaps• Other Helpful Tips

Page 4: Dev Summit Sf Flash Search V5

Uh Oh!... Flash & Search…

• They don’t play well together, right?• Many opinions out there & Different techniques• Sure, it works if you enable:

Flux Capacitor + Christmas Lights + A Full Moon

Page 5: Dev Summit Sf Flash Search V5

What We Know

• Dynamic content does not consistently get indexed.• Google does not index “deep links” within SWF applications

(# marked URLs)• It’s not just a Flash Challenge – indexing dynamic content is an

issue with other technologies (AJAX, Curl, JavaFX, Silverlight, etc.)• New Adobe Flash Player For Search Engines is a step in the right

direction.

Page 6: Dev Summit Sf Flash Search V5

Deep Linking Is Not There Yet

One URL – multiple pieces of content Common Solution is to add # for deep linking

Page 7: Dev Summit Sf Flash Search V5

Great! So….What Are We Supposed To Do?

• This conversation tends to focus on the “accessibility” aspect of providing Search Engines with content they can understand.

• Now that we know the challenges, you still need strategy…

• Lets say you have answered YES to the following:

Flash Is a Must-Have For My Site

My Flash Site MUST Rank In Search Engines+

Page 8: Dev Summit Sf Flash Search V5

What’s Your Strategy?

• The fundamentals don’t change…• Always start with your business objectives:

• You want to increase awareness of your products, solutions, or services

• You are targeting a new audience that is not familiar with you• You want to take down your competition

• Apply that to your web site objectives:• Flash is the medium that will give your audience the best branded

experience• Must drive traffic to the important PLPs• 10 Business-Critical Keywords = Rank in the Top 5 • Push your competition off of the SERPs

Page 9: Dev Summit Sf Flash Search V5

Applying the Strategy with a Flash site

Search Goals

1 - Drive traffic to the important PLPs2 - Rank in the Top 5 for 10 Business-Critical Keywords

Site Architecture Decision = Must Establish 10 Unique HTML URLs

Page 10: Dev Summit Sf Flash Search V5

Applying the Strategy with a Flash siteOne SWF for

Entire Site

HTML URL #1

SWF shows content for

Keyword #1

FlashVars = Show State #1

HTML URL #10

SWF shows content for

Keyword #10

FlashVars = Show State #10

HTML Text <no script> HTML Text <no script>

Page 11: Dev Summit Sf Flash Search V5

Disney World is heavy Flash but…

Page 12: Dev Summit Sf Flash Search V5

Easy to navigate to all the inner pages

Page 13: Dev Summit Sf Flash Search V5

SWF Content

Page 14: Dev Summit Sf Flash Search V5

What the Search Engine Sees

Page 15: Dev Summit Sf Flash Search V5

Testing Is Easy

• Turn off Javascript to test out your PLPs• Firefox Plugin – Web Developer Tool

Page 16: Dev Summit Sf Flash Search V5

Use XML data source for BOTH the HTML and the Flash content.

Extensible Stylesheet Language (XSL) can be used to alter the format of XML data, either into HTML or other formats that are suitable for a browser to display.

Makes for easy maintenance and accuracy of content

Easy Content Maintenance

XML + XSLT = HTML

XMLSWF

HTML

Page 17: Dev Summit Sf Flash Search V5

Visual Site Maps

Page 18: Dev Summit Sf Flash Search V5

HTML Site Maps

Page 19: Dev Summit Sf Flash Search V5

XML Site Map - example

Page 20: Dev Summit Sf Flash Search V5

Process

To set up an individual Google site map requires the following:1. Google Webmaster Tools account2. List of pages on domain (or directory)3. XML document of list (Sitemap Protocol 0.9) uploaded to

root directory4. Verification code (to ensure site owner is approving site

map)

Page 21: Dev Summit Sf Flash Search V5

Search and Flash Nirvana

HTML

SWF

HTML

SWF

HTML

SWF

HTML

SWF

HTML

SWF

HTML

SWF

HTML

SWF

HTML

SWF

HTML

SWF

HTML

SWF

10 Unique URLs (1 for each Keyword)

XML SiteMapPoints the

Engine to your Unique URLs

1 - Unique URLs = Get Indexed, Link Building2 - Content to crawl3 - Keeps the Flash functionality and interactivity

Page 22: Dev Summit Sf Flash Search V5

Applying the Strategy with a Flash site

• Organizational Tips: The Planning• In-House Flash Developers or Agencies – make sure they are

up to speed with best practices • Search should ALWAYS be a part of the project “scope”• Ensure that your Developers are part of the initial planning

stages and avoid oversimplifying the IA decisions like this:

FLASH CONTENT

Page 23: Dev Summit Sf Flash Search V5

Applying the Strategy with a Flash site

• Organizational Tips: The Production Cycle• Developers should apply the best practices• Designers and Content creators should be on the same page

regarding the Search Goals• Make strategic design decisions. Don’t “overdesign” the

animation and transition effects between the PLPs since the browser will have to reload the SWF

• Save this for the content you don’t care about ranking for.

Page 24: Dev Summit Sf Flash Search V5

Resources• Adobe’s New SEO Technology Center - www.adobe.com/go/seo

• How To Factor Search Into Your Interactive Strategy• How To Establish Search-Related Goals• How To Provide Alternative HTML Content for Search Engines• Code Samples and Examples• Importance of Unique URLs• Design and Animation Recommendations• How To Create XML SiteMaps• Other Helpful Tips

Page 25: Dev Summit Sf Flash Search V5

Next Steps

• Follow @DamoBRegional Director of Client Strategy• 10+ Years Enterprise Marketing

• Visit our Web site: www.GlobalStrategies.com

• Twitter: http://twitter.com/DamoB

Thank You!