Oui, c'est facile ajouter une image (photo) dans WordPress. On clique sur insérer et c'est fait. Toutefois, afin d'optimiser vos images pour Google et le Web, il y a quelques consignes à respecter. Si vous ne les suivez pas, vos chances d'apparaître dans les résultats Google seront moindres. Pas de façon drastique ni significative, mais vous voulez mettre toutes les chances de votre côté quand les gens recherchent votre contenu dans Google. Google place la valeur des images au même niveau (ou presque) que votre contenu. Pourquoi? Parce que les gens adorent regarder des images et Google veut créer une bibliothèque d'images pertinentes. Pinterest + Instagram sont des Réseaux Sociaux bâtis à partir d'IMAGES! Google ne peut pas trouver vos images si elles ne sont pas bien indexées. Dans cet article, je vous parle du Nom, du Texte alternatif, de la Taille et du Type de vos images.
1. Le nom de l'image
Le nom du fichier est le nom de votre image comme elle apparaît dans votre ordinateur. Les images mal nommées est l'erreur la plus commune et la plus fatale dans Google. Quand vous téléchargez une image qui se nomme IMG00023.JPG dans WordPress, c'est un gros zéro dans Google. Toutefois, si vous nommez votre image optimisation-image-wordpress-google-taille.jpg, vous venez d'ajouter une série de mots-clefs que Google va lire et considérer dans les résultats de recherche. On aime ça!
Vous devez absolument renommer votre image AVANT de l'importer dans WordPress puisqu'il est impossible de renommer l'image APRÈS son importation. Si vous avez une image qui se nomme IMG00023.JPG, celle-ci va s'enregistrer dans votre WordPress comme ceci:
http://dianebourque.com/wp-content/uploads/2009/12/IMG00023.jpg
Si vous la nommez correctement, WordPress la nommera automatiquement comme ceci – parfaite pour Google:
http://dianebourque.com/wp-content/uploads/2009/12/optimisation-image-wordpress-google-taille.jpg
Donc, plein de mot-clefs dans le URL - on aime ça!
Comment changer le nom de votre image?
Pour changer le nom de l'image à partir de votre ordinateur AVANT de l'importer dans votre site WordPress, recherchez l'image dans votre ordinateur et renommez l'image en cliquant sur son nom. Renommez l'image en choisissant les mots-clefs de l'article ou la page et en évitant de changer .jpg, .png ou .gif.
Comment nommer votre image?
bon exemple 1 : optimisation-image-wordpress-google-taille.jpg
bon exemple 2 : ecole-esthetique-creme-visage.png
bon exemple 3 : wordpress-google-optimisation-images.gif
Les consignes à suivre pour nommer vos images
- Utilisez seulement des mots qui apparaissent dans votre article ou votre page ☛IMPORTANT
- Utilisez 3-5 mot-clefs maximum; soyez précis ☛IMPORTANT
- N'utilisez aucun accent dans le nom de l'image (à,è,é,ç) ☛IMPORTANT
- N'utilisez aucun caractères spéciaux (*&?%%) ☛IMPORTANT
- Ne changez pas la nature du fichier, .jpg, .png ou .gif ☛ IMPORTANT
- Ne téléchargez pas des fichiers .tiff ou.bmp ☛IMPORTANT
- N'utilisez aucune majuscule ☛ OPTIONNEL
- Séparez les mots-clefs avec des traits d'union (-) et non pas des soulignés "underscores" (_) OPTIONNEL
Personnellement, j'ajoute diane-bourque au début de plusieurs de mes images depuis un bout de temps. Pourquoi? Parce que je veux monter une banque d'images avec mes mots-clefs dans Google. Voici ce que ça donne présentement: "diane bourque" – Recherche Google"
2. Le texte alternatif (alt tag)
Le texte alternatif (alt tag) est un court texte que l'on ajoute à nos images et que Google est capable de lire. Vos visiteurs ne voient aucunement ce texte. C'est un texte qui s'insère dans le code source de votre site. Google adore lire ce texte et y met beaucoup d'importance. Dans WordPress, il est très facile d'ajouter un texte alternatif.
Les consignes à suivre pour le texte alternatif
- Utilisez seulement des mots qui apparaissent dans votre article ou votre page ☛ IMPORTANT
- Utilisez une bonne ponctuation avec les accents (à,è,é,ç) ☛ AUCUNE IMPORTANCE
- N'utilisez aucun caractères spéciaux ((*&?%%) ☛ AUCUNE IMPORTANCE
- Utilisez les majuscules si ça vous tente ☛ AUCUNE IMPORTANCE
- Limitez le nombre de caractères du texte alternatif à ±125 ☛ IMPORTANT
Et pour vous convaincre de l'importance du texte alternatif, je vous invite à visionner cette vidéo de Matt Cutts, ingénieur chez Google:
3. La taille de l'image
La deuxième erreur commune sont des images beaucoup trop grandes pour le Web. Plusieurs de mes nouveaux clients prennent des photos avec leurs caméras digitales ou les téléchargent à travers le Web dans des formats 3500 pixels x 2700 pixels. Ils téléchargent ces images dans WordPress. C'est beaucoup trop grand ça! Votre site a au plus 1000 pixels en largeur. Erreur! Il faut si possible réduire la taille de l'image AVANT de l'importer dans WordPress.
Oui, vous serez capable de réduire l'aperçu de l'image dans votre article ou votre page, mais ceci ne réduit pas la taille de l'image. Votre site va toujours télécharger une énorme image. Vous pourrez également réduire la taille de l'image à partir de votre Tableau de bord, mais je le déconseille.
Pourquoi les grosses images sont déconseillées? Premièrement, parce que les grosses images réduisent la vitesse de téléchargement de vos articles et vos pages. Comme le temps de téléchargement (Page Speed) est un facteur important sur le Web, il faut tenter autant que possible d'offrir la meilleure vitesse de téléchargement à nos visiteurs. Deuxièmement, si vous réduisez la taille de l'image à partir de votre Tableau de bord WordPress, un fichier additionnel va s'ajouter sur votre serveur pour la nouvelle image et pourquoi engorger votre serveur quand cela n'est pas nécessaire? Troisièmement, les grosses images engorgent votre serveur.
Quelle taille choisir ?
La plupart des sites Web mesurent 960 pixels en largeur. Ce qui veut dire que votre boîte de contenu où s'affiche le texte et les images de vos articles et pages ont pour la plupart ±600 pixels en largeur. Dans la mesure du possible, réduisez vos grosses images de 600 à 900 pixels de largeur, dépendant du besoin. Préoccupez-vous seulement de la largeur – la hauteur devrait s'ajuster automatiquement.
Comment ajuster la taille de l'image ?
Vous pouvez réduire la taille de l'image à partir de WordPress ou à partir de votre ordinateur de ces 2 façons :
1. À partir de WordPress
2. À partir de votre ordinateur
Si vos images sont trop grandes, vous pouvez utilisez un logiciel déjà installé dans votre ordinateur comme Microsoft Image Manager ou iPhoto pour les redimensionner. Ajustez la < dimension > de votre image pour qu'elle ne dépasse pas ±600 pixels en largeur. La hauteur a peu d'importance à condition qu'elle s'ajuste automatiquement
Si vous n'avez pas de logiciel pour redimensionner vos images, vous pouvez facilement le faire avec ce service en ligne 100% gratuit que j'aime beaucoup: http://picresize.com
4. Le type d'image
Je vois des images .tiff et .bmp de temps en temps dans vos sites. Pas bon! Pourquoi? Puisque WordPress ne les aime pas! Quand vous voudrez transférer votre contenu ailleurs, ces images peuvent occasionner des pépins. Les formats à utiliser sont: .jpg, .png, .gif. Évitez les formats .tiff et .bmp.
Récapitulons ☛ Google et les images WordPress
|
Consigne
|
Importance dans Google
|
Comment modifier
|
|---|---|---|
| Nom de l’image | Élevé | Dans votre ordi, avant l’importation dans WordPress |
| Texte alternatif | Élevé | Directement dans le Tableau de bord | Médias |
| Taille de l’image | Moyen | Dans votre ordi, avant l’importation dans WordPress |
| Type de l’image | Faible | Dans votre ordi, avant l’importation dans WordPress |
8 avril 2013 : Comment publier sur votre Page Facebook en tant que Page ou en tant que Vous (personnel)
12 avril 2012 : Comment optimiser vos images dans WordPress pour le référencement et Google
10 janvier 2012 : Comment ajouter un Twitter Widget sur votre site WordPress
13 décembre 2011 : Avez-vous fait votre mise à jour WordPress 3.3?
12 octobre 2011 : Aimez-vous le nouveau Fil de nouvelles dans Facebook?
Super intéressant, comme toujours…
Merci!
Bonjour,
Merci pour cet article très pédagogique, je rajoute comme info. l’emploi d’un outil comme xnview gratuit et très pratique pour alléger une ou des images en jouant seulement sur 1 seul bouton « convertir » qui fait tout pour vous en 1 seul clic (redimensionner, conversion, bruitage etc..) !
Très bon article !
Je rajouterai un petit détail : puisque WordPress permet de stocker les images uploadees dans un dossier spécifique au lieu de /wp-content/uploads, pourquoi ne pas en profiter ?
Pour Google, plus un mot clé est près de la racine, et plus il est important . Enlevons donc cette partie inutile de l’URL, et remplacons la par /images, /i, ou encore mieux, par un mot clé !
Hello
Je ne trouve pas d’info sur la facon d’e modifier le nom du fichier de stockage ou d’en créer un autre.
Peux-tu me donner de l’aide ?
Merci
Francois
mais la fonction « insérer une image » fonctionnera après ?
Elle est prévu pour mettre les images dans wp-content/ au minimum et non à la racine d’une site.
Je crains qu’en mettant un dossier « images » à la racine, qu’on soit obligé de taper l’adresse à la main et du coup la bibliothèque de wordPress ne prendra pas en compte les images.
Pour créer un dossier « images » à la racine du site comme dans http://dianebourque/images – il faut en premier créer ce dossier sur notre serveur et ensuite changer le dossier désigné à recevoir les images dans Réglages | Médias. Si on crée le dossier – WordPress les placera dans ce dossier si on a ajusté nos réglages. Et oui, je suis d’accord avec Jeremy que pour Google – le fait d’avoir les images le plus près de la racine du site donne un tout petit petit avantage.
donc WordPress a évolué, la question avait été abordé, il y a longtemps sur le forum de wordpress-fr.net, cela ne pouvait pas aller si on voulait avoir les images dans la bibliothèque, la fonction « insérer une image » ne pourra pas être utiliser après, etc..
http://www.wordpress-fr.net/support/viewtopic.php?id=8765
Merci pour les commentaires.
@Largeron – très bien cet outil xnview http://www.xnview.com/ Merci!
@Jeremy – très bon conseil. Merci de le mentionner. Quoique je n’ai pas appliqué cette pratique à mon site, lors de prochain « re-vamp », je vais transférer toutes mes images à http://dianebourque.com/images/
C’est facile à faire et tu as raison, on devrait le faire pour tous nos sites WordPress.
Article très intéressant. Je suis en train de refaire mon site et si j’avais intégré le texte alternatif, j’avais fait l’impasse sur le titre des photos – arghh !!
Le temps de tout remettre nickel, je suppose que l’on peut avoir des photos stockées en wp-content/upload et d’autres dans http://www.monsite/images/ ?
Par ailleurs, si j’ai bien compris, vous ajoutez votre nom en plus du nom du site, ex. http://www.monsite/images/monsite-optimisation-image-wordpress.jpg ?
On n’en finit pas de débuter ;-)
Oui tu peux tout a fait modifier ton dossier de destination d’images, les nouvelles y seront stockées et pour les anciennes le dossier upload d’origine. Il vaut mieux faire cette manip à la création du site mais il n’est jamais trop tard…
On en apprend des astuces sur les libellés et leur importance dans le cheminement informatique!
Il y a du pain sur la planche à présent pour appliquer tous ces bons conseils sur notre site.
Merci à vous!
Euh… j’avais 2 points d’interrogation dans mon message du 16.
Quelqu’un a-t-il les réponses ?
Merci d’avance
Un article qui résume bien les bonnes pratiques, il existe un plugin interessant qui optimize a la volée les images lors de l’upload c’est WP Smush.it …
Merci pour l’article intéressant qui récapitule bien les bonnes pratiques. Sur le référencement images.
J’ajouterai aussi que le texte « autour de l’image » est important. Situé dans la zone contenu, il doit être sémantiquement proche du nom et du texte alternatif de l’image (même thème, mots clés, synonymes…) Ça paraît évident mais parfois on trouve sur le net des textes et des images peu cohérents.
bravo pour cet article,juste je ne comprend pas ce point
-Séparez les mots-clefs avec des traits d’union (-) et non pas des soulignés « underscores » (_) OPTIONNEL
moi j’utilise les 2,pour différencier un espace entre 2 mots et 2 mots lier,par diane_bourque-specialiste_web depuis 15 ans je fais comme ça,15 ans d’erreurs?
merci
Je trouve que Matt Cutts (♥) répond très bien à la question « dashes vs underscores » dans cette vidéo: http://youtu.be/AQcSFsQyct8
Il recommande les dashes (-) mais souligne que l’utilisation du trait d’union (dash) ou le sous-tiret (underscore) a peu d’importance et ne recommande pas de changer les sous-tiret qui sont là.
Mais comme on veut toutes les chances de notre côté – je recommande le trait d’union dans les images et partout ailleurs dans nos URLs.
merci pour la vidéo mais l’anglais et moi cela fait 2.
Très utile comme article.
Merci beaucoup!
Christian
Bonjour Diane,
Merci beaucoup pour toutes vos infos ;-)
J’aimerais renommer toutes mes images dans wordpress mais vous mentionnez qu’il faut les renommer avant de les télécharger…..
Je suis donc obligée de tout retélécharger ? J’en ai des centaines…..
Dans votre base de donnée,tous vos images sont enregistrées avec le nom actuel,de ce fait,même en les renommant par FTP,la base de donnée ne sera pas affectés,donc plus de liens entre les images.
peut être un plugin pourrait vous aider.
http://wordpress.org/extend/plugins/rename-media/
ou un article
http://jeff.ecchi.ca/blog/2010/02/24/defoirage-intensif-de-liens-dimages-dans-wordpress/
Merci beaucoup pour votre réponse, je vais essayer …
Julie.
Merci pour cet article.
Petite question tout de même:
Au niveau du titre des images, j’ai mis des _ à la place de tirets, penses-tu que cela a un réel impact sur le référencement car j’ai quand même beaucoup de photos. Merci de ton retour Diane
Comme je l’ai mentionné plus haut – la réponse est ici: http://youtu.be/AQcSFsQyct8
Non! Ça n’a pas un réel impact selon mon guru Matt Cutts!
Super intéressant, comme toujours…
Merci!
bonsoir,
en regardant d’anciens articles sur mes blogs, je me suis aperçu que certaines photos ne faisaient plus parti de ma bibliothèque, comment cela a pu se faire?
merci
Avez-vous transféré votre blogue chez un autre hébergeur? Les images avaient-elles été téléchargées directement à partir du Tableau de bord WordPress ou à partir de votre serveur? Les images insérées à partir du Tableau de bord sont toutes entreposées dans le dossier indiqué pour les recevoir dans Réglages | Médias. Par défaut, ce dossier sera: /wp-content/uploads Avez-vous regardé dans le dossier uploads? Je ne pense pas que ce soit possible de faire disparaître des images dans ce dossier à moins que quelqu’un par mégarde supprime ces dossiers ou les images qu’ils contiennent. Allez voir dans votre wp-content/uploads ou le dossier indiqué dans Réglages | Médias.
non aucun transfert,le site n’a pas bougé de place,je télécharge toujours mes photos par le tableau de bord, en tapant l’article, j’utilise la fonction « insérer une image » justement pour éviter ce genre de problème, et avec le plugin Add From Server, je récupère mes images bien dans le dossier « wp-content/uploads », je vois les miniatures dans les articles, mais pas les images en taille réelles, de plus ce n’est pas tous les articles mais quelques uns seulement, par exemple, j’ai l’image pour l’article du 16 Septembre 2008 et non pour l’article 12 Octobre 2008.
J’ai plus l’impression que la base de donnée a perdu l’info, mais là je ne sais pas trop où regarder, wp_postmeta?
Les images ne s’enregistrent pas dans la base de données SQL. Donc, inutile de regarder là pour celles-ci. Les images sont stockées dans le dossier désigné à cet effet dans Réglages | Médias. Par défaut, ce dossier est /wp-content/uploads. Si l’on veut changer ce dossier, il faut en premier créer le dossier sur notre serveur et ensuite changer le réglage dans Réglages | Médias.
je suis d’accord, les images ne sont pas enregistrés dans la base de donnée, mais il y a tout de même une trace dans la base de donnée, j’ai regardé wp_postmeta, on voit le chemin de l’image wp-content/uploads/2008/11/ , j’ai l’impression que certains lignes de chemin ont disparu de la base de donnée.
Je le répète, je n’ai pas touché au site, pas déplacer, ni voulu mettre mes images ailleurs que dans wp-content/uploads/
Avec Add From Server j’ai remis mes photos dans les articles,l’adresse n’a pas changé wp-content/uploads, du côté de ce chemin, toutes les photos sont au bon endroit.
Bonjour, votre site est super intéressant et merci de nous faire part de vos compétences.
Je suis en train de créer un blog sur wordpress et je souhaite intégrer du gif. Le soucis c’est que j’arrive à l’intégrer mais elle est fixe et c’est lorsque je cliques dessus qu’elle s’anime mais dans une autre fenêtre.
Je souhaite que mon gif soit animé sur ma page d’accueil et non pas lorsque je cliques dessus (en plus dans une autre fenêtre).
Ensuite, toujours avec ce même thème, je souhaiterais lorsque je cliques sur une image, qu’elle s’affiche sans « Publié par … à 12h59, le 3/01/2018. Je souhaiterais qu’elle s’affiche sans tout cela et juste avec le caption.
Est-possible ?
Merci d’avance pour toutes vos réponses
il faudrait voir le site, le gif est un logo ou une image dans un article?
c’est une image dans un article
Et l’article apparait en extrait ou en entier?
Si vous regardez l’article en article seul, l’image est animée?
C’est bon ça fonctionne youpi ! J’ai refait mon gif et je l’ai réinséré. Je pense que ça devait bugguer.
En tout cas merci de l’intérêt que vous avez témoigné face à mon soucis.
Encore autre chose. Savez-vous comment fait-on pour enlever le footer de wp et mettre le sien à la place pour le thème parament ?
Je souhaites enlever « Un Blog WordPress.com. Thème : Parament par Automattic. » et mettre mon propre texte.
Si vous avez la solution, merci
Sandra
Il faut supprimer les codes dans footer.php, pas respect de l’auteur, il serait mieux de rajouter votre propre texte et non remplacer « Un Blog WordPress.com. Thème : Parament par Automattic. » par votre propre texte ou au moins laissé WordPress et le lien.
C’est le thème twenty eleven ou twenty ten ?
si ovus modifiez un thème, il faut créer un thème enfant, ne pas modifier directement le thème d’origine, il y a un article là dessus sur le site wpchannel.
J’ajouterai aussi en plus de tout ce qui a été dit dans l’article qu’il est aussi intéressant d’optimiser la taille des images afin qu’elles ne soient pas trop lourdes.
Pour ça 2 solutions.
- Soit installer le plugin WordPress « Smush It » qui optimisera la taille de l’image lors de l’upload dans WP.
- Soit optimiser l’image de façon manuelle par le biais du site yahoo Smush it.
C’est pas obligatoire, mais autant faire bien les choses.
J’ajouterai aussi qu’il ne faut pas négliger les services de ping.
Tout ça, pas spécifiquement pour le SEO, mais surtout pour faciliter l’indexation :-)
Je connais ce plugin Smush It et je le déconseille, à cause de lui je n’arrivais plus à télécharger mes images,il doit soit trop utiliser la base de donnée ou la mémoire allouée, j’avais droit à ce message
« HTTP Error on image upload »
Oui, il y avait ce problème avec la version 3.0 de WP. Mais je ne l’ai plus aujourd’hui. La solution, c’est de se passer de ce plugin et d’utiliser le site de yahoo Smuh It qui fait exactement la même chose (mais pas dans WP)
j’ai lu sur geekpress que certains avaient des soucis sur la version WP3.4.1 avec ce plugin.
Je me demande si ce n’est pas à cause de lui que j’ai perdu sur certains articles mes images.
Et le gain d’optimisation, je ne suis pas sûr qu’il soit si important, je n’ai jamais trouvé que mes images après un pourcentage fort élevé après le passage de smush it.
Le gain de poids dépend de l’image (sa composition) et de ses dimensions. Je navigue dans le milieu de la photographie, le gain est très souvent supérieur à 25%.
Les photographes affichent souvent des images avec des tailles de l’ordre de 1280px ou 900 px au mini.
ça vaut le coup d’optimiser alors… Quand on teste un site sur Yslow ou google Speed, ça se ressent immédiatement sur la note :-) C’est pas primordial encore une fois, mais tant qu’à faire, autant faire bien.
je ne met très rarement une image qui dépasse 1000px, et smusht it optimisé mes iamges à 10% voir 15% pas plus, à 25% cela devient intéressant, si j’avais eu ça, je n’aurais pas tenu ces propos.
Lorsque je parle de taille de l’image, ce n’est pas la dimension de l’image, mais le poids du fichier… Pas très clair dans mon com précédent. Sorry
Bonjour,
peut être testé le plugin CW Image Optimizer
ou le plugin EWWW Image Optimizer
Excellent article. J’ai créé un logiciel (gratuit) qui permet de réduire automatiquement le poids des images de façon simple et ludique.
http://www.emjysoft.com/logiciel-photo-reducteur/
J’ai eu cette idée de logiciel quand une utilisatrice d’un futur blog d’entreprise n’arrivait pas à optimiser ses images…
Je pense que cela pourra servir à d’autres
Merci pour cet article très clair et instructif à la fois. Je vais sûrement visiter tout votre site
Merci pour cet article. Mais moi j’ai un problème avec les images.
Mes images s’affichent sur l’aperçu de la page, je veux dire sur la liste des articles publiés. Mais dès qu’on ouvre l’article, tout est blanc. Il en est de même pour les puces que je mets dans l’article, cela apparait tout blanc, ou parfois pas du tout.
D’autre part, un de vos lecteurs a demandé une formation wordpress. Qu’elle aille voir cette formation que propose Stéphane et Luc :
http://bolivar.formation-wordpress-gratuite.com
On peut avoir un lien d’un article qui a ce problème?
vos images misent en « image à la une » sont-elles aussi insérer dans l’article?
Car l’image peut être à la une sans être insérer dans un article, donc elle apparait en page d’accueil et non en article seul.
Les plugins désactivés vous avez toujours le problème, un plugin pourrait causé ce problème.
Je vois que vous utilisez BJ Lazy Load et sur wordpress.org dans la faq du plugin on peut lire ceci
The plugin doesn’t work/doesn’t replace my images
Probably, your theme does not call wp_footer(). Edit the plugin settings to load in wp_head() instead.
Bonjour, j’ai trouvé très intéressant cet article sur le référencement des images. Faut-il y ajouter le mot clé principal du site ou juste ceux de l’article?
bonjour, souvent les images illustrent l’article, donc on leur donne un nom qui rappelle l’article.
vous avez un site sous WordPress ?
Pour un blog/site de débutant: wordpresse ou blogger?
Bonjour,
Je souhaite relier mes images à mon blog comme vous l’expliquer clairement. Mais dois écrire among-the-animals-blabla.jpg ou bien amongtheanimals-blabla.jpg ? Among the animals étant le nom de mon blog. Merci d’avance.
@Amandine: Votre site est chez over-blog, là on parle de code pour WordPress, ce n’est pas pareil.
Plus clair comme ça among-the-animals-blabla.jpg
Super article très intéressant
à noter aussi : le texte alternatif sert également aux personnes malvoyantes… il est donc important qu’il leur soit accessible et compréhensible, et remplace l’image en ce sens.