Babacar GUEYERéférencement SEO images, vidéos et flash
C’est une techniques qui vise à apporter un
maximum d'informations concernant le contenu d'une
page web aux robots d'index...
Comment référencer les images?
Un fichier image est le plus souvent décrit dans un fichier html
<img src=‘’http://www.votr...
Eviter les mots-clés collés préférer airbus-a380.jpg
à la place de airbusa380.jpg, l’utilisation de
séparateur va détacher...
Critère 3 : le texte-alternatif :
l’option alt=‘’_’’ est très important pour les moteurs de
recherche, remplissez le en ve...
Visualiser <a href=‘’http://www.votresite.com/images/francois-
hollande-luxemburg.jpg ’’> une image de françois Hollande a...
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 <...
Comment référencer les vidéos?
L’optimisation des vidéos est finalement assez proche de ce
qui se fait avec les images.
Cr...
Critère 2: la réputation. Soignez le texte des liens qui vont
lancer la vidéo lorsqu’on cliquera dessus. Par exemple, Vidé...
Critère 5: indexabilité. Un plan du site au format (html), sorte
d’annuaire spécialisé présentant les vidéos qu’on trouve ...
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
...
Solution 2 : Faire usage du script SWFObject il met à
votre disposition une zone de contenu alternatif au flash qui
permet...
 Une page HTML ou XHTML est chargé par le navigateur;
 Un JavaScript détecte si le player flash est installé;
 Si le pl...
Gueye babacar référencement images-video
Gueye babacar référencement images-video
Prochain SlideShare
Chargement dans…5
×

Gueye babacar référencement images-video

165 vues

Publié le

Publié dans : Internet
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
165
Sur SlideShare
0
Issues des intégrations
0
Intégrations
4
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Gueye babacar référencement images-video

  1. 1. Babacar GUEYERéférencement SEO images, vidéos et flash
  2. 2. C’est une techniques qui vise à apporter un maximum d'informations concernant le contenu d'une page web aux robots d'indexation des moteurs de recherche.
  3. 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. 4. Eviter les mots-clés collés préférer airbus-a380.jpg à la place de airbusa380.jpg, l’utilisation de séparateur va détacher plusieurs mots dans une même expression et les rendre ainsi réactifs à une recherche. 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. 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, rabat, Maroc’’> Critère 4: le texte de l’image. Remplissez avec des mots- clés de recherche importants
  6. 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. 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. 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. 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. 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.
  11. 11. 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.
  12. 12. 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:
  13. 13.  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.

×