Je suis récemment tombé (ou retombé) sur plusieurs articles qui évoquent le référencement de sites full Flash ou de composants Flash dans des documents HTML. Synodiance évoque le référencement des sites en Flash dans un des sujets récents de son blog, le Journal du net titrait il y a un an entre Flash et référencement, faut il choisir ?, Webrankinfo propose un article de fond sur le sujet. [MAJ]Le site vient d'ailleurs de publier un article qui reprend de nouvelles techniques[MAJ] ... Mais qu'en est il réellement de la faisabilité technique ?

Les problèmes posés par Flash

Certains moteurs sont capables d'indexer du contenu dans des fichiers Flash. Ainsi, sur Google, on peut afficher leurs textes, par exemple en utilisant la commande site:domaine.tld inurl:swf. Il est même avéré qu'il parvient depuis un certain temps à suivre les liens dans des fichiers .swf. Les DA qui prônent des sites full Flash tous azimuts pourraient faire preuve à ces nouvelles d'une irrépressible allégresse s'il n'y avait pas quelques bémols sérieux :
  • Face à une page HTML bien conçue, un document Flash parviendra difficilement à se positionner
  • Les moteurs sont incapables de suivre une arborescence complète au sein d'un même fichier Flash
  • Dans un site en full Flash, il y a deux documents indexables : l'index et le fichier .swf. Un peu léger pour se positionner sur moults mots clefs différents.
