[Tutoriel] Référencement des applications Adobe Flex sur les moteurs de recherche

le 01 juillet 2008 par Julien Lestel

Avec l’avènement d’Internet, l’optimisation du référencement pour les moteurs de recherche est devenue un domaine à part entière dans le monde de l’informatique. Les techniques de SEO (Search Engine Optimization) sont nombreuses et utiles pour connaître ce qui est plus ou moins indexable par les moteurs de recherches. Le référencement pour les Rich Internet Applications est encore plus frustrant. Actuellement les “robots” des moteurs de recherches parcourent les fichiers SWF et indexent seulement le texte statique.

Cependant, il est tout de même possible d’obtenir un très bon référencement…

Tout d’abord, en créant des fichiers XML qui seront parcourus par les robots lors de l’indexation de votre SWF.

Grâce à Ted, voici un exemple d’implémentation du Flex Directory faite pour être référencée comme un site Web classique.

  • 1) Regardez la source du fichier index.html dans le Flex Directory. Toutes les sociétés sont listés dans des fichiers XML.
  • 2) Notez le XSL embed à la ligne 2
  • 3) Pour ouvrir ce XSL, on voit que lors de l’appel du SWF avec SWFObject, il passe en paramètre une variable FlashVar “xmlurl” avec comme valeur document.location. Le fichier index.html charge donc l’application comme un fichier XML. Les robots vont parcourir le site et ignorer le XSL mais parcourir index.html. Ils vont donc indexer toutes les sociétés. Et le site pointe seulement son index comme des données XML. Simple, rapide, impressionnant.

Retrouvez la suite de son article ICI.

référencement Adobe Flex

Space150 propose une approche différente basée sur XHTML avec Faust. L’idée est de réaliser le site en xhtml/css puis de rajouter la couche Flash par la suite. Le swf parse ensuite les données depuis la description xhtml pour afficher le contenu de façon plus riche (son, photo, video, animation). Cette approche permet d’une part d’optimiser le référencement Flex / Flash, mais également de rendre le site accessible à tous (reader, sans javascript, sans flash).

N’hésitez pas à laissez vos impressions sur ces techniques pour le référencement Flex.

Merci de votre fidélité à Flex-Info.fr. N'oubliez pas que vous pouvez vous abonner au flux RSS ;)

1 étoile2 étoiles3 étoiles4 étoiles5 étoiles (No Ratings Yet)
Loading ... Loading ...

11 Commentaires de cet article

  1. Vincent Le Gallic Says:

    Intéressant… Le référencement, c’est le gros point négatif de Flex…Pour des applications destinées à certains clients ça n’a pas d’importance, mais pour des sites ou 80% des visiteurs arrivent par les moteurs de recherche, c’est beaucoup plus gênant. Même si les solutions proposées dans l’article ont l’air intéressantes… J’attends encor de voir une appli full flex sortir devant des gros sites en php avant de me lancer ! ;) Merci pour les infos et les liens en tout cas…

  2. Julien Says:

    Je fais une application destinée à être très bien indexée en Flex, je vous tiendrai au courant de l’évolution d mes recherches et du référecement de mon application Flex ;)

  3. Killian Says:

    Article intéressant, mais je viens de découvrir récemment sur le site de clubic ( http://www.clubic.com/actualite-149486-google-yahoo-indexeront-contenus-flash.html ) que Google et Yahoo ont un espèce de partenariat avec Adobe et pourront désormais récupérer le contenu textuel des fichiers swf… C’est sûr qu’il y aura pas mal de problèmes, que ça ne rendra toujours pas Flash accessible, mais c’est déjà un petit pas en avant !

  4. Kptainkirk Says:

    Oui c’est une bonne nouvelle effectivement ! Mais il semble que cela ne soit pas au point pour les swf appelés par un javascript… (pour contourner l’Active-x).
    (http://www.neteco.com/149486-google-yahoo-indexeront-contenus-flash.html)
    Et ça c’est bien dommage. Mais la techno avance donc wait and see.

  5. oussama Says:

    bonjour
    svp j aime bien travailler avec FLEX , pourtant je trouve plus de tuto en francais !!!

    see u

  6. Adobe AIR Says:

    <p>boujour, </p>
    <p>vous cherchez des tutos Flex / AIR en anglais ?<br />
    do you search Adobe AIR or Flex english tutorials ?</p>

  7. Infos Says:

    je tenais à te faire un petit commentaire pour te dire que ton blog est très sympathique :-)

  8. Julien Lestel Says:

    Merki beaucoup :)

  9. michel Says:

    Bonjour, depuis que flash player 10.xxx et son activex ont ete mise a jour je ne peut acceder a mes cameras sur mon chat red5 flex, tout le reste va bien, je peut diffuser ma cam et chatter mais je ne peut acceder au cams des users.quelqun aurais une solution a mon probleme svp.

    merci

    michel

  10. juju Says:

    Julien,
    je suis curieux davoir un retour sur tes recherches en matière de référencement de site web en flex/flash.

    Merci de nous communiquer si tu veux bien.

  11. Grome13 Says:

    Bonjour,

    j’essaye désespérément de me rendre sur le flex directory implémenté en flex par Ted, afin de visualiser la méthode expliquée ci-dessus pour référencer des sites développés en flex mais je suis redirigé vers une liste de consultants dont l’url est http://flex.org/fr/consultants et qui ne semble en rien être une application flex.

    A moins de ne pas avoir tout saisi, quelqu’un pourrait me renseigner?

    Merci

1 Trackbacks de cet artice

  1. | Spizeo : le blog Says:

    [...] Flash parcourus. De nombreux passionnés tentent d’y remédier et mettent à disposition des tutoriels en [...]

Rédiger un commentaire

Subscriptions

Sondage

Préférez-vous travailler avec l'ancien Flex Builder ou le nouveau Flash Builder ?

  • Flex Builder (50,0%, 8 Votes)
  • Flash Builder (31,0%, 5 Votes)
  • Aucun des 2 ! (19,0%, 3 Votes)

Nombre de votants: 16

Loading ... Loading ...

Twitter

Mugsho