R?f?rencement de site en Flash

Introduction

Vous souhaitez accroître la visibilité de votre site sur les moteurs de recherche Internet ? Vous avez entendu, à tort, qu'il n'est pas possible d'arriver à un résultat convainquant lorsque le contenu est au format Shockwave Flash (Swf). Halte aux idées reçues ! Il faudra simplement savoir tirer parti des techniques qui peuvent être applicables à ce média, alors suivez pas à pas les quelques pistes listées dans cet article ! Vous pourrez alors bénéficier d'un bon référencement... mais n'oubliez jamais que rien n'apportera davantage de visiteurs et de liens vers votre site que sa qualité intrinsèque. Privilégiez donc avant tout, le contenu (l'information) et la qualité (l'esthétique, l'ergonomie et l'information) avant même de vous pencher sur le référencement de votre site !

Certains moteurs indexent le Flash

Certains moteurs commencent à indexer le contenu des fichiers Flash partiellement. C'est le cas de Fast / Alltheweb et également Google et Dir.com. Pour vous faire une idée de la manière dont les moteurs voient vos fichiers Flash, faites un tour sur www.flash-moteurs.com

Le SDK Macromedia

Contrairement à ce que l'on pourrait en attendre, le SDK fourni par Macromedia pour le référencement des sites en Flash n'est pas suffisamment efficace. Il est préférable de passer un peu de temps sur votre référencement. Lien vers le DRK : www.macromedia.com/../search_engine

Une seule page, plusieurs pages, une pop-up... que choisir ?

Vous vous êtes sans doute déjà posé la question de savoir comment construire votre site d'un point de vue Html, pour faire en sorte de l'optimiser pour le référencement, sans perdre les avantages créés par Flash (sans considération du référencement, l'idéal ergonomique avec un site en Flash serait d'avoir une seule page Html qui contient le fichier Flash - la navigation se faisant de façon transparente dans le Swf, sans afficher de nouvelles pages Html dans le navigateur).

Plusieurs solutions s'offrent à vous :
- inclure l'animation dans la page d'arrivée du visiteur, pour ainsi dire la page d'accueil.
- inclure l'animation dans une page après la page d'accueil, qui est disponible en cliquant sur un lien, qui ouvrira cette nouvelle page dans la même fenêtre du navigateur.
- ouvrir une pop-up, qui permet de cadrer l'animation à ses dimensions précises.

