Référencement Flash, comment référencer un site internet en Flash

Référencement Flash, comment référencer un site internet en Flash ? Génération de contenu alternatif avec SwfObject, url Rewrite et Flash Vars !
Le référencement flash est un sujet vaste ! Le flash représente une étape à franchir pour bon nombre de développeurs, en effet le développement Flash n’est pas forcement évident au premier abord. Qui plus est le Flash ne plait pas à tout le monde (dont moi-même).

Nous allons voir ici combien il est facile de référencer un site en flash avec les outils actuels. Bien plus qu’un simple article j’aurais pu créer une page puisque, bien que simplissime à mettre en place, le référencement Flash est plein de précisions à connaitre pour qu’il soit fonctionnel. La méthode décrite ici nous permettra également de mettre en place des contenus alternatifs pour le visiteur qui n’a pas flash installé sur sa machine.

Référencement Flash créer un contenu alternatif en PHP/HTML

Le contenu alternatif générer en PHP sous forme HTML, sera présenté à l’utilisateur qui n’a pas Flash installé sur son navigateur ET aux robots des moteurs de recherche comme Google, Yahoo et Bing (pour ne citer que les plus connus). Il vous suffira donc de générer un contenu identique à celui inséré dans le flash mais cette fois-ci en HTML via PHP. Lorsque vous écrivez vos script Flash vous devez normalement générer un XML via PHP il vous suffit donc soit de traiter ce même XML, soit de créer une autre fonction qui utilise la même requête SQL.

Prenons un exemple très simple d’une animation contenant du texte défilant, en Flash vous récupérer une description (par exemple), vous n’avez qu’à récupérer cette même description qui est stockée dynamiquement sur votre serveur (en BDD ou dans des fichiers), et l’affichée simplement pour que Google puisse l’indéxer.

Quel outil pour le référencement flash ?

Personnellement j’utilise (lorsque j’ai besoin de référencer un site flash, c’est à dire très rarement…) swfobject !

SWFObject

SwfObject va vous permettre de gérer facilement ce double contenu (contenu alternatif), en présentant aux robots des moteurs de recherche et aux personnes n’ayant pas flash installé sur leur machine, un contenu alternatif qui aura préalablement placé dans une div portant un id spécifique !

Vous trouverez plus d’informations et la source du projet SWFObject sur le projet Google Code : http://code.google.com/p/swfobject/

Pour les personnes alergiques à l’anglais sachez simplement qu’il faut télécharger la source ici : http://swfobject.googlecode.com/files/swfobject_2_2.zip

Mise en palce de SWFObject

L’installation est très simple :

Décompressez l’archive
Récupérez le fichier “swfobject.js”
Dans votre page HTML placez le code suivant dans le head :

<script language=”javascript”>AC_FL_RunContent = 0;</script>

<script src=”AC_RunActiveContent.js” language=”javascript”></script>

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

Et dans le body (pour une page statique) :

<div id=”flashcontent”>

Mon contenu de remplacement

</div>

<script type=”text/javascript”>

var so = new SWFObject(’monanim.swf’, ‘monanim’, ‘XXX’, ‘YYY’, ‘9′, ‘#000000′);

so.write(”flashcontent”);

</script>

Dans l’appel à SWFObject vous avez :

Votre anim : ‘monanim.swf’
Le nom de votre anim
XXX : La hauteur de votre anim (height)
YYY : La largeur de votre anim (width)
9 : La version de votre flash
#000000 : La couleur de fond de l’anim en hexadécimal

Vous trouvez un tutoriel complet sur le wiki mediabox d’adobe : http://wiki.mediabox.fr/documentation/swfobject

URL REWRITE et c’est fini ?

Vous allez me dire que tous ça c’est bien joli mais bon c’est ce qu’on trouve partout ailleurs quand on parle de référencement flash et ça n’apporte pas grand chose ! Oui mais non…

Vous allez maintenant mettre votre url Rewrite et si vous avez bien travaillé le robot accèdra à chacune de vos pages avec un contenu différent gérer à partir de variable dans l’url (normal quoi !) et du Code PHP, si tout va bien pour vour votre site sera aussi bien référencé qu’un site normal, puisque pris comme tel par GOOGLE. Cela dit votre travail de développeur n’est pas terminé pour autant

Il faut bien entendu penser au visiteur à l’internaute qui accèdera à votre site via Google ! Et oui ! L’utilisateur aura trouvé votre site sur une des pages générer en PHP qui reflète une de vos page de votre animation ou de votre site full flash, cependant si vous ne faite pas ce qu’il faut il n’y aura aucun lien entre cette url et le Flash, l’utilisateur se retrouvera donc (si il a flash installé sur son navigateur) face à votre page d’accueil ou au début de votre animation ! On parle ici aussi bien de programmation flash avec ActionScript que de simples animations qui utilise pour de déplacer des GoTo.

Les Flash Vars une solution pour faire communiquer PHP et Flash

Vous allez donc simplement utiliser les flash vars via SWFObject. Il vous suffit pour cela d’utiliser la fonction so.addVariable(), cette fonction prend en paramètre, le nom de votre flash var et son contenu ce qui donne par exemple dans votre page PHP :

so.addVariable(”id”, “<?php echo $id; ?>”);

Une fois dans votre code de récupérer chacune de ses vars :

var flash_id = _root.id; (ou _level0. id en fonction de votre version de flash)

Une fois que vous aurez récupérer ces variables deux possibilités :

Votre animation est sous forme de frame vous faite alors simplement un if ou un switch qui fera un GoTo sur le bon frame.
Votre site full flash, votre galerie flash ou autre, est en actionScript alors vous allez devoir toucher à votre code pour faire en sorte de gérer les différentes variable (ex : l’id de l’image à récupérer ou le numéro de rubrique)

Pour l’utilisateur : Mettre en forme le contenu

N’hésitez pas à mettre en forme votre contenu via CSS, on obtient rapidement un résultat ressemblant au flash pour de petites application comme un portfolio ou des sites basiques. La mise en forme n’a aucun effet sur le référencement de votre site en Flash bien entendu, mais on peut voir deux utilitées à cela : Lorsque Google va aspiré votre site, si vous lui renvoyer un contenu HTML sans CSS le cache que Google gardera de votre site référencé sera du HTML pur, ce qui est augmente le risque que certains jeunes webmaster pensent que vous faite du cloaking !

Voilà j’éspère que ce tutoriel pour réalisé un site référenceable et référencé en flash est assez complet et vous sera utile !

A bientôt !

Mickaël