El principal problema de flash es que los motores de búsqueda todavía no lo entienden, esto se debe a que los motores de búsqueda están diseñados para manejar texto estático. Debido a que flash es prácticamente un programa es mucho más difícil de analizar.
Existen programas de desarrollo web como Adobe Dreamweaver que insertan elementos flash en las páginas web pero no proveen accesibilidad a los visitantes y motores de búsqueda que no soportan flash.
Programación de flash para SEO
El principal método para hacer contenido flash accesible a los motores de búsqueda es utilizar una etiqueta DIV con el contenido primario y una función en javascript llamada SWFobject() para detectar cuando los navegadores sean capaces de visualizar contenidos en flash. Cuando se cuenta con un reproductor de flash apropiado en el navegador, el javascript manipula el Modelo de Objetos del Documento (Document Object Model) para reemplazar el contenido primario por el contenido flash.
Debido a que la mayoría de los motores de búsqueda no pueden manejar contenido en flash, van a elegir ver el contenido primario. El contenido primario puede contener links, encabezados, imágenes – todo lo que se pueda añadir a una página HTML. De esta forma se aplican las técnicas SEO al contenido primario de la página web.
Esta técnica de accesibilidad flash no es considerada como spam , siempre y cuando el contenido primario y la película en flash sean esencialmente iguales. El W3C (World Wide Web Consortium) especifica que el contenido multimedia debería tener una representación alternativa disponible.
Ejemplo
El siguiente código hace que la página principal y el menú en flash de la página puedan ser revisados por los motores de búsqueda. Las páginas interiores del sitio también quedan añadidas debido a que el robot del motor de búsqueda puede seguir los links en el contenido primario.
<head>
<!–snip–>
<script type=”text/javascript” src=”/jscript/SWFObject.js”></script>
</head>
<body>
<!–snip–>
<!–primary content, for non-Flash visitors–>
<div id=”flash” align=”center”>
<p><a href=”/gallery/index.php?category=gallery/1_Prints”>prints</a> |
<a href=”/gallery/index.php?category=gallery/2_Posters”>posters</a> |
<a href=”/gallery/index.php?category=gallery/3_Books”>books</a>
<a href=”/gallery/index.php?pageId=115&start=0″>my account</a>
<!–snip, for brevity–>
</p>
</div>
<!– Flash player detection and Flash insertion –>
<script type=”text/javascript”>
var fo = new SWFObject(“homepage_v1.swf”,
“flash”, “680″, “390″, “5″, “#3a403c”);
fo.write(“flash”);
</script>
Este método eliminará las desventajas con respecto al potencial ranking que tenga esta página diseñada con flash.
Segundo ejemplo
Se pretende que una presentación realizada en flash sea visible a los motores de búsqueda. El contenido primario ubicado en DIV es el siguiente: (Color verde para contenido primario alternativo, color azul para presentación en Flash)
<div id=”movieAlt”><div id=”movieAltInner”>
<h2><a href=”/products/index.html”>Simics</a> is
used to develop the embedded
software that runs electronic devices such as:</h2>
<li>Aerospace hardware</li>
<li>Automobile control systems</li>
<li>Telecommunications infrastructure</li>
<li> High-end servers</li>
</ul>
<p><em>Hardware:</em> <strong>Satellite Control
System</strong></p>
<p><em>Challenge:</em> Unable to test software with satellites on orbit. How to verify new software?</p>
<p><em>Resolution:</em> Using Simics, the developers can run software quality tests on the ground, to ensure that the software works correctly before it’s installed.</p>
<h2>Industry: Automotive</h2>
<p><em>Hardware:</em> <strong>Electronic Control Unit</strong></p>
<p><em>Challenge:</em> Need to develop software now, but the ECU won’t be available for months</p>
<p><em>Resolution:</em> Simics enables programmers to develop and test the software before the hardware is available, reducing time to market.</p>
<h2><em>Industry:</em> Telecommunications</h2>
<p><em>Hardware:</em><strong> Wireless Network Equipment</strong></p>
<p><em>Challenge: </em> You have twenty programmers. Each needs a complete system for testing. They cost MILLIONS.</p>
<p><em>Resolution:</em> Using Simics to create a model of the target hardware, each programmer can have his or her own virtual device for software testing and debugging, without breaking your budget.</p>
<h2>Industry: Internet</h2>
<p><em>Hardware:</em> <strong>Network servers</strong></p>
<p><em>Challenge:</em> Software bugs keep popping up. Some take weeks to reproduce and fix. You are running out of time.</p>
<p><em>Resolution:</em> With Simics, programmers can run the program forwards and backwards to quickly identify, recreate and repair bugs.</p>
</div></div>
<script type=”text/javascript”>
var fo = new
SWFObject(“flash/virtutech_intro.swf”, “mymovie”, “497″, “287″, “7″, “#ffffff”);
fo.write(“movieAlt”);
</script>
Sitios con sólo contenido Flash
Los sitios escritos 100% en flash tienen una gran desventaja ya que les falta una estructura de la página para organizar el contenido, los links, y títulos únicos para cada página. Una posible solución es crear páginas HTML distintas para representar cada “página” de flash e instalar la película flash en cada página HTML. Cuando un visitante haga un pedido a una página, verán el contenido flash si pueden manejarlo. De lo contrario, como será el caso de un motor de búsqueda, podrá revisar todo el sitio. Otro enfoque sería dividir la presentación flash y ubicar pedazos relevantes de éstos en cada página.
Comentarios:
1 Comentario en SEO y Flash
Victor Mansilla
el post es muy bueno, muy detallado e instructivo, disfrute leyendolo y me fue de gran utilidad