Indexar una Web en Adobe Flex/Flash | AS3 : FLEX : AIR Portalscreen

Indexando una Web en Adobe Flex/Flash

27 abr 2010 at 16:12

Francisco

Cuando se construye un FLEX (Flash) de aplicaciones que deben estar disponibles para el usuario a través de Internet, esta pregunta siempre surge:

¿El sitio web que contiene la solicitud es SEO friendly?

Y la respuesta es NO. Google y otros motores de búsqueda no pueden ver dentro de Sitios web FLEX (Flash) y por lo tanto de indexar sus contenido. Como bien sabemos el SEO es importante para usted y por lo tanto para su Web, por lo que se le intenta buscar otras soluciones a nivel técnico.

Yo mismo me ví envuelto en una situación similar a ésta, y dandole vueltas una idea me golpeó la cabeza. FLEX (Flash) utiliza XML como fuente primaria de obtención de contenido, y XHTML es un XML personalizado. La idea es utilizar el contenido de las páginas HTML y XML para la aplicación FLEX (Flash). Los XML se pueden leer y a la vez ser indexados por los motores de búsqueda, e aquí el origen del contenido ideal para su aplicación FLEX (Flash), y la solución a nuestro problema.

¿Cómo se puede hacer desde el punto de vista técnico? Bueno, es bastante simple:

1. Las páginas HTML estarán formadas por archivos XML que seran el contenido necesario para su aplicación FLEX (Flash) . El contenido de la página quedará disponible para los motores de búsqueda.

2. Crear un archivo XSLT el cual se va a generar en la máquina del usuario, el contenido XML de la página en una página HTML normal y agregar el componente Flash necesario para ejecutar la aplicación FLEX (Flash).

3. Apunte con su aplicación FLEX (Flash) para obtener la información de la página actual en sí. Recuerde que si el XSLT no se aplica, la página actual no es más que un archivo XML.

Conclusión: El usuario verá una aplicación RIA creada en FLEX y los motores de búsqueda verán una bonita página XML la cual será facil de indexar, ambas partes quedarán totalmente satisfechas, y usted podrá decir que su Web es totalmente indexable por los buscadores.

Espero que sea de gran ayuda y les invito a visitar otros post también interesantes en portalscreen.com.

Saludos.

Esto te interesa:

¿solo 7 Comentarios?

by Oscar

31 ago 2010 at 00:54
Responder

Excelente lo que uno siempre habia buscado, podrias poner un example? si me interesa
by Francisco

31 ago 2010 at 06:38
Responder

Sin problemas Óscar, dame algo de tiempo y te comento un ejemplo práctico. Un saludo y gracias por tu comentario.
by Francisco

02 sep 2010 at 23:51
Responder
Lo prometido es deuda Oscar.
Simplemente has de crear tus contenidos en ficheros xml facilmente indexables por google u otros buscadores, en formato:
```
<?xml version="1.0" encoding="UTF-8"?>
<channel>
	<title>AS3 : FLEX : AIR  Portalscreen</title>
	<atom:link href="http://www.portalscreen.com/feed/&quot; rel="self" type="application/rss+xml" />
	<link>http://www.portalscreen.com</link&gt;
	<description>Blog RIA  (Rich Internet Application)</description>
	<lastBuildDate>Thu, 02 Sep 2010 21:42:38 +0000</lastBuildDate>

	<generator>http://wordpress.org/?v=2.9.2</generator&gt;
<channel>
```
………

Mediante la clase URLLoader de ActionScrip 3 cargas los xml que previamente generastes, y mediante e4x lo parseas para rellenar el contenido de tu aplicación flex.

El como parsear mediante e4x lo puedes encontrar en:
http://www.portalscreen.com/parse-xml-e4x/

Una vez creada tu aplicación flash/Flex deberás ir a las herramientas de google para webmasters e indicarle a google que pase por tu sitio para así quedar indexados tus contenidos en su base de datos.
Por lo demás es promocionar tu sitio flex/flash como cualquier otra web que haya sido realizada en php, html, ruby, etc.. sin más complicaciones, sabiendo que tus contenidos son legibles por los robots de google.

Espero haberte ayudado Oscar, recibe un saludo.
by Zaer

07 sep 2010 at 11:29
Responder

Hola,
soy novato, tengo una web creada apartit de una plantilla flash que llama al contenido desde unos archivos xml.
pero aun asi el contenido no es indexado en google de ninguna manera.
como puedo hacer un sitemap para indixar los contenidos dentro de los xml?
GRACIAS
by Francisco

07 sep 2010 at 12:30
Responder

Hola Zaer, no te preocupes tus contenidos pueden ser indexados sin problemas. Has de utilizar plantillas XSLT anexa a tu contenido en xml para que sean indexados perfectamente. Dame un poco de tiempo y te hago un ejemplo básico el cual lo entederas perfectamente.
Saludos.

Pdta: no tardaré en subirte el ejemplo. Gracias por tu comentario.
by Francisco

07 sep 2010 at 23:13
Responder
Perdona por la espera Zaer, te explico un poco. Realmente tienes que aplicar plantillas XSLT como te decia, a tus xml de contenido. XSLT permite dar una apariencia en el navegador determinada a cada una de las etiquetas XML, de tal modo que tu XML queda totalmente legible de cara a los motores de búsqueda. Un ejemplo básico, teniendo el XML:
```
<?xml version="1.0" encoding='ISO-8859-1'?>
<?xml-stylesheet href="tienda0.xsl" type="text/xsl"?>
  <tienda>
    <nombre>La tiendecilla  </nombre>
    <telefono>953 87 12 23  </telefono>
  </tienda>
```
Para convertirlo en HTML, usaremos la siguiente hoja de estilo (tienda0.xsl):
```
<?xml version="1.0" encoding="UTF-8"?>
 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"&gt;
 <xsl:template match='/'>
 <html>
   <head>
      <title>Generado con tienda-html.xsl</title>
   </head>
   <body>
       <h1> <xsl:apply-templates /> </h1>
   </body>
  </html>
</xsl:template>
</xsl:stylesheet>
```
Con esto los buscadores indexarán tu contenido sin problemas, leyendo un bonito HTML de contenido y a la vez podras usar tus aplicaciones Flex sin problemas.

Un saludo, gracias por tu interés y espero haberte ayudado.
by Oscar

21 oct 2010 at 16:36
Responder

Muchas gracias por la atención, me servira de mucho un abrazo Francisco