Quelle est alors la meilleure solution (toujours d'un point de vue du référencement) ???

Sachant que les moteurs de recherche se basent sur les mots contenus dans le code source de la page, le fait de n'avoir que votre animation dans la page ne donnera que très peu de choses à indexer. Donc si vous choisissez la première solution, vous perdrez beaucoup de possibilités d'améliorer votre référencement.

Si vous affichez une première page, qui peut vous servir de détection du plug-in, cela vous permettra d'afficher une petite description avec du texte qui, lui, sera indexable.

Si vous choisissez la troisième possibilité, cela sera équivalent à la première, sauf que vous utiliserez sans doute un code javascript pour l'ouverture de la pop-up. Là, vous pouvez déjà utiliser une petite astuce : plutôt que de simplement ouvrir une pop-up, il peut être judicieux d'ouvrir la pop-up, et que le clic provoque également le chargement en fond, dans la même fenêtre que la page d'accueil, une page de sortie, qui elle-même contiendra du texte, si possible différent de la page d'accueil. Si vous avez plusieurs versions (française et anglaise par exemple), créez autant de pages de sortie que de versions. Cela vous permettra d'avoir deux pages au moins indexables par les moteurs plutôt qu'une. Si vous n'avez pas saisi l'exemple, jetez un oeil là : http://www.appartementdeville.com

noembed

De la même manière que la balise noscript, la balise Html noembed vous permet de spécifier un contenu à afficher lorsque votre animation, elle, ne s'affiche pas. Utilisez cette partie pour y insérer du texte, mais pas seulement le fameux "Vous n'avez pas le plug-in...". Insérez-y la description de votre site, en travaillant votre texte comme il sera expliqué plus loin.

Pas de frames (jeu de cadres)

L'utilisation de frames bloque le référencement. Il peut paraître rare d'utiliser les frames avec des sites en Flash, mais beaucoup les utilisent pour bénéficier de l'affichage de leur nom de domaine, avec un jeu de cadres à 100%. Sachez que vous pouvez garder cette technique, mais qu'au niveau du référencement, il faudra travailler sur les vraies pages de votre site, c'est à dire celles contenues dans votre frameset, et non pas votre frameset en lui même.

Soignez les titres de pages

S'il n'y avait qu'une chose à retenir, c'est que Google représente en moyenne 60% au moins de vos visiteurs et que son truc préféré, c'est le titre, donc soignez la rédaction des titres de vos pages. En effet, si votre site est assez bien optimisé pour le référencement, un visiteur sur deux viendra de google.

Des titres de page différents

Quelque soit le nombre de pages de votre site, qu'il faut espérer le plus grand possible, faites en sorte que les titres de page soient différents. Puisque pour Google, le titre a une grande importance, plus vous avez de combinaisons de mots clés, plus vous aurez de possibilités d'être référencé sur plusieurs combinaisons.

Du PHP dans vos urls ?

Vous utilisez peut-être des scripts Php (ou autre langage côté serveur) dans votre site, dans ce cas, l'affichage de ces urls dynamiques ne sont pas appréciées par les moteurs de recherche. Pour information, en général, les moteurs n'apprécient pas les identifiants de session, les url avec trop de paramètres, surtout s'ils sont nommés "id". Si vous travaillez sur ce genre d'url, essayez de faire quelque chose pour rétablir cela, vous pouvez par exemple utiliser l'url rewriting décrit ici : www.webrankinfo.com/.../url-rewriting-debutants.php pour modifier vos urls.

Des mises à jour régulières

Les moteurs aiment généralement ce que les visiteurs apprécient également. Ainsi, l'apport régulier de nouveaux contenus montre que votre site vit, et les moteurs (comme les internautes) apprécient cela. Donc n'hésitez pas à créer un petit module de news, par exemple. Ce module pourra, si vous ne désirez pas déformer ou modifier votre page d'accueil, être sur une autre page. Par contre, il faudra bien sûr mettre un lien sur la page d'accueil, mais nous ne sommes pas non plus obligés de créer quelque chose de très visible pour autant.

Masquer

Attention, n'essayez pas ces techniques de masquage sans savoir où vous allez. J'emets des réserves et une grande prudence sur l'utilisation de la technique que vais vous décrire ici puisque vous risquez d'être blacklisté (évincé) par les moteurs. Cependant, nous pouvons constater qu'à l'heure actuelle, Google indexe le contenu des calques invisibles. En effet, ne comprenant pas encore le javascript, Google ne peut pas comprendre la différence entre du texte caché volontairement, et un menu en calques géré par javascript. Ainsi, il est encore possible de mettre ce que l'on veut dans un calque masqué. Vous pouvez ainsi par exemple y mettre du texte, mais l'intérêt principal réside peut être dans la possibilité de lier votre page d'accueil à d'autres pages, que l'on peut considérer comme satellites, dans lesquelles vous pourrez plus facilement gérer votre texte, et optimiser le site pour le référencement.

Vous me direz alors : "Quel intérêt d'avoir de telles pages indexées par les moteurs, alors que le but est de faire venir les visiteurs sur ma page d'accueil ?" Le problème est vite réglé. Vos pages satellites sont optimisées pour le référencement, et contiennent simplement une redirection vers votre page d'accueil, si possible en transparent, afin que vos visiteurs ne voient pas cette fameuse page. Voir le point suivant pour une redirection propre.

Redirection : pas d'erreur

Attention aux redirections. Celles-ci ont été trop utilisées auparavant pour tricher avec cette technique. Maintenant les moteurs de recherche se méfient de certaines méthodes. N'utilisez pas, par exemple, la balise meta refresh. Préférez une redirection PHP, par url rewriting ou avec ce script javascript :

Fichiers javascript et css

Généralement, ils ne contiennent pas de texte intéressant, donc ils ajoutent du code inutilement pour le référencement. Préférez donc les attacher en fichier externe plutôt que les mettre directement dans la page Html.

Code clair

Offrez à vos visiteurs un code optimisé, afin de respecter les standards, et aux moteurs un code clair, qui réduit le nombre de balises inutiles (pensez aux css) et qui donc donne plus d'importance au texte visible.

Version HTML

Vous pouvez créer, de la même manière que pour l'outil de news, une version simpliste de votre site en html. Utilisez alors éventuellement la technique des calques masqués et des redirections pour le masquer aux visiteurs.

Faire un plan de site

Difficile à imaginer pour un site en Flash. Cependant, il est possible que vous utilisiez une méthode de développement qui permette cela. Le plan de site vous permet de répertorier tous les liens vers vos pages. Très utile, cela permet de vérifier que toutes les pages seront indexées par les moteurs. Si vous le faites, profitez en pour faire de votre page d'erreur 404 ce plan, cela permettra aux gens de retrouvez directement leur chemin s'ils se perdent.

Liens externes de qualité

Afin de montrer à Google que votre site s'intéresse à ceux qui sont bien faits, n'hésitez pas à y ajouter des liens vers des sites de qualité, particulièrement ceux qui sont de thème proche du votre (et eux-même bien référencés). Il peut être utile d'échanger des liens avec d'autres webmasters si vous l'êtes vous-même.

Beaucoup de liens vers votre site

Quoi de plus normal pour un moteur de recherche ? Si d'autres sites possèdent beaucoup de liens vers votre site, le moteur comprendra qu'il vaut le détour, vous gagnerez sans doute des places. Privilégiez donc les sites proches du vôtre.

Figurer dans les grands annuaires (dmoz, yahoo, MSN, Voila, Nomade…)

Un grand gage de qualité est d'apparaître sur les principaux annuaires. En effet, ils représentent des liens de qualité, et en plus de vous apporter des visites, il vous permettra de remonter dans le classement des moteurs. N'oubliez pas également de référencer votre site dans un maximum de plus petits annuaires. Il garantissent un lien vers votre site. Vous pourrez sans doute être accepté dans 200 à 500 petits annuaires francophones assez facilement si votre site est de qualité. Et donc autant de liens existeront vers votre site. Pensez également à proposer votre site sur les quelques sites proposant de mettre en avant les sites en Flash, il sont une bonne vitrine.

Nom de domaine

Si ce n'est pas encore fait, prenez soin de bien choisir votre nom de domaine. Pas trop long, mettez-y si vous le pouvez un mot clé important comme par exemple webdesign s'il s'agit d'un site portfolio de webdesigner. Vous pouvez facilement construire donc un nom de domaine avec votre nom ou pseudo suivi de l'activité principale, séparé par un tiret (car pour les moteurs, sans le tiret il ne voit qu'un seul mot). Faites de même pour le choix de vos fichiers html, pdf... Cela n'apporte pas grand chose mais c'est toujours ça de pris.

