• accueil
• webmarketing
• contact

15 commentaires

URL : www.mageonyme.eu/ webmarketing/ sef referencement site full flash.html :

SEF Référencement site Full Flash, ancre nommée et URL Rewriting

Les animations flash permettent notamment d'ajouter des animations et des objets interactifs sur les pages internet. Un site est dit fullflash lorsque l'ensemble du site, du contenu, du menu et des images est contenu dans un seul objet qui constitue l'ensemble du site internet.

Google a annoncé l'année dernière que son moteur de recherche était capable de lire le contenu des sites flash, mais la réalité est tout autre.. peu de contenus swf sont lus..

qui peut se permettre d'avoir un site full flash ? pas les gros sites de contenu ou de e-commerce.. il est compliqué d'administrer et de maintenir un tel site dans ces cas là..

d'autres part, flash nécéssitant un plugin, l'accessibilité en est également très réduite notamment pour les explorateurs mobiles ou les ordinateurs pour malvoyant.

le flash permet pourtant une expérience utilisateur riche et personnalisée mais le référencement reste aujourd'hui très peu efficace

ce billet va faire un petit tour des techniques les plus utilisées puis tenter d'expliquer la technique la plus éfficace à ce jour

• contenu alternatif : no embed
• contenu alternatif : site bis
• la solution : ancre nommée et url rewriting
• conclusion

contenu alternatif : no embed

google ne peut lire que le contenu des frames principale du flash, ceux des symboles et notamment des boutons (liens) ne sont que très mal interprétés..

selon les guidelines de google, les sites doivent utiliser le noembed pour indiquer le contenu alternatif décrivant ou relatant le contenu que le visiteur voit, à la manière de la balise alt des images.

il faut alors dans la page html où l'on place le flash ajouter une balise noembed. Il est même possible, voir conseillé de mettre du balisage html :

...
<object>
  <param name=movie value="site.swf">
  <embed src="site.swf" type="application/x-shockwave-flash">
  </embed>
  <noembed>
    <h1>titre de la page</h1>
    <p>
      <strong>contenu</strong> de la page avec
      des <a href="liens.html" title="un lien">liens</a> et
      tous les autres balisages html comme les listes :
    </p>
    <ul>
      <li>Nihil morati post haec militares avidi</li>
      <li>Quare talis improborum consensio non</li>
    </ul>
    <p>
      et m&ecirc;me les images :
      <img src="image.jpg" alt="une image">
    </p>
  </noembed>
</object>
...

la limite réside dans le fait qu'un site full flash n'a qu'une seule url.. (en général 2 seules pages indexées : la page html et le swf en direct..) que mettre alors dans le noembed.. tout le contenu du site ?

si le noembed contient le texte de l'ensemble du flash, l'unique page html indexée ne devient plus pertinente car trop peu ciblée et a donc très peu de chance de se retrouver en première page d'une requête concurrentielle.

en fait le problème vient de l'unicité de l'url cible, mais si vous changez les urls toute la page est rechargée, l'expérience utilisateur est appauvrie et le flash perd son intérêt...

haut de page

contenu alternatif : site bis

le gros pb est donc bien les urls, le visiteur d'un site full flash qui passe de rubrique en rubrique et de page en page ne change jamais d'url. Et pour les moteurs de recherche, une seule url ne peut pas être assez pertinente pour répondre à l'ensemble des requetes sur lesquelles vous voulez vous placer.

une technique très utilisée est donc de proposer un site bis en html qui permet de dupliquer tout le contenu sur des pages d'attérissage pertinente pour les moteurs.

prenez simplement soin alors de lier à votre page d'acceuil toutes ces pages créees dans ce seul but pour que votre rank soit redistribué, en plaçant par exemple le plan du site en bas de la page d'acceuil.

ce site bis pose tout de même quelques problèmes, notamment pour l'expérience du visiteur.

en effet, le visiteur qui arrive sur le site depuis les SERP's a de fortes chances d'arriver sur la partie html du site qui par définition sera mieux référencé. Et sachant que le référencement naturel est en général générateur de beaucoup de trafic, la plupart des visiteurs ne voient jamais la partie flash... Quel est alors l'intérêt de la partie flash ???

