Renommez votre fichier avec une courte description. Dans notre cas on pourrait \u00e9crire infographie-type-cafes.jpg.<\/p>\n
![\"Nom](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/01\/nom-fichier-seo.jpg\")
<\/p>\n
Si vous le pouvez, ajoutez le mot-cl\u00e9 sur lequel vous souhaitez vous positionner au d\u00e9but du nom de votre fichier.<\/p>\n
Vous pouvez inclure plusieurs mots-cl\u00e9s en rapport avec l\u2019image dans le nom de la photo, mais ne soyez pas trop gourmand.\u00a0\u00c9vitez \u00e9galement les majuscules et les caract\u00e8res sp\u00e9ciaux qui pourraient apporter des bugs \u00e0 l\u2019apparition de l\u2019image.<\/p>\n
Utilisez des tirets pour s\u00e9parer les mots-cl\u00e9s de l\u2019image. Par exemple, n\u2019\u00e9crivez pas \u00ab conseilpourler\u00e9f\u00e9rencement \u00bb mais \u00ab conseils-r\u00e9f\u00e9rencement \u00bb.<\/p>\n
Et cela peut toujours \u00eatre utile de le\u00a0pr\u00e9ciser, mais\u00a0n\u2019utilisez\u00a0pas de mots\u00a0li\u00e9s\u00a0au sexe ou \u00e0 tout autre contenu trop explicite.\u00a0L\u2019image sera filtr\u00e9e par le filtre parental\u00a0SafeSearch.<\/p>\n
<\/p>\n
2. Choisir le bon format d’image<\/h2>\n
Si vous poss\u00e9dez quelques connaissances en SEO vous savez que la vitesse de chargement d\u2019un site est prise en compte lors du r\u00e9f\u00e9rencement naturel.<\/p>\n
Aussi, si vous lisez r\u00e9guli\u00e8rement notre blog, vous vous souvenez peut-\u00eatre qu\u2019il est possible d\u2019all\u00e9ger le poids d\u2019un site – et donc d\u2019augmenter sa vitesse – en compressant les fichiers CSS<\/a>.<\/p>\n Mais ce n\u2019est pas tout. La vitesse de chargement d\u2019un site web est \u00e9galement d\u00e9termin\u00e9e par le format des images. Il est donc essentiel de bien le choisir avant d\u2019importer votre m\u00e9dia.<\/p>\n La plupart du temps vous aurez \u00e0 choisir entre le JPG et le PNG<\/a>.<\/p>\n Apr\u00e8s ces deux formats tr\u00e8s populaires vous pourriez \u00eatre tent\u00e9 d\u2019utiliser le GIF. Privil\u00e9giez ce format pour des images anim\u00e9es.<\/p>\n Le meilleur format \u00e0 utiliser pour les photos reste\u00a0JPEG\u00a0au niveau du r\u00e9f\u00e9rencement.\u00a0Vous pouvez aussi utiliser le format\u00a0WebP<\/a>, qui obtient d\u2019excellents r\u00e9sultats en r\u00e9f\u00e9rencement.\u00a0Attention cependant, celui-ci n\u2019est pas support\u00e9 par tous les navigateurs.<\/p>\n <\/p>\n Apr\u00e8s le format, la taille de votre fichier peut avoir un impact consid\u00e9rable sur la vitesse de chargement et la performance de votre site web.<\/p>\n Plus votre fichier sera lourd, plus votre site sera lent, ce qui entra\u00eenera automatiquement :<\/p>\n Heureusement, il existe diff\u00e9rentes solutions pour compresser votre image. Vous pouvez utiliser Photoshop<\/a> ou d\u2019autres outils en ligne tels que Compressor et I Love Img.<\/p>\n Pour parler de mani\u00e8re chiffr\u00e9e, restez en dessous de 500 ko pour les grandes images et en dessous de 100 ko pour les images plus petites.\u00a0Ces chiffres sont encore plus importants quand votre site est souvent visit\u00e9 sur mobile.<\/p>\n <\/p>\n Si tout le monde utilise les m\u00eames images provenant de librairies en ligne, votre contenu sera d\u00e9pourvu d\u2019originalit\u00e9 et Google aura beaucoup de mal \u00e0 afficher le contenu le plus pertinent pour l\u2019internaute.<\/p>\n \u00c0 l’inverse, en cr\u00e9ant un visuel unique et en l\u2019ajoutant \u00e0 votre site web, vous donnez \u00e0 Google l\u2019opportunit\u00e9 d\u2019indexer votre site et de le s\u00e9parer de la concurrence. De fil en aiguille vous apparaitrez dans les premiers r\u00e9sultats de recherche.<\/p>\n N\u2019h\u00e9sitez pas \u00e0 afficher des compositions originales pour vous d\u00e9marquer. Si vous avez besoin de photos d\u2019illustration, certaines sont tr\u00e8s faciles \u00e0 r\u00e9aliser soi-m\u00eame et avec un smartphone, la qualit\u00e9 rendue est largement suffisante. Pour obtenir des images originales et de bonne qualit\u00e9 vous pouvez l\u00e0 encore utiliser des outils en ligne comme Canva, ou faire appel \u00e0 un graphiste professionnel sur Graphiste.com<\/a>.<\/p>\n Attention : Nous vous rappelons que toutes les images disponibles sur le web ne sont pas libres de droit<\/a>. Vous devez bien v\u00e9rifier les droits pour \u00e9viter des ennuis. Il suffit parfois de citer l\u2019auteur de l\u2019image dans la l\u00e9gende pour pouvoir utiliser une image, alors renseignez-vous.<\/p><\/blockquote>\n <\/p>\n Si vous souhaitez augmenter la probabilit\u00e9 pour que les internautes trouvent vos images durant leurs recherches, vous pouvez cr\u00e9er un sitemap d\u2019images et le soumettre \u00e0 Google via Google Search Console<\/a>.<\/p>\n Ce proc\u00e9d\u00e9 permet tout simplement d\u2019indiquer \u00e0 Google les images que vous poss\u00e9dez sur votre site web.<\/p>\n C\u2019est un \u00e9l\u00e9ment essentiel si vos images sont importantes et qu\u2019il faut les faire indexer dans Google.\u00a0En effet, des recherches pour un service ou un produit se font parfois directement via Google Images et sans le\u00a0sitemap, vous ne serez pas r\u00e9f\u00e9renc\u00e9 dans cette cat\u00e9gorie.<\/p>\n Cette \u00e9tape est donc n\u00e9cessaire pour la vente d\u2019objets comme des v\u00eatements ou de diff\u00e9rentes prestations comme un voyage ou un week-end insolites. Des plugins existent partout sur le web pour vous aider pour cr\u00e9er votre sitemap.<\/p>\n Si vous souhaitez coder vous-m\u00eame votre sitemap, vous pouvez utiliser cet extrait de code, \u00e0 personnaliser bien entendu :<\/p>\n <\/p>\n L\u2019optimisation SEO de votre image se poursuit lors de son int\u00e9gration sur votre site.<\/p>\n En plus de nommer correctement votre fichier vous devez ajouter un texte alternatif dans la balise <alt>. Ce texte am\u00e9liore encore une fois la compr\u00e9hension de Google concernant le contenu de votre image, et il participe \u00e0 l\u2019exp\u00e9rience utilisateur.<\/p>\n En effet, si pour une quelconque raison votre image n\u2019arrive pas \u00e0 s\u2019afficher \u00e0 l\u2019\u00e9cran d\u2019un internaute, ce dernier verra votre texte alternatif et saura pas cons\u00e9quent de quoi traite votre illustration. Cet attribut est indispensable pour l\u2019accessibilit\u00e9<\/a>, notamment pour les mal-voyants.<\/p>\n Comme pour le nom de votre fichier, essayez d\u2019inclure un mot-cl\u00e9 dans votre balise <alt>.<\/p>\n Attention : Attention \u00e0 ne pas remplir cet attribut avec un paragraphe entier ou une s\u00e9rie de mots-cl\u00e9s les uns \u00e0 la suite des autres. Une description courte est largement suffisante pour votre r\u00e9f\u00e9rencement.\u00a0<\/p><\/blockquote>\n Si vous n\u2019avez pas de but commercial, l\u2019attribut\u00a0Alt\u00a0peut rester vide.\u00a0Par exemple, si une image est uniquement l\u00e0 avec une fonction d\u00e9corative.<\/p>\n <\/p>\n C\u2019est probablement l\u2019\u00e9l\u00e9ment le plus important.\u00a0L\u2019image ne doit pas sortir de nulle part sur votre page.\u00a0Son contexte s\u00e9mantique est donc essentiel.\u00a0La dizaine de mots avant et apr\u00e8s l\u2019image doivent avoir un rapport et ne pas contenir de fautes d\u2019orthographe, pour r\u00e9f\u00e9rencer au mieux l\u2019image.<\/p>\n Ce contexte s\u00e9mantique va permettre \u00e0 Google de cr\u00e9er une description automatique de l\u2019image.\u00a0C\u2019est \u00e9galement valable pour les vid\u00e9os<\/a> de votre site.<\/p>\n Attention : Attention, l\u2019attribut Alt doit correspondre \u00e0 ce contexte s\u00e9mantique.<\/p><\/blockquote>\n <\/p>\n Selon plusieurs experts du r\u00e9f\u00e9rencement, la place de l\u2019image semble rev\u00eatir une forte importance dans le r\u00e9f\u00e9rencement pour Google.\u00a0Placez la plus importante en d\u00e9but du contenu principal.\u00a0Juste apr\u00e8s quelques lignes de texte.<\/p>\n Vous pouvez aussi placer d\u2019autres images par la suite, mais celles-ci seront forc\u00e9ment moins r\u00e9f\u00e9renc\u00e9es par Google alors placez les en fin de page, pour ne pas d\u00e9truire le contexte s\u00e9mantique.<\/p>\n <\/p>\n Nous aurions pu rajouter ce conseil dans le contexte s\u00e9mantique, mais la l\u00e9gende de l\u2019image n\u2019en fait pas r\u00e9ellement partie. C\u2019est un attribut \u00e0 part \u00e0 ne pas n\u00e9gliger, car il permet \u00e0 Google de recevoir davantage de d\u00e9tails sur l\u2019image. Rajoutez-en une lorsque vous souhaitez contextualiser l’image ou en mentionner l’auteur.<\/p>\n Utilisez le texte de la l\u00e9gende pour d\u00e9crire l\u2019image avec des termes diff\u00e9rents que ceux dans le contexte s\u00e9mantique.\u00a0Ils seront compl\u00e9mentaires et renforceront le r\u00e9f\u00e9rencement de l\u2019image.<\/p>\n <\/p>\n Si vous ne savez pas quels mots-cl\u00e9s utiliser dans la description, la l\u00e9gende ou le contexte s\u00e9mantique de votre image, n\u2019h\u00e9sitez pas \u00e0 vous servir de Google images.\u00a0Si vous publiez la photo d\u2019un coucher de soleil, tapez cette recherche dans le navigateur et regardez les diff\u00e9rents tags au-dessus des images.<\/p>\n Ce seront des mots-cl\u00e9s appropri\u00e9s pour votre futur texte, qu\u2019il faudra incorporer de fa\u00e7on naturelle autour de votre image.<\/p>\n <\/p>\n Il faut \u00e0 tout prix \u00e9viter d\u2019incorporer du texte dans les images, en particulier les titres ou des \u00e9l\u00e9ments du menu<\/a>.\u00a0En effet, tous les utilisateurs ne peuvent y acc\u00e9der et cela n\u2019encourage pas Google \u00e0 r\u00e9f\u00e9rencer votre image.<\/p>\n De plus, le texte dans les images ne sera pas pris en compte par les outils de traduction de page, qui participent au r\u00e9f\u00e9rencement international. Gardez votre texte au format HTML pour le contexte s\u00e9mantique de l\u2019image.<\/p>\n <\/p>\n Vous pouvez utiliser diff\u00e9rents outils pour vous aider \u00e0 appara\u00eetre toujours plus haut dans les r\u00e9sultats de recherche sur le web.\u00a0Par exemple,\u00a0GIF Grabber\u00a0vous permet de cr\u00e9er un gif gratuitement<\/a>.\u00a0C\u2019est un format qui change et qui sera appr\u00e9ci\u00e9 par Google.<\/p>\n Des outils comme\u00a0Piktochark\u00a0ou\u00a0Canva\u00a0peuvent \u00e9galement vous permettre de r\u00e9aliser de belles compositions \u00e0\u00a0partir\u00a0de superbes mod\u00e8les cr\u00e9atifs ou de simples infographies.<\/p>\n Image SEO<\/a>\u00a0est \u00e9galement un outil int\u00e9ressant \u00e0 utiliser.\u00a0Ce\u00a0plugin\u00a0WordPress\u00a0permet d\u2019appliquer les meilleures pratiques en mati\u00e8re de r\u00e9f\u00e9rencement aux images en trouvant automatiquement un nom d\u2019image et une balise alternative.\u00a0Pour les personnes parfois en manque d\u2019inspiration pour trouver ces textes, ce\u00a0plugin\u00a0est une vraie solution.\u00a0Le bourrage de mots-cl\u00e9s est \u00e9vit\u00e9 et en plus, il existe une version gratuite et une version payante du\u00a0plugin.<\/p>\n <\/p>\n En couplant nos nombreux conseils graphiques \u00e0 ces petites astuces SEO vos images participeront au r\u00e9f\u00e9rencement naturel de votre site.<\/p>\n Elle participeront \u00e9galement \u00e0 l\u2019augmentation de vos conversions.<\/p>\n Enfin, n’oubliez pas que le SEO de votre site se travaille d\u00e8s sa cr\u00e9ation ! Pour en savoir plus, jetez un oeil aux \u00e9l\u00e9ments \u00e0 prendre en compte<\/a> pour optimiser le SEO de votre web design.<\/p>\n\n
3. Compresser vos images pour le web<\/h2>\n
\n
![\"Compression](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/01\/compression-image-seo.jpg\")
<\/p>\n4. Faire preuve d\u2019originalit\u00e9<\/h2>\n
5. Cr\u00e9er un sitemap d\u2019images<\/h2>\n
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<urlset xmlns=\"http:\/\/www.sitemaps.org\/schemas\/sitemap\/0.9\"\nxmlns:image=\"http:\/\/www.google.com\/schemas\/sitemap-image\/1.1\">\n<url>\n<loc>http:\/\/example.com\/sample.html<\/loc>\n<image:image>\n<image:loc>http:\/\/example.com\/image.jpg<\/image:loc>\n<\/image:image>\n<image:image>\n<image:loc>http:\/\/example.com\/photo.jpg<\/image:loc>\n<\/image:image>\n<\/url>\n<\/urlset><\/pre>\n
6. Inclure la balise Alt<\/h2>\n
![\"Balise](\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/01\/balise-alt.jpg\")
<\/p>\n7. Faire attention au contexte s\u00e9mantique de l\u2019image<\/h2>\n
8. Bien placer l\u2019image dans le texte<\/h2>\n
9. Une l\u00e9gende sous l\u2019image<\/h2>\n
10.\u00a0Rep\u00e9rer les tags dans Google Images<\/h2>\n
11. \u00c9viter le texte dans les images<\/h2>\n
12. Utiliser des outils SEO pour vous aider<\/h2>\n
Conclusion<\/h2>\n