Maximum de liens entre les pages

Si vous le pouvez, créez un maximum de liens entre les pages du site. En effet, cela renseigne à chaque page le moteur sur tous les liens internes de votre site, avec pour conséquence une meilleure indexation.

Messages alternatifs sur images

Très important, autant pour la validation des standards que pour le référencement, n'oubliez pas de renseigner l'attribut "alt" des balises images, si possible avec un texte explicatif. En effet, les moteurs ne voient pas les images, mais seulement ces textes.

Utilisez les balises prédéfinies

Certaines balises Html étaient au départ prédéfinies avec une mise en forme particulière, mais elles ont perdu leur première utilité, même si elles sont de nouveau utilisées avec les mises en pages CSS. Par exemples, les balises de titre h (h1, h2...) sont considérées par certain moteurs comme ayant vraiment de l'importance. Utilisez-les donc, couplées à un style CSS pour en faire ce que vous voulez. Attention à ne pas afficher que des titres dans votre page...

Rédaction des textes

Maintenant que vous connaissez quelques petites astuces techniques, il faut songer à rédiger quelque peu pour donner de quoi indexer aux moteurs. En suivant quelques règles simples, vous pourrez déjà optimiser tout cela.

Pas de pages sans texte

Essayez au maximum d'éviter les pages sans texte. Si vous n'avez rien à indexer, il ne sera pas étonnant que votre site se retrouve dans les profondeurs d'un moteur. Evitez donc le texte inséré dans les images, préférez un calque ou une cellule de tableau avec un fond, et du texte mis en forme à l'intérieur.

