ACTUALITES du 11/12/2002 :

Comment faire pour optimiser des pages
contenant des animations Flash ?

Nous vous proposons un début de piste. Le dossier ci-dessous vous explique comment construire une page faite en Flash dans le but de l’optimiser pour le référencement.

Une technique consiste à utiliser une feuille de style (CSS) incluant la technique du Z-Order.

Rappel sur le Z-Order :
Le Z-Order indique la position d’un calque (ou d’une fenêtre) dans la couche des calques (ou des fenêtres). L’orientation des couches suit un axe imaginaire qui se dirige de l’écran vers vous. Le calque le plus près de vous est donc superposé sur les autres.

En résumé, le Z-Order vous permet de placer du contenu sur différentes couches. L’idée est bien sûr de positionner le Flash sur le premier plan et le contenu textuel sur la ou les couches inférieures.

Seul le premier plan sera visible pour l’œil de l’internaute alors que les autres couches le seront pour les moteurs d’indexation.

Passons à la pratique :

Comment créer un Z-Order avec une feuille de style CSS ?

Copiez et sauvegardez l’exemple ci-dessous dans un fichier (HTML) et regarder le résultat dans votre navigateur…

Première conclusion : vous devez installer le Flash dans la couche jaune. C’est la couche ayant le z-index = 3. (ici dans l’exemple !)

Pour vous faciliter le travail, voici un exemple de structure d’une page contenant du texte et du Flash. Copiez ce texte dans votre éditeur et visualisez le résultat dans votre navigateur. (elle est belle l’animation non ?)

...si vous n'avez pas le temps, cliquez ici pour voir le résultat.