1. Babacar GUEYE
League of webdesignersRéférencement SEO images, vidéos et flash

3. Comment référencer les images?
Un fichier image est le plus souvent décrit dans un fichier html
<img src=‘’http://www.votresite.com/images/nom-de-
l’image.jpg’’ width=‘’252’’ height=‘’152’’ alt=‘’texte alternatif
décrivant l’image’’>
Les critères pris en compte par les moteurs pour identifier les
images qu‟ils proposent dans leurs pages de résultats sont les
suivants:
Critère 1 : nom de l’image. donner un nom caractéristique à
votre image en y incluant des mots-clés précis et descriptif en
évitant les caractères accentués. : moteur-electrique.jpg, paysage-
urbain.gif, licence-atii.png, etc.
Séparer les mots-clés en utilisant le tiret (-) de préférence à la place
du underscore (_) qui pose de nombreux problèmes à google.

4. Eviter les mots-clés collés préférer airbus-a380.jpg
à la place de airbusa380.jpg.
Critère 2 : format de l’image. Préférer les formats
GIF, JPEG ou PNG. Certains moteur comme Google
peuvent indexer d‟autres formats mais le tronc
commun pris en compte par tous les moteurs
d‟images reste ces trois formats.
Indiquer les attributs largeur (width) et hauteur
(height) qui aideront les moteurs de recherche à
déterminer le format de votre l‟image.

5. Critère 3 : le texte-alternatif :
l‟option alt=‘’_’’ est très important pour les moteurs de
recherche, remplissez le en version non-accentués ce que
représente l‟image en y insérant des mots-clés de recherche
importants.
Voici deux exemples:
<img src=„‟http://www.votresite.com/images/Licence-atii.jpg »
widht=„‟147‟‟ height=„‟128‟‟ alt=„‟Licence professionnelle atii iut
Saint-Etienne‟‟>
<img src=„‟http://www.votresite.com/images/grande-
mosquee-hassan2.jpg‟‟ widht=„‟147‟‟ height=„‟128‟‟
alt=„‟Entree ouest de la mosquée hassan 2, rabat, Maroc‟‟>
Critère 4: le texte de l’image. Remplissez avec des mots-
clés de recherche importants

6. Visualiser <a href=„‟http://www.votresite.com/images/francois-
hollande-luxemburg.jpg ‟‟> une image de françois Hollande au
sommet européen de Luxembourg le 10 septembre 2013</a>
Mettre le texte du lien en gras avec la balise <strong> </strong>
Critère 5 : Le texte au tour de l’image. Proposez, le plus
proche possible de l‟image dans le code HTML, du texte
explicitant cette dernière, comme une légende. Par exemple :
<img src=„‟http://www.votresite/images/grande-mosquee-
hassan2 ‟‟ widht=„‟147‟‟ height=„‟128‟‟ > vous pouvez voir su
l‟image ci-contre, une photo de l‟entrée ouest de la grande
mosquée Hassan2 prise au grand-angle. Son architect est
remarquable

7. Critère 6: le texte de la page.
Utiliser une page web par image et d‟optimiser cette dernière de
façon classique (balise <title>, <h1>, URL, etc.) par rapport au
contenu de l‟image en question.

8. Comment référencer les vidéos?
L‟optimisation des vidéos est finalement assez proche de ce
qui se fait avec les images.
Critère 1: le nom du fichier. Indiquer un nom de fichier qui
soit le plus possible en rapport avec le sujet de la vidéo en y
ajoutant le mot „‟video‟‟.
Séparer également chaque mot des autres par un tiret (-)
exemple:
 Video-discours-segolene-royal.wmv;
 Video-formation-maitrise-comptabilité.mpg;
 Mon-fichier-video.avi.

9. Critère 2: la réputation. Soignez le texte des liens qui vont
lancer la vidéo lorsqu‟on cliquera dessus. Par exemple, Vidéo
sur le discours de M.Georges Simeon, maire Trifouillis-les-
oies le 22 janvier 2014 à Paris.
Critère 3: le texte au tour de la vidéo. Pensez à proposer une
page de description de la vidéo et non pas le fichier seul. Si
vous en avez la possibilité, accompagnez vos vidéos, sur une
page web, d‟un descriptif précis du contenu du fichier, voir une
transcription de ce qui est dit.

10. Critère 5: indexabilité. Un plan du site au format (html), sorte
d‟annuaire spécialisé présentant les vidéos qu‟on trouve sur le
site, peut également être une bonne idée pour aux spiders un
point d‟entrée unique pour parcourir vos fichiers.
Comment référencer le flash?
Les principaux problèmes d‟indexation du flash reposent sur
deux éléments :
Tout d‟abord, dans la plupart des cas, les sites flash sont
réalisés à partir d’une seule page HTML. C‟est à dire que le
changement de la page s‟effectue dans l‟animation flash, et non
pas en chargeant une nouvelle page HTML. Pour le
moteur, cela reste une page web unique. Or, une seule page
web, c‟est un seul titre, une seule url, et un site de petite taille
pour le moteur.

12. Différence entre un site en “full-flash” et un site en HTML:
La différence entre ces deux est , le moteur trouve du texte
sur un site en HTML, qu‟il sait lire et interpréter, alors qu‟il
ne trouve qu‟un fichier sur un site en flash, qu‟il ne sait
interpréter et structurer de façon optimale.
Solution pour l‟indexation flash
Solution 1:
Créer plusieurs animations flash, chacune intégrée dans
une page HTML individuelle.

14. Solution 2 : Faire usage du script SWFObject il met à
votre disposition une zone de contenu alternatif au flash qui
permet aux moteurs de recherche et aux internautes qui ne
possèdent pas de player flash de voir un contenu.
Solution 3 : Google recommande l‟utilisation du sIFR, un
projet open source qui permet aux webmasters de
remplacer des éléments textuels par des équivalents flash.
Le principe du sIFR ( pour Scalable Inman Flash
Replacement) est de remplacer les éléments textuels des
pages par des éléments flash. Il s‟agit de l‟ajout d‟une
couche technologique par-dessus le code source, laissant
la possibilité aux moteurs d‟accéder au contenu de base.
Le principe est le suivant:

15.  Une page HTML ou XHTML est chargé par le navigateur;
 Un JavaScript détecte si le player flash est installé;
 Si le player n‟est pas installé ou si le navigateur ne supporte
pas JavaScript, la page web se charge normalement et
présente un contenu texte;
 Si le flash est supporté, le script insère des animations flash
par-dessus les éléments de la page, en récupérant les
données texte. Les animations s‟affichent et le texte à l‟aide
d‟un code ActionScript.