Como hacer SEO en paginas FLASH

Quisiera colocar este articulo para aquellos que aun tienen dudas al trabajar con flash. Efectivamente si hay una forma de trabajar correctamente aun si tu pagina es 100% flash.

Flash no daña la visibilidad para los motores de busqueda. Algunas herramientas de desarrollo WYSIWYG general codigo HTML inválido e inaccesible al incluir archivos flash. Como resultado, la mayoria de diseñadores crean paginas flash que no proveen contenido alternativo para visitantes que no tienen navegadores con soporte para flash, incluyendo al mas importante de los visitantes, los bots de los motores de busqueda.

Crear contenido que pueda ser visto por alguien que no puede ver dentro del flash, no solo es posible sino rapido y sencillo.

El 11 de abril del 2006 un nuevo "fix" o actualizacion del internet explorer incluye "eolas" que evita que flash trabaje apropiadamente en varios sitios web. La tecnica descrita aqui tambien va a arreglar el problema de ActiveX con Eolas (ese cuadrado punteado alrededor de los objetos flash).

Requerimientos para el uso existoso de flash

Una animacion flash es una muy simpatica forma de presentar contenido complejo ya que permite al diseñador colocar mas contenido en un espacio pequeño, sin tener que agrandar la pagina y modifcar el diseño. Si vende tecnologia, flash es una forma ideal de presentar un show de diapositivas o una pelicula que explique los beneficios de su producto. Al usar flash, nos gustaria satisfacer cada uno de los siguientes objetivos:

- Limpio diseño usando flash
- Posicionamiento web
- Accesibilidad para personas con diferentes niveles de habilidad.
- Validacion de código
- Correcto funcionamiento con Internet explorer.

Con un poco de codigo, podemos usar flash sin sacrificar la performance de su sitio web.

Programacion SEO de Flash

Mi metodo recomendado para posicionar flash usa un DIV con contenido accesible para buscadores, y una funcion SWFObject() para detectar cuando el navegador es capaz de ver el flash y cuando no. Cuando el navegador es capaz de ver el flash, el javascript manipula el Objeto Modelo de Documento (DOM) para reemplazar el contenido alternativo con la película flash. Los bots de los buscadores generalmente no pueden ver el flash, asi que ellos obtienen el texto alternativo. El contenido alternativo debe contener links, cabecera, texto con estilos, imagenes, todo lo que puede añadir a un HTML ordinario. La pelicula flash es la alternativa que se muestra solo para los navegadores que ven el flash.

Programar la accesibilidad al flash no es hacer Spam, siempre y cuando el contenido alternativo refleje verdaderamente el contenido de la pelicula flash visible. El "World Wide Web Consortium" (W3C) iniciativa de accesibilidad web (WAI) dice específicamente que "el contenido multimedia debe tener una presentacion alternativa disponible".

Visite el blog de Geoff Sterns para una explicación mas completa sobre el SWFObject(). Necesitará bajar el archivo SWFObject.js para usar esta solucion.

Esto es excelente para posicionar paginas que tienen la famosa "INTRO EN FLASH", y cuyas paginas internas nunca llegan a ser indexadas por los buscadores por tener sus vinculos en flash.

Ejemplo: Haciendo Menus Navegables en Flash

Este codigo de ejemplo muestra una cabecera en flash y el menu de la pagina web de WirelessBuilders (http://www.wirelessbuilders.com/) que a pesar de estar en flash ha sido convertida en accesible usando contenido alternativo. Ademas, verán que no muestra ese cuadrado punteado tan desagradable alrededor de el flash que vino con la ultima actualizacion de Internet Explorer. Se solucionó ese problema usando el codigo que se muestra en la imagen que está a continuacion:

[Ver Codigo]

No es recomendable construir menús en flash, pero si tiene un sitio que usa flash y quiere evitar el gasto de un rediseño, este metodo SEO funciona muy bien.

Ejemplo: Haciendo shows de fotos, pequeñas peliculas o galerias en flash visibles a buscadores

Un segundo ejemplo, de la pagina de VirtuTech (http://www.virtutech.com/). Este muestra como introducir un contenido largo dentro de un espacio pequeño. Usamos un DIV, y su propiedad CSS "overflow:auto" para crear un area de texto desplazable. Esto previene que la pagina se "rompa" cuando el contenido alternativo es mostrado. Para ver el contenido alternativo abra la pagina de virutech con su navegador con el javascript desactivado.

[Ver Codigo]

En adicion a estos se han utilizado estos metodos en muchos otros sitios con flash. El codigo ha sido usado cientos de veces sin ninguna falla, y los sitios han conseguido muy buenos rankings en los keywords que se encuentran solo en el contenido flash.

***Proveeré la traduccion de el blog de Geof Sterns sobre el SWFObject() en articulo futuro. ***

Páginas hechas completamente en flash

Un sitio web construido completamente con flash no es realmente tener un sitio, ya que no tiene una estructura de website. Sin links internos y TITULOS y META description tags en cada pagina, es una tremenda desventaja SEO.

En lugar de cometer "suicidio SEO", las paginas hechas completamente en flash pueden ser optimizadas. La opción mas veloz es crear distintas paginas HTML para representar cada "pagina" flash, e instalar la pelicula flash en cada una de las paginas HTML. Cuando el visita una pagina interna, veran el flash siempre y cuando su navegador pueda manejarlo. De otra forma un visitante No-Flash tal como un buscador, podrá visitar completamente el sitio.

Si un usuario sigue un resultado hacia una de las paginas internas, tendrá la misma experiencia flash, y si no puede manipular flash, verá la version HTML.

Otra forma es dividir el flash en pedazos y poner la pieza de flash reelevante en cada pagina. Sin embargo, partir el flash en pedazos puede resultar en transiciones de pagina que van en contra del efecto que el diseñador quiere crear.

Para obtener lo mejor de ambas opciones, un diseñador puede pasar parametros dentro de la película flash. La misma pelicula puede aparecer en la misma pagina HTML, y empezar en la "pagina" flash correspondiente determinada por el parametro que se pase.

Traduccion: Carlos Marruffo
SEOPeru - Posicionamiento en Buscadores


Original Version by Jonathan Hochman
http://www.jehochman.com/articles/seo-friendly-flash.shtml

abcdexxx123