How to SEO Flash Jonathan Hochman www.jehochman.com.

Slides:



Advertisements
Similar presentations
Can you walk away from your current website? In short, yes. However how depends on whether you intend to remain with the same web host and use the same.
Advertisements

Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
Adobe Flash CS4 – Illustrated Unit E: Optimizing and Publishing a Movie.
What is SEO ? Search engine optimisation Way to optimise your web-site to increase your page rank in SE.
Best Practices for Website Design & Web Content Management.
IS 360 Web Promotion. Slide 2 Overview How to attract visitors.
Chapter 4 Adding Images. Inserting and Aligning Images Using CSS When you choose graphics to add to a web page, it’s important to use graphic files in.
1st Project Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Search Engine Optimization March 23, 2011 Google Search Engine Optimization Starter Guide.
WHAT – WHERE – WHEN – WHY – HOW Inside Out Angela Kocher WEBSITES.
 What I hate about you things people often do that hurt their Web site’s chances with search engines.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
Performance, SEO, Accessibility Ivan Zhekov Telerik Corporation
INTRODUCTION TO CLIENT-SIDE WEB PROGRAMMING ACM 511 ACM 262 Course Notes.
Chapter 1 Introduction to HTML, XHTML, and CSS
Adobe Dreamweaver CS3 Revealed CHAPTER ONE: GETTING STARTED WITH DREAMWEAVER.
Different ways to implement CSS. There are four different ways to use CSS in your web pages: – Inline CSS – Embedded CSS/Internal CSS – Linked CSS/External.
Getting Started with Expression Web 3
Using Styles and Style Sheets for Design
Tutorial 1 Getting Started with Adobe Dreamweaver CS3
Chapter 4 Adding Images. Chapter 4 Lessons Introduction 1.Insert and align images 2.Enhance an image and use alternate text 3.Insert a background image.
Kelly rowland WHAT WE ALL NEED!!. hoppadon formly of village deuce mafia...the hottest rap don spitting!!
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Web Optimization. So how does your site get into a search engine? 1 A search engine obtains your URL either by you submitting your site directly to the.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
CIS 205—Web Design & Development Dreamweaver Chapter 1.
HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Prepared for Search Engine Strategies - Chicago Copyright 2006 Critical Mass, Inc. All Rights Reserved Page 1 Search Engine Strategies Chicago ‘06 AJAX.
1 Search Engine Optimization An introduction to optimizing your web site for best possible search engine results.
Tutorial 7 Planning and Creating a Flash Web Site.
Continuing Education UCC Fall 2010 Search Engine Optimization.
Search Engine Marketing SEM = Search Engine Marketing SEO = Search Engine Optimization optimizing (altering/changing) your page in order to get a higher.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Cascading Style Sheets
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
LESSON 15 – UNIT 0 ADAPTING YOUR WEB SITE FOR MOBILE DEVICES.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction. MIS 5450 Behavioral Layer JavaScript and DOM Structural Layer XHTML Presentation Layer CSS Design Development Process.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
History Before designing web pages it is important to know how it all came about… History Channel – The Invention of the Internet History Channel – The.
Designed & Developed By:- Trieffects Technologies Pvt.Ltd. PSD to HTML Conversion.
COMP 143 Web Development with Adobe Dreamweaver CC.
Technical SEO tips for Web Developers Richa Bhatia Singsys Pte. Ltd.
PSD TO HTML CONVERSION SERVICES Focus on designing creative website layouts with the help of professional PSD into HTML Conversion services with experts.
Enhance Your Page Load Speed And Improve Traffic.
Most important 6 simple techniques for SEO
Objective % Select and utilize tools to design and develop websites.
Chapter 4 Adding Images.
IS 360 Web Promotion.
Process of Converting “PSD to HTML”
Objective % Select and utilize tools to design and develop websites.
Objective % Explain concepts used to create websites.
B OOST W EBSITE P ERFORMANCE WITH T HE C USTOM W ORDPRESS P LUG -I N D EVELOPMENT
Mason Soiza Website Recommendations
HTML 5 Training HTML 5 SYMANTICS [Notes to trainer:
Web Standards and Accessible Design.
10 Most Important WordPress Plugins You Must Have Website Promoters L.L.C.
Objective Explain concepts used to create websites.
Presentation transcript:

How to SEO Flash Jonathan Hochman

The Big Idea: Progressive Enhancement Basic content and functionality should be available to all browsers Browsers with additional capabilities can enjoy enhanced formatting (CSS), content (Flash), and functionality (JavaScript), optionally loaded from external files. >>> Sites that use PE are better prepared for SEO because of excellent accessibility.

2.Use a JavaScript function, such as SWFObject, or UFO, to detect Flash Player. When available, replace primary HTML content with enhanced Flash content by modifying Document Object Model (DOM). Advanced tip: You may need to set WMODE transparent to make your Flash work with layers or CSS hover menus. If you need to fiddle with parameters like WMODE, check the SWFObject documentation to learn how.

But does Flash Accessibility work? Yes! Search engines read and index the primary content, and follow those links. We’ve tested this programming method on dozens of sites with millions visitors.

Adobe uses a version of SWFObject on their home page, as do many other high profile sites.

Example: 99% Flash Page An SEO Nightmare

Primary Content (No Flash)

Google’s Text-only Cache Showing the primary content

Search Results Note that Google has deep indexed the site

Google Matches Keyword “Boats” in the Alternative Content

Is this Spam or Cloaking? No! Flash accessibility isn't spamming if the primary content matches the visible Flash. Spam depends on intentions, not the choice of programming tools. Nor is this cloaking because we serve the same files to every visitor. Search engines can choose to read the primary content, or to analyze the Flash. There’s no deception. Basic content is necessary to build an accessible web. The World Wide Web Consortium (W3C) Web Accessibility Initiative (WAI) specifically states that multimedia content should have an alternative representation available.World Wide Web ConsortiumWeb Accessibility Initiative multimedia content should have an alternative representation available

Will Search Engines Mistake this for Black Hat Trickery and Ban My Site? It hasn’t happened yet. Search engines aren’t looking to ban you. Many users benefit from primary HTML content: –Corporate IT departments may block Flash –Mobile phone users don’t have Flash –Geeks often use Flash Blockers. Search engines don’t rule the world. Do what’s right for your users. Black hats have sneakier, faster tactics. They don’t need this.

Provide more info on mouse over:

Display multiple pictures in same space, simplifying layout:

Use slide show to explain complex product:

All-Flash Sites A Flash movie that simulates web pages isn’t a web site. A web site is a set of linked (X)HTML pages. Without pages we can’t use page titles for SEO, nor can we link to specific content from outside the movie. Resolution: Create (X)HTML pages, and install a Flash piece on each page.

Does Flash Accessibility Programming Improve Rankings and Bottom Line Results? It depends: –For competitive search terms, you need to do more than just use the keyword a few times. Flash SEO isn’t a magical solution. –Can produce search hits for “long tail” keywords that appear only in the Flash movie. –Can produce a more effective site with a higher conversion rate. –Avoids the need for duplicate HTML pages, saving development and maintenance costs.

References Examples, code, discussion, mailing list and installation instructions are available: Jonathan Hochmanhttp:// to download SWFObject and join mailing listhttp://blog.deconcept.com/swfobject by Geoff Sternshttp:// Wikipedia page on Progressive Enhancementhttp://en.wikipedia.org/wiki/Progressive_Enhancement Contact: Jonathan Hochman