Foros Programación Cliente

¿Flash estándar e indexable?

21 21 Respuestas Miércoles 3 de diciembre, 2008
La idea es simple. Crear una pagina xhtml que pueda ser presentada con una hoja de estilo CSS o una aplicación Flash.

Las ventajas son las siguientes:

1. Se puede actualizar la información con cualquier editor de html, siempre y cuando se respete la estructura del documento.

2. Es accesible para cualquier navegador, es indexable para los buscadores.

Aqui un primer intento:
http://proyectos.danieloso.com
validator.w3.org
Registrado desde 21/06/03
Número de posts: 356
  • Avatar de kemie kemie Registrado desde 06/04/04 / Número de posts: 675
    jeje, tenia que ser danieloso!
    Super interesante, puedes contarnos mas? que tienes en medio sirviendo el flash/html?
    diseñorama | monolinea | pixilate
    Publicado hace 3 años
  • Avatar de MrSoriano MrSoriano Registrado desde 28/06/07 / Número de posts: 1155
    Mmmmm, lo que haces es ocultar todo el contenido html menos el flash, que está puesto al final de la página.

    ¿El swf tira del html? Es decir, ¿lo que muestra el swf de donde viene?
    MrSoriano.com
    @mrsoriano
    Publicado hace 3 años
  • Avatar de Zárate Zárate Registrado desde 20/12/02 / Número de posts: 896
    Yo tengo así mi wel. Yo creo que se puede mejorar, pero para mi wel la verdad que no me he tomado la molestia.
    ---

    Juan Delgado
    Zárate
    ZBlog
    Dando la chapa
    Publicado hace 3 años
  • Avatar de txuma txuma Registrado desde 01/04/03 / Número de posts: 6850
    Me parece interesante. Creo que algún pelirrojo por aquí tendrá ganas de ver esto :)

    Danieloso, Juan, explicad algo más sobre el mecanismo. ¿Cómo leeis desde el flash el contenido del HTML?

    De todoso modos, para mi gusto le falta un detalle. Ese ejercicio está bien para los buscadores, pero en caso de que el usuario que visita la web no cargue el flash, no se le muestra el contenido en HTML. ¿Se podría hacer un sistema mixto entre esto que planteas y flaccess?
    .............................................................
    Txuma Campos
    Publicado hace 3 años
  • Avatar de laren laren Registrado desde 31/08/07 / Número de posts: 101
    Espero no equivocarme con la interpretaciòn de la idea que acaban de dar. Creo que la intención es colocar junto al swf un minisite en html que tenga la misma información que se muestra en el flash (pero con tags y contenido legible para los buscadores). Luego se oculta la información con estilos css (para que sea invisible al usuario y visible hacia los buscadores).

    Hasta ahi la idea es buena, pero surgen ciertas preguntas.
    ¿Còmo hago para que la información que cambie en el flash se refleje en el archivo HTML? Una idea serìa usar swfadress para cambiar el contenido flash y html(via ajax u otros) cada vez que el usuario quiera cambiar de pagina.

    ¿Qué pasa si el flash no carga? Con swfobject podemos hacer que un contenido alterno aparezca si navegador no puede cargar el flash (en este caso podemos hacer que aparezca todo el contenido y con una pequeña función aplicarle una hoja de estilos - así ya tendríamos la pagina "alterna" lista y navegable).

    Es una idea simple pero interesante. Aver si llegamos a más, o si alguien ya la ha probado.
    Publicado hace 3 años
  • Avatar de Ventd'Aval Ventd'Aval Registrado desde 28/05/04 / Número de posts: 787
    Según entiendo, la solución de danieloso es leer el mismo html del index y usarlo como XML para dotar de contenido al flash... Es una excelente solucion para sites simples, ya que solo hay que mantener un fichero para las actualizaciones. El problema es que en sites mas complejos hay muchas veces que en el flash cargamos cosas que no mostrariamos en el html, y al final hay que buscar soluciones para "encajar" esa info en el html sin enguarrarlo ^^
    Sobre la deteccion del flash, no lo he podido probar, pero supongo que si visitas la web sin el flash player instalado, veras el html...

    La solucion de Zarate es similar, con la diferencia de que él usa la misma info, pero en dos salidas distintas (el html y el xml que lee flash).
    Luego no se si conoceis la solucion SEO de SWFAddress, en que bajo el flash hay una web completa en html, con menu, subapartados, etc. pero que ademas mantiene cierta equivalencia de URLs unicas (en el HTML y en el Flash) que llevarian a cada apartado en concreto. Siempre mostrando el apartado en Flash si es posible, y html si no.
    Por ejemplo, si vais aqui:
    http://www.asual.com/swfaddress/samples/seo/contact/
    vereis el apartado de contacto en el flash, pero si no teneis flash o JS habilitado, lo vereis en HTML.

    Sé que Gaia trae incorporada la opcion de generar todo esto mas o menos automático, pero no lo he probado.
    Saludos...
    Publicado hace 3 años
  • Avatar de danieloso danieloso Registrado desde 21/06/03 / Número de posts: 356
    Gracias por sus respuestas me motivan mucho sus comentarios.

    El SWF no tiene ninguna información dentro. El SWF utilzia su propio index.html como XML para presentar la información de ahi.

    1. La programación y la animación esta dentro del SWF en ActionScript.
    2. La información esta en el xHTML

    Las hojas de estilo alternativas tienen otra función, en caso de que el usuario quiera imprimir la página la página en lugar de imprimir el flash imprimer el la pagina en formato de texto (cosa que aun no logro en todos los navegadores).

    Sobre la detección de SWF, creo que la forma más sencilla sería que la página entrara con una CSS a modo de HTML y el propio SWF mediante una llamada JS modificara el CSS por default. Obviamente esto solo funciona si el navegador tiene Flash lo cual nos asegura que en caso contrario el navegador se queda en HTML.

    Mañana publico un diagrama y el code del sitio para veas que es bastante sencillo (con Flash 9 0 ó 10).
    Publicado hace 3 años
  • Avatar de mrxispas mrxispas Registrado desde 03/04/08 / Número de posts: 58
    Me gusta mucho el experimento y la iniciativa.

    Estaré atento a las novedades, suerte con el experimento!
    www.romanjusdado.com
    Publicado hace 3 años
  • Avatar de danieloso danieloso Registrado desde 21/06/03 / Número de posts: 356
    Hola, solo a forma de donación, me gustaría compartir el code de mi site: Podeis hacer con el lo que gusteis... solo citando la fuente porfis.

    http://docs.danieloso.com/code/portafolio.danieloso.source.zip
    Publicado hace 3 años
  • Avatar de txuma txuma Registrado desde 01/04/03 / Número de posts: 6850
    Un aplauso, me parece un muy buen ejercicio.
    .............................................................
    Txuma Campos
    Publicado hace 3 años
  • Avatar de tpmmds tpmmds Registrado desde 25/11/07 / Número de posts: 467
    Hola:

    Otro aplauso de mi parte también ;-)).

    Voy a echarle un ojo, y casualidades de la vida, vengo de leer este interesante artículo sobre SEO, RIA's, deep linking, buscadores... en el DEveloper Center de Adobe

    Search optimization techniques for RIAs

    Un saludo, y voy corriendo a verlo ;-)
    El cielo por el clima, el infierno por la compañía
    Publicado hace 3 años
  • Avatar de plastikaweb plastikaweb Registrado desde 23/10/08 / Número de posts: 22
    Hola Danieloso,

    Gracias por compartir el código. No he tenido tiempo de verlo pero le echare una ojeada en cuanto pueda.
    Sólo para comentar y ampliar el tema, y por si te puedo aportar ideas y ayuda, mi web está realizada con las mismas intenciones que propones.

    www.plastikaweb.com

    • Arbol de navegación existente en html i php. Lo puedes comprobar desactivando el javascript del navegador. Así todos los contenidos son visibles por google.

    • swfaddress implementado en todo el sitio

    • todo el contenido, absolutamente todo se carga desde las páginas html i php , las secciones de links y trabajos las controlo con un mini-gestor de contenidos contectado a MySQL, no hay nada duplicado, ni que no se vea en html que no esté en flash

    • Para controlar las posición de los elementos en el flash, el tipo de transiciones, la duración... utilizo un xml para cada sección.

    • Las fuentes embedidas externamente, y todos los estilos cargados con un css especial para el htmlText.

    • También he añadido el control del google analytics desde actionscript para todos los cambios de sección o de idioma.

    • lo que me queda por hacer, es el contenido html con CSS, para hacerla más agradable y similar a la parte en flash cuando el javascript esté desactivado en el navegador.


    Lo dicho, me miraré lo tuyo que seguro encontraré ideas para mejorar mi sitio y lo comentamos por aquí ok?

    saludos a todos!

    CArlos
    Carlos Matheu Armengol - plastikaweb
    desarrollo web - AS3, Flash, CSS, XHTML, PHP, Joomla!, Wordpress, Facebook apps
    info@plastikaweb.com
    www.plastikaweb.com
    www.facebook.com/plastikaweb
    Publicado hace 3 años
  • Avatar de danieloso danieloso Registrado desde 21/06/03 / Número de posts: 356
    Voy a tratar de hacerlo mas genérico, porque el ejemplo que publiqué es totalmente el code de mi site.

    Saludos!!
    Publicado hace 3 años
  • Avatar de orange orange Registrado desde 03/01/03 / Número de posts: 7892
    A mi todos estos ejercicios de integración tecnológica siempre me parecen interesantes (llevamos años dando la chapa con esto, hijax y demás) y molaría que cada vez más gente los fuera conociendo-utilizando-clientes-proyectos en mercado... vamos que creo que, con la tecnología que hay a día de hoy, ninguna web que se precie debería utilizar flash sin hacer algo similar a lo que aquí ha propuesto Danileoso, o cualquier de las mútiples opciones y propuestas que se llevan haciendo años.

    Pero esta propuesta tiene las mismas ventajas e inconvenientes que el resto. Diría que da igual leer de un XML, del XHTML o que el servidor pinte dos salidas desde una BBDD ... al final la base de todo esto es duplicar el contenido en el HTML y en el Flash.

    Y hacer eso, si se tiene solo en mente a los buscadores, es sencillo (de hecho yo no sé si me comería tanto la cabeza parseando XHTML si ése fuera mi único objetivo) ... pero si se tienen en mente otras cosas, las soluciones ya no son tan ideales. Cargarse del tirón una web en XHTML y mostrar una alternativa en flash tiene inconvenientes a nivel de usabilidad, y eso no se resuelve con un reemplazo.

    Y además, lo hablábamos hace poco, utilizar esto en proyectos reales es complejo... y suele empezar con buenas intenciones... pero acaba con texto plano escondido debajo de un flash. Echadle un ojo a estos dos post:

    Flash, SEO y contenido alternativo, ¿hasta qué punto?
    Degradación elegante vs. Mejora Progresiva

    Yo daría una serie de ideas para mejorar algunos puntos:

    - Empezaría SIEMPRE por la versión HTML+CSS hasta el final. Gráfica y TODO. Si no, no vuelves para atrás.
    - NO reemplazaría la web entera a piñón, lo haría sólo con los componentes que claramente se pueden hacer sólo con flash, o donde el flash aporte mucho más que el HTML+CSS+JS para efectos... por ejemplo para vídeos o similares.
    - Controlaría el reemplazo a nivel de preferencias del sitio, que el usuario pueda activar/desactivar los reemplazos (y controlarlo vía cookie o preferencias del site para un usuario). Pero no lo dejaría en manos únicamente de que javascript esté presente o no. Hay una creencia muy extendida pero muy equivocada de que determinados usuarios con discapacidades navegan sin javascript, pero esto no es cierto. NO se puede asumir que porque un usuario utilice un navegador con JS, es un usuario que va a querer ver la web en flash.
    - Por supuesto, tendría una robustísima política de URLs - Navegaciones en flash mediante hash ... para poder hacer bookmarking, navegaciones profundas sin flash, etc....

    No se qué pensáis aquellos que ya tenéis experiencia en este tipo de integraciones, y habéis hecho sitios de este estilo pero con clientes y proyectos gordos y reales. Igual desde aquí sacamos una serie de puntos de control con los que aplicar esto de manera más coherente.
    Web Fotografía Twitter
    Publicado hace 3 años
  • Avatar de plastikaweb plastikaweb Registrado desde 23/10/08 / Número de posts: 22
    Bueno, en principio yo creo que no habrá una única solución.

    Ya sabemos que lo recomendable se suele decir que es lo que explicas, integrar el flash sólo cuando sea necesario, pero el caso concreto que nos ocuparía es un web enteramente hecho en flash, y esta opción sea buena, mala o peor, más o menos criticable, es una opción muy extendida y demandada en muchas ocasiones por el cliente.

    Dando por sentado que tenemos este planteamiento que podemos hacer y que queremos hacer?

    • Una pàgina xhtml estandard con una estructura semántica visible e indexable para google?

    • Un mantenimiento externo de todos los contenidos, osea, sin Recompilar?

    • Unos contenidos no duplicados, sino los mismos tanto para html como para flash?

    • Deeplinking?


    El trabajo que he realizado para mi web ha sido considerable, pero he intentado optimizarlo al máximo para futuros proyectos y por supuesto utilizando objetos. Aplicar todo esto a futuros proyectos... bueno, ya veremos el tiempo de desarrollo, pero desde luego tengo mucho realizado y seguro que muchas cosas por mejorar pero no me cabe duda de que es una opción que ha de ofrecerse al cliente, caso de que quiera realmente toda una aplicación flash.

    Voy a preparar un esquema del concepto de mi site, a ver si tengo tiempo, a ver si me podeis ayudar a mejorarlo y encontrar errores que seguro va lleno! XD
    A ver si así sacamos ideas, y lo más importante luego las aplicamos!

    Saludos
    Carlos Matheu Armengol - plastikaweb
    desarrollo web - AS3, Flash, CSS, XHTML, PHP, Joomla!, Wordpress, Facebook apps
    info@plastikaweb.com
    www.plastikaweb.com
    www.facebook.com/plastikaweb
    Publicado hace 3 años
  • Avatar de Slammer Slammer Registrado desde 22/09/08 / Número de posts: 17
    Esteee, no estoy seguro, pero creo recordar que google 'sanciona' a la gente que oculta cosas en sus paginas con estilos, por ejemplo, si pones textos en negro con fondo negro para que no se vea pero sea leido por google, es penalizado, la web entra en una lista negra y no se indexa. No recuerdo bien como llama a esto pero algo asi habia...

    si alguien sabe mas del tema q lo ponga por favor...
    Publicado hace 3 años
  • Avatar de plastikaweb plastikaweb Registrado desde 23/10/08 / Número de posts: 22
    Sí Slammer, está penalizado el ocultar links y texto tal como tu explicas así como en general el servir contenidos diferentes a los usuarios que al Googlebot, y tienen algoritmos que teóricamente pueden discernir estas diferencias. Esto significa una violación de sus webmaster guidelines, y se le llama "cloacking".
    En todo caso enlazando con el tema del post, no se trataría de realizar este tipo de prácticas, sino de servir los mismos contenidos en XHTML i en Flash, cosa que si el último se alimenta del primero no es sancionable, ya que no estás ni duplicando los contenidos.

    Esta web es todo un ejemplo: http://www.pop.us/ (desactiva el javascript para ver los contenidos en html/css)
    Carlos Matheu Armengol - plastikaweb
    desarrollo web - AS3, Flash, CSS, XHTML, PHP, Joomla!, Wordpress, Facebook apps
    info@plastikaweb.com
    www.plastikaweb.com
    www.facebook.com/plastikaweb
    Publicado hace 3 años
  • Avatar de danieloso danieloso Registrado desde 21/06/03 / Número de posts: 356

    danieloso

    Hola, solo a forma de donación, me gustaría compartir el code de mi site: Podeis hacer con el lo que gusteis... solo citando la fuente porfis. http://docs.danieloso.com/code/portafolio.danieloso.source.zip


    Nuevo enlace: http://files.danieloso.com/code/portafolio.danieloso.source.zip
    Publicado hace 3 años
  • Avatar de rafagarcia rafagarcia Registrado desde 07/07/08 / Número de posts: 5
    El enlace ha muerto.
    Publicado hace 3 años