Le référencement avec Flash

Bon alors vu que c’est l’été et que cette question mérite d’être abordée, voici une explication que j’ai donnée récemment à un pote qui souhaitait référencer correctement son site en Flash.

Tout d’abord pourquoi le problème du référencement des sites en Flash. A priori Google lit le Flash, déjà ce n’est pas le cas de tous les moteurs et annuaires, ensuite “a priori” car pour éviter le problème des compatibilité de polices, les textes en Flash son souvent rendus, c’est à dire transformés et vecteurs et donc illisible par autre chose qu’un OCR et vos yeux, et je ne parle pas des sous-animations, qui sont chargées à la demande et donc non-visitées. C’est donc une fausse solution de se dire qui Google lira le Flash.

La solution qui est donc utilisée actuellement consiste à transformer, grâce à un appel Javascript (non activé par Google ou par la plupart des navigateurs mobile), un div en animation Flash.

Keskidi ? Le principe est simple, vous avez un élément HTML dans lequel vous injectez des liens, des mots, des titres… bref du HTML lisible par les moteurs et vous le remplacez grâce à un script client qui n’est pas activé par les moteurs.

Résultat : le moteur de recherche lit le HTML (et les navigateurs mobiles en passant) et vos visiteurs le Flash. Tout le monde est donc aux anges. Vos visiteurs, les moteurs et donc vous.

Alors comment qu’on fait ?

Déjà on va récupérer un script qui effectue l’opération d’écriture dans un div, vu qu’on est tous des flemmard, qu’on pourrait l’écrire mais que quelqu’un l’a déjà fait et bien en plus, on va chercher le fameux script “swfobject” bien connu des animateurs Flash : http://blog.deconcept.com/swfobject ou http://wiki.mediabox.fr/documentation/swfobject en français.

Ensuite, on l’inclus dans la page, dans la balise <head> :

<script type="text/javascript" src="swfobject.js"></script>

Ensuite on créé un div dans lequel on met tout le contenu, appelons-le “flashdiv” :

<div id="flashdiv">Hello World !</div>

Ensuite on ré-écrit le div avec l’animation Flash grâce au code Javascript :

<script type="text/javascript">
var so = new SWFObject(fichier, identifiant, largeur, hauteur, version du player, couleur de fond du flash);
so.write("flashdiv");
so.write("flashcontent");
</script>

Pour ceux qui naviguent encore sous explorer, ce script permet de plus de virer la vilaine restriction sur les animations Flash qui vous oblige à cliquer une première fois sur le Flash avant de pouvoir lire l’animation ;-)

Je ne vous mets là que le strict minimum, je vous encourage à aller lire les documentation car le script permet évidement d’inclure des paramètres (comme le wmode=transparent pour la transparence de Flash) et de proposer la download du pluggin pour les visiteurs qui ne sont pas à jour.


A propos de ce post

Newsletter