Pas de texte de la même couleur que le fond

Inutile de cacher votre texte noir dans un fond noir. Les moteurs le voient et blacklistent votre site.

Texte pour les liens en rapport avec la page liée

Lorsque vous créez des liens, ayez à l'esprit que le texte que vous mettez en lien aura plus d'importance que le texte auquel vous n'aurez pas affecté de lien. Sachez également qu'il est préférable que le texte en lien soit en rapport le plus précis possible avec la page effectivement liée. Donc n'hésitez pas dans des articles à mettre des liens vers des sites importants. Cette technique est plus difficile à appliquer dans le cas de sites 100% Flash, mais peut être utile si vous faites une page de liens en html. Il sera donc par exemple préférable de mettre l'intitulé Flashxpress : portail Flash et Dreamweaver que Flashxpress simplement

Choisir son titre

Élément fondamental du référencement, le titre d'une page est déterminant.
Tout dabord le titre doit être pertinent et en rapport avec le contenu de la page. S'il doit correspond au contenu, cela n'en donnera que plus de force.
Choisissez ensuite un texte court, de 2 à 5 mots si possibles, avec si possible les mots les plus importants au début. N'oubliez pas tout de même que c'est ce qui se voit dans les résultats des requêtes dans les moteurs de recherche. Donc ne faites pas n'importe quoi, conservez tout de même une cohérence, un titre qui ressemble un minimum à une accroche. Ne vous perdez pas à multiplier les mots dans le titre. Moins il y en a, plus chacun aura d'importance.

Les balises META

Sachez tout d'abord que tous les moteurs n'en tiennent pas compte, c'est le cas de Google, par exemple. Mais vous pouvez renseigner dans ces balises une description pas trop courte mais pas trop longue non plus. Une ou deux phrases succinctes mais efficaces de vingt mots suffisent. La description doit renseigner sur ce que contient la page. Essayez de répéter les mots utilisés dans le titre. De la même manière, ne multipliez pas à l'infini vos mots clés, ne renseignez que les plus importants.

Le contenu

Si vous n'aviez pas spécialement prévu de contenu, mais que vous voulez faire un effort d'une manière ou d'une autre, sachez que l'insertion de texte dans la page est très important. Si vous avez peu de pages à faire, passez un peu de temps sur le texte à insérer. Essayez de créer un texte mis en forme, en utilisant les balises h par exemple, qui répétera 3 à 5 fois les mots clés importants (utilisés par exemple dans le titre). Construisez quand même des phrases normales, pour arriver à un texte qui fasse entre 20 et 50 mots.

L'équation

Vous vous demandez peut être ce qui fait qu'une page se retrouve devant une autre dans Google, par exemple ? La réponse ne peut être qu'imprécise, sachant que l'algorithme des moteurs est inconnu et caché, et qu'il change souvent. Cependant, sans connaître l'importance de chacun, on peut quand même s'apercevoir que l'algorithme repose sur ces critères :
- le contenu de la page (les mots recherchés y figurent)
- le contenu du titre - popularité de la page (nombre de liens vers cette page)
- la redondance du mot recherché dans la page (si le mot qui y figure est présent plusieurs fois)

Faites toutefois attention à ne pas trop répéter les mots importants dans vos pages. Attention aussi à ne pas rendre un site moins ergonomique en utilisant de trop ces techniques référencement.

Retour aux tutoriaux