Comme le précise Synodiance, les objectifs de référencement d'un site en Flash doivent donc être limités à leur plus simple expression : être présent sur une ou deux expressions clefs (nom de marque, de produit, nom de l'événement) en s'appuyant sur les balises et <meta> du peu de documents indexables. <h4>Des solutions techniques</h4> Référencer les fichiers .swf ne permettant pas une efficacité optimale (<- euphémisme), il faut donc travailler avec des contenus alternatifs au Flash destinés aux moteurs et/ou aux internautes qui n'ont pas le plugin. Deux solutions principales : <ul> <li>Faire un site intégralement statique parallèle au site en Flash ; ce qui revient à faire le site deux fois et à désavouer le parti pris créatif initial.</li> <li>Recréer l'arborescence présente dans le fichier Flash en HTML et insérer des contenus alternatifs derrière les appels aux fichiers .swf dans chacune des pages</li> </ul> La seconde solution peut être appliquée par plusieurs moyens évoqués notamment sur <a href="http://www.seosphere.com/forum/index.php?showtopic=2546" hreflang="fr">ce fil de discussion</a> du forum SEOSphere <ul> <li>La balise noembed, recommandée dans l'article de WebRankInfo. La plus facile à mettre en oeuvre, mais à priori en voie de déprécation par le W3C</li> <li>[MAJ]Dans son article récent Webrankinfo mentionne une autre méthode tirée originellement du site A List Apart et appelée: <a href="http://antoine.media-box.net/index.php?post/flash-satay-afficher-du-flash-tout-en-respectant-les-standards" hreflang="fr">Flash Satay</a></li> <li>Le script <a href="http://blog.deconcept.com/swfobject/" hreflang="en">SWF Object</a></li> <li>Un autre script nommé UFO <a href="http://www.bobbyvandersluis.com/ufo/" hreflang="en">Unobstrusive Flash Object</a></li> </ul> Les contenus alternatifs présentés ont l'avantage d'être accessibles des moteurs et des screen readers. <h4>Les limitations de ces techniques</h4> Là encore, certains DA se seront congratulés à la lecture de ce qui précède. Enfin les référenceurs allait les laisser faire ce qu'ils veulent !<br/> En réalité, les solutions techniques, si elles marchent, ne sont pas la panacée absolue, pour plusieurs raisons : <ul> <li>Elles augmentent sensiblement le coût de développement des sites</li> <li>Dans de nombreux cas, les sites en full Flash utilisent des messages courts et n'ont pas de gros volumes de contenus utile au référencement. Même si les textes sont rendus accessibles à tous les moteurs, ils ne seront pas très performants pour positionner le site.</li> <li>Le positionnement restera tributaire d'un linking de qualité ce qui ne sera pas forcément facile à obtenir avec un site ayant peu de contenus</li> </ul> Au final les techniques décrites ci dessus ne sont que des rustines pas toujours pratiques à appliquer, qui donneront probablement des résultats moins bons qu'un site développé en html pur... pour moins cher !<br/> Si les impératifs de référencement sont primordiaux, il sera probablement nécessaire de faire des sacrifices graphiques. Full Flash ou référencement, il faut choisir !</div> </div> <div id="trackbacks"> <h3 id="tb">Trackbacks</h3> <p>Aucun trackback.</p> <p>Pour faire un trackback sur ce billet : http://www.carnets-referencement.comtb.php?id=48</p> </div> <div id="comments"> <h3 id="co">Commentaires</h3> <p id="c340" class="comment-info"> <span class="comment-number"><a href="#c340">1.</a></span> Le jeudi 17 mai 2007 à 09:18, par <strong><a href="http://www.iirsys.com">Alex</a></strong></p> <blockquote> <p>Le majeur probleme avec Flash, passé le referencement initial, meme si 2 sites sont concus, dont 1 en html, c'est la mise a jour.... SI on arrive a referencer tant bien que mal 1 site en flash ... c'est un vrai casse tete pour referencer les MAJ du flash !<br /> Sinon, tres bon article.</p> </blockquote> <h3>Ajouter un commentaire</h3> <form action="/index.php/2007/02/26/48-sites-en-flash-et-referencement" method="post" id="comment-form"> <fieldset> <p class="field"><label for="c_nom">Nom ou pseudo :</label> <input name="c_nom" id="c_nom" type="text" size="30" maxlength="255" value="" /> </p> <p class="field"><label for="c_mail">Email (facultatif) :</label> <input name="c_mail" id="c_mail" type="text" size="30" maxlength="255" value="" /> </p> <p class="field"><label for="c_site">Site Web (facultatif) :</label> <input name="c_site" id="c_site" type="text" size="30" maxlength="255" value="http://" /> </p> <p class="field"><label for="c_content">Commentaire :</label> <textarea name="c_content" id="c_content" cols="35" rows="7"></textarea> </p> <p class="field"> <label for="dc_captcha"><strong>Captcha anti-spam : </strong><br />que donne la somme 1 + 8 ? (chiffres)</label> <input name="dc_captcha" id="dc_captcha" type="text" title="captcha anti-spam" size="10" class="formInput" /><input name="dc_captcha_code" value="055469212ed3c8125d334ad51172a63c" type="hidden" /></p> </fieldset> <p class="form-help">Le code HTML dans le commentaire sera affiché comme du texte, les adresses internet seront converties automatiquement.</p> <fieldset> <p><input type="checkbox" id="c_remember" name="c_remember" /> <label for="c_remember">Se souvenir de mes informations</label> </p> <p><input type="submit" class="preview" name="preview" value="prévisualiser" /> <input type="submit" class="submit" value="envoyer" /> <input type="hidden" name="redir" value="http://www.carnets-referencement.com/index.php/2007/02/26/48-sites-en-flash-et-referencement" /></p> </fieldset> </form> </div> </div> </div> <div id="sidebar"> <div id="search"> <form action="/index.php/" method="get"> <h2> <label for="q">Rechercher</label> </h2> <p class="field"> <input name="q" id="q" type="text" size="10" value="" accesskey="4" /> <input type="submit" class="submit" value="ok" /> </p> </form> </div> <div> <h2>Infos et contact </h2> <script> _b="rite(\"<a"; _e="ts-referenceme"; _a="document.w"; _g="acter</a>\");"; _c=" href='mailt"; _d="o:kilroy@carne"; _f="nt.com'>Me cont"; eval(_a+_b+_c+_d+_e+_f+_g); </script> <br/> <a href="/index.php/2006/02/23/1-a-propos-de-l-auteur">A propos de l'auteur</a> </div> <div id="categories"> <h2>Catégories</h2> <ul><li><a href="/index.php/General">General</a></li><li><a href="/index.php/Actualites-moteurs">Actualités des moteurs</a></li><li><a href="/index.php/Boite-a-outils">Boîte à outils</a></li><li><a href="/index.php/Spamdexing">Spamdexing</a></li><li><a href="/index.php/Gestion-indexation">Gestion de l'indexation</a></li><li><a href="/index.php/Optimisation-structurelle">Optimisation structurelle</a></li><li><a href="/index.php/Linking">Linking</a></li><li><a href="/index.php/Analyse-de-trafic">Analyse de trafic</a></li><li><a href="/index.php/Methodologie">Méthodologie</a></li><li><a href="/index.php/Cas-particuliers">Cas particuliers</a></li><li><a href="/index.php/Cms-referencement">CMS et référencement</a></li></ul> </div> <div id="archives"> <h2>Archives</h2> <ul><li><a href="/index.php/2009/11" rel="nofollow">novembre 2009</a></li><li><a href="/index.php/2009/10" rel="nofollow">octobre 2009</a></li><li><a href="/index.php/2009/08" rel="nofollow">août 2009</a></li><li><a href="/index.php/2009/07" rel="nofollow">juillet 2009</a></li><li><a href="/index.php/2009/06" rel="nofollow">juin 2009</a></li><li><a href="/index.php/2009/05" rel="nofollow">mai 2009</a></li><li><a href="/index.php/2009/03" rel="nofollow">mars 2009</a></li><li><a href="/index.php/2009/01" rel="nofollow">janvier 2009</a></li><li><a href="/index.php/2008/12" rel="nofollow">décembre 2008</a></li><li><a href="/index.php/2008/10" rel="nofollow">octobre 2008</a></li><li><a href="/index.php/2008/09" rel="nofollow">septembre 2008</a></li><li><a href="/index.php/2008/08" rel="nofollow">août 2008</a></li><li><a href="/index.php/2008/07" rel="nofollow">juillet 2008</a></li><li><a href="/index.php/2008/06" rel="nofollow">juin 2008</a></li><li><a href="/index.php/2008/05" rel="nofollow">mai 2008</a></li><li><a href="/index.php/2008/03" rel="nofollow">mars 2008</a></li><li><a href="/index.php/2008/02" rel="nofollow">février 2008</a></li><li><a href="/index.php/2007/12" rel="nofollow">décembre 2007</a></li><li><a href="/index.php/2007/11" rel="nofollow">novembre 2007</a></li><li><a href="/index.php/2007/10" rel="nofollow">octobre 2007</a></li><li><a href="/index.php/2007/09" rel="nofollow">septembre 2007</a></li><li><a href="/index.php/2007/08" rel="nofollow">août 2007</a></li><li><a href="/index.php/2007/07" rel="nofollow">juillet 2007</a></li><li><a href="/index.php/2007/06" rel="nofollow">juin 2007</a></li><li><a href="/index.php/2007/05" rel="nofollow">mai 2007</a></li><li><a href="/index.php/2007/04" rel="nofollow">avril 2007</a></li><li><strong><a href="/index.php/2007/02" rel="nofollow">février 2007</a></strong></li><li><a href="/index.php/2007/01" rel="nofollow">janvier 2007</a></li><li><a href="/index.php/2006/11" rel="nofollow">novembre 2006</a></li><li><a href="/index.php/2006/10" rel="nofollow">octobre 2006</a></li><li><a href="/index.php/2006/09" rel="nofollow">septembre 2006</a></li><li><a href="/index.php/2006/08" rel="nofollow">août 2006</a></li><li><a href="/index.php/2006/07" rel="nofollow">juillet 2006</a></li><li><a href="/index.php/2006/06" rel="nofollow">juin 2006</a></li><li><a href="/index.php/2006/05" rel="nofollow">mai 2006</a></li><li><a href="/index.php/2006/04" rel="nofollow">avril 2006</a></li><li><a href="/index.php/2006/03" rel="nofollow">mars 2006</a></li><li><a href="/index.php/2006/02" rel="nofollow">février 2006</a></li></ul> </div> <div id="links"> <h2>Liens</h2> <ul><li><a href="http://s.billard.free.fr/referencement/" hreflang="FR" title="Blog de Sébastien Billard">Référencement, Design et Cie</a></li><li><a href="http://www.seoprinciple.com" hreflang="EN" title="Nadir Garouche’s blog about Internet Marketing in general and Search Engine Optimization in particular. SEO news, tips, commentary, rants and other web stuff.">Nadir</a></li><li><a href="http://www.emarketing-co-operation.fr/" hreflang="fr">emarketing coopération</a></li><li><a href="http://blog.ramenos.net/" title="Le blog d'Arnaud Mangasaryan, plein de trouvailles : moteurs de recherche, analyse de trafic, outils...">Ramenos Blog</a></li><li><a href="http://www.my.epokhe.com/" hreflang="FR" title="Un blog consacré au webmarketing mais aussi à l'accessibilité et au référencement">epokhe :le blog d'Arnaud Briand</a></li><li><a href="http://www.abondance.com/blog/" title="Le blog d'Olivier Andrieu">Le blog d'Abondance</a></li><li><a href="http://adscriptum.blogspot.com" hreflang="fr">Adscriptor</a></li><li><a href="http://www.webrankinfo.com/annuaire/" hreflang="FR" title="L'annuaire de WebRankinfo, site francophone de conseils en référencement">Annuaire Webrankinfo</a></li><li><a href="http://www.referenseo.fr/blog/" hreflang="FR" title="Un blog sur le référencement concocté par un indépendant">Articles referencement</a></li></ul> </div> <div id="syndicate"> <h2>Syndication</h2> <ul> <li><a href="rss.php">fil rss</a></li> <li><a href="rss.php?type=co">fil rss commentaires</a></li> <li><a href="atom.php">fil atom</a></li> <li><a href="atom.php?type=co">fil atom commentaires</a></li> </ul> </div> <style> .ecoshop, .ecoheader { width:190px; } .ecoshop a { color:#72A020; text-decoration:none; } .ecoshop a:hover { text-decoration:underline; } .ecoheader { height:49px; background: url(http://www.offrench.net/assets/images/fond-ecologie-shop.jpg); } .ecocontent p { font-size:11px; margin:3px; color: #424040; } .ecocontent { width:180px; font-family:arial; font-weight:bold; border:1px solid #72A020; } .ecoshop li { width:180px; font-size:11px; color:#ff7e00; list-style-image:none; } </style> <div class="ecoshop" style="padding:0px;margin:0px;"> <div class="ecoheader" style="margin:0px; padding:0px;"></div> <div class="ecocontent" style="padding:4px;margin:0px;"> <p style="padding:0px;margin:0px;">Découvrez une gamme de <a href="http://www.ecologie-shop.com/" target="_blank">produits écologiques</a> pour la maison :</p> <ul style="padding:0px;margin:0px;"> <li> <a href="http://www.ecologie-shop.com/catalogue/ampoule-a-led-220v-13">Ampoule à leds</a> </li> <li> <a href="http://www.ecologie-shop.com/catalogue/recuperateur-eau-de-pluie-44">Récupérateur d'eau de pluie</a> </li> <li> <a href="http://www.ecologie-shop.com/catalogue/kit-eclairage-solaire-59">Eclairage solaire</a> </li> <li> <a href="http://www.ecologie-shop.com/catalogue/lampe-solaire-de-jardin-19">Lampe solaire</a> </li> <li> <a href="http://www.ecologie-shop.com/catalogue/panneau-solaire-photovoltaique-34">Panneau solaire photovoltaïques</a> </li> <li> <a href="http://www.ecologie-shop.com/catalogue/arrosage-goutte-a-goutte-3">Arrosage goutte à goutte</a> </li> <li> <a href="http://www.ecologie-shop.com/catalogue/composteur-et-accessoires-compostage-61">Composteur</a> </li> </ul> </div> </div> <div id="subscriptions"> <h2>Bookmark</h2> <!-- AddThis Button BEGIN --> <script type="text/javascript">var addthis_pub="offrench";</script> <a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-addthis-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script></div> <!-- AddThis Button END --> </div> <p id="footer">Autres liens : <a href="http://www.offrench.net/consultant-referencement.html">consultant référencement</a>, <a href="http://www.offrench.net/webmaster.html">webmaster freelance</a>, <a href="http://www.offrench.net/creation-blog.html">création de blog</a>, <a href="http://www.altaprofits.com">Assurance vie</a>, <a href="http://www.posterjack.fr">Impression grand format</a> <br/> <a href="http://www.dotclear.net/"> propulsé par DotClear</a></p> </div> <!-- end #page --> <!-- Blocs en plus pour ajouter des images en tout genre si besoin --> <div id="block1"><span></span></div> <div id="block2"><span></span></div> <div id="block3"><span></span></div> <div id="block4"><span></span></div> <div id="block5"><span></span></div> <div id="block6"><span></span></div> <a title="Clicky Web Analytics" href="http://getclicky.com/10907"><img alt="Clicky Web Analytics" src="http://static.getclicky.com/media/links/badge.gif" border="0" /></a> <script src="http://static.getclicky.com/10981.js" type="text/javascript"></script> <noscript> <p><img alt="Clicky" src="http://in.getclicky.com/10981-db1.gif" /></p> </noscript> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-112134-4"); pageTracker._trackPageview(); </script> </body> </html>