(Remarque : Seuls les visiteurs qui ont recherché le thème générique de la marque ou des mots qualifiant le marché peuvent tout de même être orienté vers la page d'accueil du site. Mais oubliez la longue traine sur cette partie...)

Revenons à nos moutons. Pour aller plus loin, on pourrait imaginer détecter ou non la présence du player flash et ainsi rediriger en fonction vers le site flash ou le site html. Les moteurs de recherche n'ayant pas de plugin flash serait directement orientés vers le site bis. Mais le danger de franchir la borderline du cloaking est trop grande, le site risquerait d'être punit par Google !!

haut de page

la solution : ancre nommée et url rewriting

pourtant une technique bien mieux optimisée se dessine, cette technique optimale donne des urls à votre site full flash sans pour autant remplacer le contenu par un site bis.

Commencons par le commencement. Un tuto simple :

Premièrement, créez des ancres nommées ("rubrique" par exemple) dans votre flash. ces ancres doivent directement mener à la partie du flash qui nous intéresse. exemple à télécharger

ensuite mettez le swf dans une page.php (comme expliqué dans la première partie) et ouvrez la dans un explorer comme firefox par exemple :)

pour accéder directement à la partie souhaitée dans le swf, il suffit de rajouter l'ancre nommée dans l'url de cette manière : page.php#rubrique, magique non ?

ok, jusque là tout va bien, mais c'est bien connu, google n'indexe pas ce qu'il y a après les "#" puisqu'il s'agit logiquement d'appel à la même page... d'ancre nommée comme celle du html que l'on apelle parfois signet..

qu'à cela ne tienne ! un peu d'url rewriting fera l'affaire. Le but étant de transformer cette url page.php#rubrique en page.php/rubrique en passant par page.php/#/rubrique...

donc maintenant vous pouvez appeler votre page directement depuis l'url indexable page.php/rubrique qui appelle en réalité directement l'ancre rubrique dans le swf intégré à la page.php !!! magique..

encore faut-il que google trouve vos nouvelles urls !! pour cela insérer par exemple un menu reprenant vos urls en bas de la page d'accueil du site ou alors envoyer un sitemap à Google.

votre site full flash est maintenant équipé d'une url indexée par rubrique !!!

Un exemple très bien fait ici : SWFaddress Website

Remarque : Pour vérification, l'entete http de cette page est bien OK 200 et son url se trouve dans l'index de google !

Pourtant, pour google chacune de ses urls dispose du même contenu alternatif (noembed).. alors vous devez différencier le title, les metas et le noembed en fonction de l'url par laquelle la page a été appelée.

un moyen simple consiste en l'identification de l'url de la page en php

$_SERVER['REQUEST_URI']

ainsi en fonction de l'url, vous affichez un contenu différent dans votre page.php qui devient en réalité un template

<noembed>
<?PHP
if($_SERVER['REQUEST_URI'] =='http://www.monsite.com/rubrique.php') {
echo "le contenu balise html de la rubrique\n";
} else {
echo "le contenu balise html de la page d'accueil\n";
}
?>
</noembed>

résultat, toutes les pages du site full flash peuvent avoir leur propre url, title, meta, contenu noembed et affiche directement la rubrique souhaitée du flash au visiteur grace aux ancres nommées !! d'autre part, le visiteur qui navigue dans votre flash conserve une expérience riche par le passage de rubrique en rubrique sans sortir du flash...

un référencement optimal !

Remarque : cette technique a également d'autres avantages :

• Permettre aux visieurs de mettre la sous-page dans leur favoris
• Permettre de faire un lien ou partager directement la partie du flash concernée
• ...

haut de page

conclusion

Cette technique poussée est encore très peu utilisée... Il faut le vouloir c'est vrai...

Mais étant données ces possibilités et la capacité grandissante de Google à lire les flash, l'avenir nous laisse présager un retour en force du flash pour un maximum de contenus riches et indexés !

haut de page

[ Publié par Sylvain Garin le 17/03/2009 à 13:17 ]

Tags relatifs

Référencement, Search engine optimization, Url

Articles liés

Référenceur du futur.

---

Quelques pistes sur le futur du référencement. Les évolutions techniques font de ce métier, un métier de plus en plus humain. Essayons de deviner le f

SEM Référencement chinois.

---

Comment référencer un site en chine ? Quels sont les enjeux ? Baidu ou Google ? Quelles sont les différences entre Baidu et Googl

Article précédent

Google Street View en Chine.

---

google street view à hong kong et taiwan.

Article suivant

Ajax et référencement SEO.

---

Comment référencer un site full ajax ou des contenus ajax spécifiques. Astuces techniques SEO et organisation du travail. Les erreurs à ne pas faire

<div id="contenu">

  <p>contenu alternatif balise html</p>

</div>

<script type="text/javascript">

  var so = new SWFObject("site.swf"); 

  so.write("contenu");

</script> 

if (location.href.indexOf("#") > -1) {

location.assign(location.href.replace(/\/?#/, "/"));

}

web, marketing, webmarketing and
stuff thinking
v. βêta :)

2008-2009 © mageonyme | plan du site | contact