Flash et contenu alternatif

Écrit par Olivier - Light In Box | 16 Avril 2009
Posted in Light In Box - Le Blog ! - Flash

Il peut être fort utile d'associer l'utilisation de Flash dans un site internet à la présence d'un contenu alternatif.

Que cela signifie-t-il ?

Cela signifie que si l'objet Flash n'est pas lu par le navigateur d'un internaute, et comme il n'est pas ou mal pris en compte pour le référencement par les moteurs de recherche, on va automatiquement proposer un autre contenu en alternative, qui ne sera pas du Flash.

Quel intérêt ? 

Imaginons par exemple que vous réalisez un beau menu en flash ! Les liens de ce menu ne seront pas suivis par les moteurs de recherche, et les internautes ne disposant pas du plugin flash n'auront pas la possibilité de naviguer sur votre site. En proposant un contenu alternatif au flash, vous gagnez sur tous les tableaux : du flash pour un contenu dynamique et du html pour un contenu à l'accessibilité maximale.

Comment faire ?

SWFObject est votre salut !Il s'agit d'une "méthode simple et respectueuse des normes permettant d'intégrer du contenu Flash dans une page, en utilisant un minuscule fichier JavaScript." En résumé, grâce à l'appel d'un petit Javascript en en-tête, vous affichez votre objet Flash, et vous disposez un contenu qui sera:

- lu par les moteurs de recherche (et dont les liens seront suivis si liens il y a)

- lu par l'internaute ne disposant pas du plugin flash, ou n'ayant pas le javascript d'activé.

Un exemple en situation ?

Bien sûr, nous ne reculons devant aucun sacrifice pour le confort de nos lecteurs ! Sur Flash-Annuaire, annuaire spécialisé dans les ressources Flash et les agences Web, vous trouverez un en-tête réalisée en flash, sur laquelle vogue notre Pingouin Pêcheur ! Notez que dans cette bannière d'en-tête, 3 liens intégrés à l'animation Flash sont inclus (voir photo ci-dessous). Les robots indexant ce site vont avoir du mal à suivre ces liens, tout comme l'internaute ne disposant pas du plugin Flash !

En utilisant SWFObject, nous avons mis en place simplement dans une balise div un contenu alternatif se substituant à l'animation Flash s'il y a lieu : une image de fond au format jpg, et nos 3 liens de menu.

Pour vous en rendre compte et forcer l'affichage de ce contenu alternatif, il vous suffit simplement de désactiver temporairement le javascript de votre navigateur (Sous Mozilla > Outils > Options > Contenu > Décocher "Activer javascript"), puis actualisez votre page ( touche F5). Le contenu alternatif s'affiche, comme le voit un internaute sans plugin Flash, et les liens en durs sont bien présents et peuvent être suivis par les robots des moteurs de recherche. N'oubliez pas de réactiver le javascript par la suite...

Les sources, les explications, comment l'intégrer ?

Tout est là !  SWFObject : Documentation Française