Una de las muchas pegas que ponen los antiflasheros para no usar Flash a la hora de hacer paginas webs es que los buscadores no indexan los contenidos del mismo. Así que hoy tengo que darles una mala noticia, los contenidos de paginas web en flash pueden aparecer en los buscadores -eso si utilizando el truquillo de nuestros amigos de Motion4Graphics
Personalmente creo que este rencor que hay hacia flash es debido a las malas practicas que se realizan con él, como las intros de 2Mb, la música y animaciones innecesarias dentro del site,... y a que Macromedia Flash (El IDE) no esta disponible en Linux, y eso no les gusta nada a los fans del pingüino. Estos han sido temas tratados con anterioridad, así que permitirme un pequeño apunte para poder dejar el tema a un lado, Macromedia Flash NO ESTA en Linux, pero si hay otras opciones 100% Funcionales de desarrollo profesional como FAMES Así que los seguidores de Tux ya no tienen motivos por los que mosquearse, continuemos pues.
Los pocos lectores que tiene mi blog lo saben, ahora lo comparto con ustedes, mi pagina esta enteramente programada FAMES -vamos que el producto final es un swf como los que genera Macromedia Flash-. He de admitir que hasta hace pocos días, mi web estaba en los buscadores, pero no así su contenido que permanecía oculto para los robots de búsqueda. Esto ha cambiado, ya tengo indexado el contenido de hace 4 días.
¿Cómo se hace?
Es sencillo, solo tenemos que seguir los pasos que nuestros amigos de Motion4Graphics compartieron con nosotros en los Talleres de Verano Subflash. Aprovechar la configuración del usuario con un poco de JavaScript y ciertas prácticas quizás no muy correctas, que, como veremos después si que lo son.
Cloacking
El cloacking es mostrar a los robots de búsqueda un contenido diferente del que en realidad se muestra. Es una práctica penalizada por los buscadores pero nosotros la utilizaremos. ¿Entonces es seguro? SI, el cloacking se "denuncia" a través de unos formularios disponibles en cada buscador, es decir, alguien tiene que decir que tal o cual pagina esta haciendo cloacking, por lo que las posibilidades de que nos "denuncies" son bastante bajas. Por otro lado la penalización es por mostrar un contenido diferente para los visitantes y otro para los robot-spiders, en nuestro caso es el mismo, simplemente nosotros lo "embellecemos" con una piel en Flash, que mas o menos es lo que hace el CSS.
Espero que hasta aquí hayáis seguido todos mas o menos el hilo, si es así os estaréis preguntando como es posible saber si quien nos visita es un robot de búsqueda o es un visitante, la solución : El JavaScript. Podríamos tener una lista enorme de IP's de motores de búsqueda, que por otro lado siempre estaría incompleta y haría pesadísimo el simple hecho de detectar quién es quién. Mucho más fácil utilizar el JS, y es que los robots no tienen habilitado el JavaScript, solo tendríamos que crear una función en JS que nos pusiera el objeto SWF en el html, lo que es relativamente sencillo.
Ahora solo falta darle al buscador lo que quiere, el contenido, para ello utilizaremos unas etiquetas chulas chulas, al final del código HTML despues del código que coloca Flash para que se vea el SWF en el navegador usamos las etiquetas <NOSCRIPT></NOSCRIPT>.
Entre esas etiquetas ponemos el contenido de nuestra web, como si de un html normal se tratara, recuperándolo de DB por medio de PHP o ASP si es que hiciera falta. Cuando venga un usuario se encontrara con un bonito Flash, y si un buscador visita la misma pagina, leera el contenido dentro de las etiquetas <noscript>.
Fácil, sencillo ... y para toda la familia.
Créditos y PRUEBAS de que si funciona.
Como ya dije al principio este método no es mio, si no de Motion4Graphics.
Los archivos de ejemplo los pueden bajar de la pagina de Talleres de Verano Subflash Donde también encontraran la conferencia impartida por M4G y un vídeo muy chulo
Si aún no se lo creen, vayan a GOOGLE y busquen por "weedquest" Ahí encontraran una referencia a mi página*. Se que no arroja muchos resultados, pero se puede comprobar que es una palabra de dentro del post, ni titulo ni nada,CONTENIDO PURO Y DURO
*Por si alguien no lo sabe mi blog es http://www.theNinjaBunny.com/
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Por fl el 04 de Septiembre de 2005
juas ICEM4N buen dato muchos buscamos eso por mucho tiempo
Saludos
Por XKlibur el 04 de Septiembre de 2005
Por Josepzin el 05 de Septiembre de 2005
Por Elecash el 05 de Septiembre de 2005
Los robots que conste que no ejecutan javascript, por lo tanto no indexaran el contenido de una Pop-up. Otro motivo más para no usarlas!!
Muy bueno el artículo, jeje, y genial la solución.
Deu!!
Por electro el 05 de Septiembre de 2005
Por _CONEJO el 05 de Septiembre de 2005
de todas formas no se si es un xhtml dentro de un cdata o un cdata dentro de un xhtml... jajaj
Bueno, los robots llegan a una pagina , ven los links y los siguen, asi van saltando de pagina en pagina....
Por electro el 05 de Septiembre de 2005
El firefox, este html no lo lee
Código :
Por rolv el 05 de Septiembre de 2005
Por Ereb el 05 de Septiembre de 2005
Por FeNtO el 05 de Septiembre de 2005
Por _CONEJO el 05 de Septiembre de 2005
FeNtO :
Ninguna, en la propia conferencia lo dijeron que ambas etiquetas se daban al uso, pero que ellos preferian las de <noscript></noscript> por considerarlas "mas elegantes"
Por scx7 el 06 de Septiembre de 2005
ya lo hice ahora a esperar visitas
emm... también funcionara en la busqueda por imagenes
Por sergiomas el 06 de Septiembre de 2005
Este html lo enlazo desde la página que contiene la web en flash.
El truco del asunto es que el html es en realidad un xhtml, y que si está bien formado, flash lo puede leer como un xml; por lo que aprovecho para que los contenidos de la web en flash y la version indexable sean los mismos.
El flash carga el html con los contenidos, como si fuera un archivo xml, y de paso enlazando dicho archivo desde un link normal, consigo que los robots indexen correctamente la web.
A ver si tengo un poco de tiempo y pongo un ejemplo en mi web.
Saludos
Por Freddie el 06 de Septiembre de 2005
Y por eso quiero decir ¿Google te indexa optimamente y demas?
Por sergiomas el 07 de Septiembre de 2005
Tienes tres archivos:
index.html, contenidos.htm, y webflash.swf.
En index.html colocas el webflash.swf y un enlace a contenidos.htm que ocultas si quieres mediante css.
El webflash.swf cargará contenidos.htm como si fuera un xml para obtener todos los textos.
Cualquier robot que llegue a index.html encontrará el enlace a contenidos.htm e indexará lo que contenga.
Al mismo tiempo, contenidos.htm sirve como una versión accesible de tu sitio. Lo estructuras de forma semántica para mejor indexación y si quieres añades un css para darle mejor presentación.
Y si necesitas editar algún texto no tienes que abrir el Flash, lo haces desde contenidos.htm.
La única pega que le encuentro es que es posible que el resultado de una busqueda en Google u otro buscador apunte a contenidos.htm y no a index.html
Saludos
Por Dano el 07 de Septiembre de 2005
Pero vaya que es una buena alternativa para sitios Full Flash, cuyo contenido es leído de una BD.
Por _CONEJO el 07 de Septiembre de 2005
A la hora de indexar, google te indexaria el xhtml, es decir "contenidos.htm", en contenidos NO HAY -o al menos intuyo que no lo tienes ahi- ningun swf, por lo que la indexacion seria "incorrecta", pues al llegar a contenidos.htm no verian ningun flash
La solucion esta en que contenidos.htm cargue la pagina principal de site, pasandole una variable / anchor con lo que se quiere abrir el "contenidos.htm"
Por sergiomas el 07 de Septiembre de 2005
Y es colocar en el mismo xhtml tanto el flash como todos los contenidos estructurados correcta y semánticamente.
Los contenidos los oculto mediante CSS, y el flash vuelve a cargar el xhtml en donde él mismo se encuentra, para obtener dichos contenidos.
De esta manera tendriamos un solo html que sería indexable, accesible y editable para con el flash que incluye.
Google, u otro buscador, dará como resultado de su indexación la misma página que contiene el flash.
Por -ariioo el 08 de Septiembre de 2005
gracias
Por Freddie el 08 de Septiembre de 2005
Por _CONEJO el 09 de Septiembre de 2005
http://www.subflash.com/talleres/2005/documentacion/indexacion.rar
Por ariioo el 09 de Septiembre de 2005
ICEMAN el pdf de esta pagina es lo que estoy buscando, lo leo y les cuento
MUCHAS GRACIAS
Por ariioo el 09 de Septiembre de 2005
su labor hace que el mundo evolucione más rapido.
gracias
Por LightSaver el 10 de Septiembre de 2005
Por TheOm3ga el 10 de Septiembre de 2005
Por _CONEJO el 10 de Septiembre de 2005
TheOm3ga_blog :
Si quieres cargar los datos de un xhtml/xml ... correcto, pero si usas remoting/amfPHP ....
porque como todo el mundo sabe ... XML sucks! jajajajajaja
Por Freddie el 10 de Septiembre de 2005
ICEM4N :
TheOm3ga_blog :
Si quieres cargar los datos de un xhtml/xml ... correcto, pero si usas remoting/amfPHP ....
Precisamente ese es el problema #1 de la mayoria de tecnicas, la de ICEM4N es mucho mas "flexible" en ese sentido, sobre todo en casos como los blogs o lugares donde las conexiones dinamicas a servidor abundan
ICEM4N :
Por cvander el 10 de Septiembre de 2005
Ahora, si usan Cloacking para solucionar el problema, acaso no se rectifica que con Flash no se puede posicionar websites?
A ver si luego de tanta difusión del experimento de Motion4graphics no terminan expulsados de algún motor de búsqueda popular.
Por Freddie el 10 de Septiembre de 2005
http://www.subflash.com/talleres/2005/documentacion/indexacion.rar
Por Dano el 10 de Septiembre de 2005
ICEM4N :
TheOm3ga_blog :
Si quieres cargar los datos de un xhtml/xml ... correcto, pero si usas remoting/amfPHP ....
porque como todo el mundo sabe ... XML sucks! jajajajajaja
HEREJE!
Perdon la palabra, tenía ganas de devolvertela!
Ahora en serio.
ICEM4N, el hecho de usar la técnica que mencionan arriba, no implica EN LO ABSOLUTO, dejar de usar Remoting, para usar XML, de hecho yo utilizó esa técnica y no utilizo XML, sino FLASH REMOTING.
En lo personal creo que es una mejor alternativa, usar XHTML, que utilizar la etiqueta<noscript>. A continuación dejo un link, para que visualicen como trabaja, esta otra alternativa:
http://www.danonino.org/ejemplos/indexado.html
Creo que con ver eso, se puede entender un poco más, en que consiste.
Por La100rra el 10 de Septiembre de 2005
Ya me perdí, yo entendí que si usas remoting no necesitas xml, o no era así ICEM4N?
Por Dano el 10 de Septiembre de 2005
La100rra :
Ya me perdí, yo entendí que si usas remoting no necesitas xml, o no era así ICEM4N?
El tema a tratar es indexación de contenido en los búscadores. No si es mejor remoting o XML. Me queda claro que es mejor Remoting, pero repito eso no es el tema, y no veo por que se toco. Al parecer se confudieron con el hecho de que la técnica de sergiomas, solo funcionaba en XMl.load.
En flash, tu vas a leer el contenido de una Base de Datos, como quieras, lo ideal es Flash Remoting.
Ahora considerando que tienes tienes un archivo SWF, y USAS FLASH REMOTING, necesitas, hacer algo, para que los buscadores puedan indexar tu contenido. El contenido dinámico de ese SWF no se indexara, en un buscador, salvo que utilizes un complemento. Es por eso que surgen algunas alternativas, para que los buscadores puedan indexar este contenido.
UNA TÉCNICA, es la que menciona ICEM4N, que consiste básicamente en utilizar la etiqueta <noscript>
LA SEGUNDA TÉCNICA es la de sergiomas, y consiste en utilizar XHTML. Al utilizar XHTML, lo que remplazas es la etiqueta <noscript>, pero tu SWF queda tal cual, usando FLASH REMOTING.
Repito si visitan:
http://www.danonino.org/ejemplos/indexado.html
COMO ven es un FULL flash, y este Flash puede usar REMOTING y leer cuanta información quieran.
Pero si le dan "ver código fuente", se darán cuenta que el mismo contenido del SWF, se encuentra en el código fuente.
Pero bueno, aún lo voy explicar con un diagrama:
http://www.danonino.org/ejemplos/Buscador.html
Espero se entienda, un poca más.
Por _CONEJO el 10 de Septiembre de 2005
La100rra :
Ya me perdí, yo entendí que si usas remoting no necesitas xml, o no era así ICEM4N?
Si, asi es, pero en el "index" yo cojo los datos y los suelto entre etiketas noscript, en cambio JD forma un Xhtml ... grande el que sabe xhtml... jajaja
Por NEO_JP el 11 de Septiembre de 2005
Luego colocas la capa con el Flash encima de todo el contenido, estoy bien?
Hmm.. me parece muy sencillo, y facil, pero puede eso ser confundido y penalizado por Google-bot ?
Por Dano el 11 de Septiembre de 2005
Es cuestion de usar sentido común. No creo, no se si alguien te penalice por tener, en tu código Fuente, el mismo contenido de Flash. De hecho no se si has observado, que cuando generas una pelicula, con texto estático, el texto es incrustado como comentario en el HTML, por el mismo Flash.
Generalmente lo que se penalisa, son las páginas que logran hacer que Google Bot, lea contenido como:
"Chicas en pelotas para ti"
"Angelina Jol|e desnu.da "
Y cuando llegas a la página, te venden productos para bajar de peso. Vamos que provoquen que visites la página, debido a que usarón terminos diferentes a los que en verdad tiene el sitio.
Saludos
Por sergiomas el 14 de Septiembre de 2005
.- Si estructuras semánticamente el contenido, es decir, con tags de cabecera, parrafo, etc., los buscadores darán más valor a tus contenidos y saldrás en los resultados en posiciones más altas.
.- También estas ofreciendo una versión texto para usuarios que no dispongan del flash-player o sean discapacitados. Es decir, una versión accesible.
.- Tu contenido podra verse igualmente en otros soportes, como móviles, pdas, etc, que no pueden visualizar correctamente el flash por razones de tamaño o por falta de soporte.
.- Y no menos importante: Si tienes que cambiar algún contenido textual, no hace falta abrir el Flash, solo editas el xhtml y listo.
Saludos
Por fabbianni el 14 de Septiembre de 2005
No importa si es con la mejor intención del mundo, mostrar un contenido al robot de google diferente al que ven los usuarios es una de las fallas más graves en optimización web, y sí, es penalizada, no importa la semántica, es una técnica de cloaking, punto final.
Qué es penalizar ? que te saquen de google.
Cómo lo descubre google ? Facil, de dos maneras:
1. Google bot lee que hay una redireccion especial para robots.
2. La más usual, to competencia se lo hace saber a google.
Por Freddie el 14 de Septiembre de 2005
Por otro lado, tambien en el mismo blog o incluso el "GoogleGuy" de los foros ha dicho varias veces que esto lo hace Google tras verificar que en realidad exista cloaking de penalización.
Flash 8 acaba de incluir una caracteristica de Metadata para hacer mas facil la lectura de SWFs para navegadores, pero esta solución aqui presentada (Ambas, la de sergiomas y la de ICEM4N) son una solución cuando el contenido no es estatico sino dinamico... o si no, el blog de ICEM4N (Del ejemplo) estaria penalizado, haz la prueba, denuncialo en la web de denuncia de Google a ver si desparece de ahi
Por _CONEJO el 14 de Septiembre de 2005
fabbianni_blog :
Correcto, pero aqui le estamos ofreciendo el mismo contenido en ambas versiones,... solo tienes que ver que flash fuera una hoja de estilos, o caso googlebot sabe si el verde y el rojo pegan bien?
Por Neeph el 14 de Septiembre de 2005
Por Dano el 14 de Septiembre de 2005
La gente no sabe leer. Nadie habló de contenido diferente, claramente explique eso. En fin.
Por Josepzin el 09 de Noviembre de 2005
Neeph_blog :
La diferencia es que el validador de la web W3.org dice que <noembed> es invalido...
Por mañolagueño el 29 de Noviembre de 2005
Tengo mi pagina web www.pagina.es donde pongo solo texto que es el contenido de mi página web totalmente en flash, y desde ahí lo re-direcciono a www.página.es/inicio que ya seria la página completa en flash
¿estaría penalizado? el texto que pongo en el index es todo lo que contiene mi página web no engaño, solamente lo hago apra que google lea e indexe
Por La100rra el 29 de Noviembre de 2005
Por mañolagueño el 30 de Noviembre de 2005
agradecería cualquier comentario que me sacará de dudas. Gracias de antemano
Por Freddie el 01 de Diciembre de 2005
Por Duckker el 19 de Enero de 2006
Por nene el 22 de Enero de 2006
Por rolv el 03 de Marzo de 2006
site:www.theninjabunny.com
Los llevara a los sitios indexados del blog 100% flash del conejo ninja, y como veran son bastantes!!
MWAHAHAHAHHAHAHAHA
Por el imperio..
Por diego sanabria (col el 11 de Marzo de 2006
Por prometeo el 14 de Marzo de 2006
tengo una web en flash en un soporte html,algunos buscadores me empezaron ha indexar pero e desaparecido y la verdad no se porque, si alguien me pudiese hechar una mano a ver si es que hay algo mal en la web.
la direccion es contactosnacionales, con sus www. y acabada en .com
no se si se pueden dar direcciones web aqui.es mi primera pagina y la verdad estoy desconcertado
Por La100rra el 14 de Marzo de 2006
Por oscartitan el 14 de Marzo de 2006
Por manolo el 25 de Marzo de 2006
Por manolo el 25 de Marzo de 2006
Poner en google site:www.flashblog.org y podreis ver como esta todo el contenido y todos los enlaces .
Saludos y perdon.
Por r_deme el 16 de Mayo de 2006
O si pueden que me lo manden a mi mail [email protected].
Gracias....
Por troyano el 02 de Agosto de 2006
Por D0M41N el 26 de Agosto de 2006
<html>
<head>
<object width="890" height="500">
<param name="movie" value="index.swf">
<param name="quality" value="high">
<embed src="index.swf" quality="high" width="890" height="500"></embed>
</object>
</div>
<script language="VBScript">
<noscript>
<p>palabras para q el buskador encuentre</p>
</noscript>
</body>
</html>
Por Ricardo el 15 de Septiembre de 2006
1) Bajarse la Actualizacion de contenido activo de Flash® Professional 8 y Flash Basic 8 directamente desde:
http://download.macromedia.com/pub/flash/updates/8/activecontent/flash8_ac_update_es.zip
o para los que quieren verlo en entorno o bajarse para otro idioma:
http://www.adobe.com/support/flash/downloads.html
(esta en el apartado Flash Professional 8 and Flash Basic 8 Active Content Update)
2) Instalar la extensión de contenido activo de Flash que bajamos.
3) Abra la película Flash que desee publicar con las nuevas plantillas HTML de contenido activo.
Siga uno de estos procedimientos para abrir el cuadro de diálogo Configuración de publicación:
- Seleccione Archivo > Configuración de publicación.
- En el inspector de propiedades del documento (que está disponible cuando no hay objetos seleccionados), haga clic en el botón Configuración.
En la ficha Formatos, el tipo de archivo HTML está seleccionado de forma predeterminada. En el cuadro de texto Archivo del archivo HTML, puede utilizar el nombre de archivo predeterminado, que coincide con el nombre del documento, o escribir un nombre único e incluir la extensión .html.
Haga clic en la ficha HTML para mostrar la configuración HTML.
Seleccione una plantilla de contenido activo instalada que desee utilizar desde el menú emergente Plantilla. Las plantillas de contenido activo son las siguientes:
Contenido activo - HTTP
Plantilla HTML básica para mostrar contenido de Flash.
Contenido activo - HTTPS
Muestra el contenido de Flash en HTML y dirige a los usuarios que no tienen Flash Player instalado a un servidor HTTPS seguro para descargar la versión más reciente de Flash Player.
Para obtener más información sobre la selección del resto de las opciones de Configuración de publicación y para publicar su archivo SWF de Flash, consulte la documentación de Flash.
Haga clic en el botón Publicar para publicar el archivo HTML.
Ejecute “Aplicar actualización de contenido activo” en el menú Comandos. Al hacerlo, copiará el archivo AC_RunActiveContent.js en la carpeta de salida HTML (la carpeta que contiene el archivo SWF publicado y la plantilla HTML). Sólo es necesario realizar esta acción una vez en cada carpeta.
Cargue el archivo SWF, la plantilla HTML y el archivo AC_RunActiveContent.js en el sitio Web.
Yo personalmente lo hago asi solo la primera vez, luego edito el HTML a mi gusto y no lo toco más.
Que lo aprovechen!
Por susana769 el 09 de Octubre de 2006
Voy a hacer una pequeña demostración de lo cortita que soy.... He intentado hacer lo que explican en el foro pero no sé porque me parece que me falta algo...(algún verano quizás,...nadie es perfecto). Bueno si alguna persona fuera tan amable de explicarmelo como a un niño de 4 años con conocimientos basicos de HTML y flash me haría un gran favor.
Yo cargo mi .swf en un página hecha en dreamweaver así: insertar-->media-->boton flash, luego al código HTML le añado al final la etiqueta <noscript>lo que sea</noscript>.
Bueno dejo el HTML de mi página por si a alguien le apetece echarle n vistazo:
Código :
Muchas gracias!!!
Por Mariux el 09 de Octubre de 2006
saludos
Por susana769 el 10 de Octubre de 2006
Por jembe28 el 07 de Noviembre de 2006
saludos
Por anghel el 09 de Noviembre de 2006