Le référencement des noms de fichiers d'images consiste à nommer les images de manière à ce que Google comprenne mieux votre contenu.
Cela peut se traduire par un plus grand nombre de clics dans les résultats de recherche.
Les lignes directrices sont simples à apprendre et à appliquer.
En plus d'expliquer le référencement des noms de fichiers d'images, vous apprendrez comment optimiser vos images dans WordPress pour améliorer le référencement.
Commençons.
Dans cet article
Qu'est-ce qu'un nom de fichier image ?
Chaque fichier sur l'internet, y compris les images, porte un nom. Ce nom peut donner des indications sur l'image (comme "baseball-team.jpg") ou être générique (comme "DSC000014.png").
Comme vous l'avez sans doute deviné, Google préfère les noms de fichiers descriptifs.
Avant d'en savoir plus, clarifions la différence entre un nom de fichier image et une extension de fichier.
Nom de fichier image ou extension : Quelle est la différence ?
Les noms de fichiers d'images comprennent une extension. L'extension (telle que .jpg ou .png) est précédée d'un point et décrit le format ou le type de fichier.
Les extensions d'images courantes sont .jpg, .jpeg, .png, .svg et .webp.
Lorsque vous optimisez le nom de fichier de votre image, il n'est pas nécessaire de modifier l'extension, car celle-ci communique des informations techniques dont les navigateurs web ont besoin.
Les noms de fichiers d'images ont-ils une incidence sur le référencement ?
Les algorithmes de Google lisent les noms de fichiers des images pour obtenir des informations sur leur contenu.
Les moteurs de recherche ont des difficultés à traiter les données visuelles. Les noms de fichiers d'images sont l'un des facteurs qui aident les moteurs de recherche à comprendre les médias visuels.
Parmi les autres facteurs, citons le texte alt descriptif et le placement de l'image à proximité du texte pertinent sur la page.
Lorsque les moteurs de recherche comprennent une image, ils peuvent la classer en fonction de mots clés pertinents. Cela peut se traduire par une augmentation du trafic dans les pages de résultats des moteurs de recherche (SERP).
N'oubliez pas que Google est le plus grand moteur de recherche au monde et qu'il inclut Google Image Search.
Découvrons maintenant les meilleures pratiques pour nommer vos fichiers images.
Meilleures pratiques pour l'optimisation des noms de fichiers d'images
Les noms de fichiers d'images sont courts et descriptifs.
Suivez ces conseils pour nommer les images.
Éviter les noms de fichiers d'images génériques
Lorsque vous téléchargez des images à partir d'un téléphone portable ou d'un appareil photo, elles portent des noms génériques qui suivent un schéma séquentiel.
Par exemple :
- IMG001.png
- IMG002.png
- IMG003.png
Les appareils photo ne sont pas (encore) assez intelligents pour comprendre et nommer vos photos à votre place. Par conséquent, avant d'ajouter ces images à des pages web, remplacez les noms génériques par des noms significatifs.
Les noms de fichiers des images doivent être courts et descriptifs
Les noms de fichiers de vos images doivent être courts mais suffisamment longs pour décrire précisément l'image.
Google conseille d'éviter les "noms de fichiers extrêmement longs". Il est facile de comprendre pourquoi. Il suffit de quelques mots pour décrire les images suffisamment bien pour que les moteurs de recherche puissent les classer.
Gardez à l'esprit que Google recherche "desindices très légers sur le sujet de l'image".
Plus il y a de mots, moins la description peut être claire.
Voici des exemples de mauvais noms de fichiers d'images comparés à des noms descriptifs.
Exemples de noms de fichiers d'images mauvais ou bons
Ci-dessous, nous avons ajouté 3 images provenant d'Unsplash.com, ainsi que des exemples de bons et de mauvais noms de fichiers d'images.
Les photographes fournissent des détails sur leurs images lorsqu'ils les publient sur Unsplash. Nous pouvons donc utiliser ces informations pour créer des noms de fichiers descriptifs.
Exemple 1 : Champ de blé en Ukraine
La première image provient de la photographe Polina Rytova et montre un champ de blé dans l'est de l'Ukraine. Plus précisément, l'image provient du village de Zelenyi Hai, situé dans la région de Kherson.
Évitez les noms génériques tels que crops.png ou field.png.
Les noms de fichiers descriptifs possibles sont les suivants :
- champ de blé-est-ukraine.png
- champ de blé-zelenyi-hai-ukraine.png
- champ de blé-ukraine.png
- champ de blé-kherson-oblast-ukraine.png
Exemple n° 2 : randonneurs sur la route du Kilimandjaro
La photo suivante, du photographe Crispin Jones, montre des randonneurs sur la route Rongai, un sentier du mont Kilimandjaro en Tanzanie.
Évitez les noms de fichiers d'images génériques tels que hiking.png, hikers.png ou hiking-group.png.
Utilisez plutôt des noms descriptifs tels que
- hikers-on-kilimanjaro.png
- hikers-on-route-rongai-kilimanjaro.png
- Randonneurs-escalade-kilimanjaro-tanzanie.png
Vous pouvez également supprimer les prépositions des noms de fichiers, comme suit :
- hikers-route-rongai-kilimanjaro.png
Exemple n° 3 : Photo d'une peinture
Notre dernier exemple est une photo du célèbre autoportrait d'Albrecht Dürer , peint en 1498.
Le tableau est actuellement conservé au Musée du Prado en Espagne.
Ici, nous pouvons éviter les noms de fichiers d'images génériques tels que portrait.jpg ou painting.png.
Voici quelques noms de fichiers descriptifs possibles :
- albrecht-durer-autoportrait.png
- albrecht-durer-autoportrait-1498.png
Imaginons maintenant que votre page web soit principalement consacrée à la collection flamande du Musée du Prado, qui comprend cet autoportrait. Dans ce cas, vous voudrez peut-être inclure le nom du musée dans le nom du fichier de l'image.
- albrect-durer-autoportrait-museo-del-prado.png
Utiliser des traits d'union pour séparer les mots
Remarquez que nous avons séparé les mots dans les noms de fichiers en ajoutant des traits d'union. N'utilisez pas de traits de soulignement ou d'espaces vides, car les moteurs de recherche ne les interprètent pas tous de la même manière.
Par exemple, un espace peut être converti en "%20", ce qui explique les noms de fichiers étranges tels que sunny%20beach.jpg.
Pour les sites multilingues : Traduire les noms de fichiers des images
Si vous avez un site WordPress multilingue, assurez-vous que les images des pages destinées à des pays différents comportent des noms de fichiers dans la langue correspondante. Elles apparaîtront ainsi dans les recherches locales.
Utiliser All in One SEO (AIOSEO)
Maintenant que vous avez compris ce qu'est le référencement des noms de fichiers d'images, que pouvez-vous faire d'autre pour optimiser vos images ?
Un plugin SEO est un moyen simple de s'assurer que vos images et vos pages web sont optimisées pour Google.
Nous recommandons All in One SEO (AIOSEO). Il s'agit d'un plugin bien établi avec des milliers d'avis 5 étoiles sur WordPress.org. Plus de 3 millions de propriétaires de sites l'utilisent actuellement pour améliorer leur classement.
Dans la prochaine section, nous utiliserons AIOSEO. Préparez-vous donc à suivre.
La première étape pour optimiser vos images dans WordPress est de télécharger et d'installer All in One SEO (AIOSEO).
Après avoir téléchargé le plugin sur votre site WordPress, un assistant de configuration s'ouvrira et vous guidera à travers quelques étapes simples.
Passons maintenant aux étapes d'optimisation de l'image.
Créer un plan du site de l'image
Google recommande de créer un sitemap d'images distinct ou d'ajouter des informations sur les images à votre sitemap existant. Cela permet aux moteurs de recherche de découvrir vos images.
Lorsque vous installez AIOSEO, il génère automatiquement un plan du site qui inclut toutes vos images. Chaque fois que vous modifiez une image ou que vous en ajoutez une nouvelle à une page, votre plan du site est automatiquement mis à jour.
Optimiser les titres et les méta-descriptions
Les moteurs de recherche utilisent le titre et la description d'une page web pour comprendre et classer les images de la page.
All in One SEO fournit des champs pour éditer votre titre et votre description. Le plugin vous donnera des conseils pour les améliorer.
Par exemple, il est conseillé d'inclure votre mot-clé principal dans votre titre et votre description.
Si votre mot-clé n'est pas présent dans ces zones, AIOSEO vous demandera de l'ajouter.
En savoir plus sur la façon d'optimiser votre extrait de recherche dans AIOSEO.
Titre ou titre SEO : Quelle est la différence ?
Vous vous demandez peut-être : "Quelle est la différence entre les titres, les titres de référencement et les balises de titre ?
Il est utile de faire la part des choses, car ces termes sont souvent utilisés de manière interchangeable, ce qui peut prêter à confusion.
Titre: Il se trouve en haut d'une page ou d'un article WordPress. Lorsque vous ajoutez une nouvelle page ou un nouvel article, vous verrez un grand champ bancaire intitulé "Ajouter un titre".
Une fois que vous avez ajouté votre texte de titre, WordPress l'entoure automatiquement d'une balise title et d'une balise h1. Ces balises sont invisibles pour les lecteurs. Il s'agit de code HTML qui fournit des informations aux navigateurs web et aux moteurs de recherche.
- Une balise de titre indique aux moteurs de recherche : "Affichez ce titre dans les résultats de recherche".
- La balise h indique la hiérarchie dans la page : le titre h1 est le plus important.
Titre SEO: Les plugins SEO vous permettent d'utiliser un titre sur la page web et de créer un titre différent pour apparaître dans les résultats de recherche.
Ce deuxième titre est parfois appelé titre SEO. Si vous créez un 2e titre pour les moteurs de recherche, les visiteurs du site verront toujours le titre original lorsqu'ils visiteront votre page.
En l'occurrence,
- Le titre de la page est inséré dans une balise h1, et non dans une balise title.
- Le titre SEO est enveloppé dans une balise de titre.
Pourquoi vouloir deux titres ? Peut-être pour inclure un ou deux mots-clés supplémentaires afin d'aider les moteurs de recherche à classer l'article.
De plus, votre titre SEO est celui qui apparaîtra dans les recherches d'images sur Google.
Par exemple, si nous cherchons "strudel aux pommes" dans Google Images,nous voyons de nombreuses photos de pages de recettes de strudel aux pommes. Le texte sous chaque image est tiré du titre SEO de la page de recette.
Les mots "Délicieux et FACILE..." nous ont interpellés.
Nous avons vérifié la page web CookiesAndCups.com (et son code) et découvert qu'elle ne comporte qu'un seul titre ("Apple Strudel") . . .
. . . Et un titre SEO différent ("Delicious and EASY Apple Strudel Recipe | Cookies and Cups") dans la recherche Google Image.
Lorsque nous cliquons sur l'image Google de sa page, nous voyons un aperçu de sa page web sur la droite. Vous pouvez voir que les deux titres sont différents.
Même si la dernière partie du titre "Delicious and EASY" a été tronquée, la partie la plus importante, "Delicious and EASY", a permis à son image de se démarquer de la multitude d'alternatives : "Delicious and EASY", a permis à son image de se démarquer d'une mer d'alternatives.
D'autres résultats dans les recherches Google Image comprenaient le mot "facile", mais aucun n'a été décrit comme étant à la fois "délicieux et FACILE".
Comme les titres qui apparaissent sur les images dans Google Image Search peuvent être tronqués après quelques mots, veillez à ce que les 1 à 3 premiers mots soient significatifs.
Ajouter un texte Alt
Le texte Alt (abréviation de "alternative text") est l'élément le plus important qui aide Google à trouver vos images.
Dans l'éditeur de blocs de WordPress, il y a un espace vide pour ajouter le texte alt de l'image.
Cliquez simplement sur votre image. Le champ de texte alt apparaîtra alors à droite.
Saisissez ensuite la description de votre image.
Google recommande que votre texte alt soit descriptif et court, comme le nom du fichier de votre image.
Appliquer le balisage Schema
Pour augmenter les chances que vos images s'affichent dans les résultats de recherche, appliquez le balisage schema à vos pages.
Le balisage Schema est un code qui aide Google à mieux comprendre les pages web. Avec le générateur de schéma de All in One SEO, il vous suffit de cliquer sur quelques boutons et de remplir quelques champs de formulaire pour appliquer ce schéma. Aucune connaissance technique n'est nécessaire.
Il existe différents types de schémas correspondant à différents types de contenu.
Par exemple, il existe un schéma pour :
- Recettes
- Produits
- Evénements
- Livres
Pour ajouter un schéma, il faut donc choisir le type approprié dans une liste et utiliser AIOSEO pour ajouter le code.
Vous vous souvenez de la page sur le strudel aux pommes dont nous avons parlé ? Elle a appliqué le balisage de schéma de recette à sa page. En conséquence, leur page s'affiche sous la forme d'un extrait enrichi dans les résultats de recherche Google.
Vous pouvez considérer un extrait enrichi comme un affichage visuel de premier plan dans les pages de résultats des moteurs de recherche (SERP).
Non seulement CookesAndCups.com a cet affichage accrocheur en haut de la page de recherche Google, mais il en a aussi un autre à la page 1 des résultats de recherche pour "strudel aux pommes".
Remarquez que cet extrait de recherche, comme le premier, contient des détails, comme le nombre moyen d'étoiles et la durée de la recette (45 minutes). Tout cela grâce au balisage schema.
Comparez maintenant les deux extraits riches de strudel aux pommes avec cet extrait de recherche standard.
Il est facile de comprendre pourquoi les snippets enrichis attirent plus de clics dans les résultats de recherche.
Pas de trait d'union ?
Ironiquement, CookiesAndCups.com n'a pas utilisé de traits d'union pour séparer les mots dans les noms de ses images. Par exemple, une image est nommée applestrudeimage-5.jpg.
Mais ils ont utilisé les titres de manière efficace, ont appliqué un texte alt de qualité ("Tranche de strudel aux pommes avec des raisins secs dorés") et ont inclus le balisage schema.
Google a pu utiliser tous ces indices pour comprendre les images de la page.
Titres, légendes et emplacement des images
Enfin, veillez à l'emplacement des images et à l'utilisation des titres et légendes des images.
Les images doivent être placées à proximité du texte pertinent sur une page web. Tenez compte des conseils de Google dans sa documentation destinée aux développeurs.
Google extrait des informations sur le sujet de l'image à partir du contenu de la page, y compris les légendes et les titres des images. Dans la mesure du possible, veillez à ce que les images soient placées à proximité d'un texte pertinent et sur des pages en rapport avec le sujet de l'image.
L'éditeur de WordPress propose un champ vide pour le titre de l'image (appelé "Title Attribute"). Pour le trouver,
- Cliquez sur une image dans un de vos articles
- Le champ Texte alternatif vierge doit apparaître à droite.
- Faites défiler la colonne de droite du bloc et cliquez sur Avancé pour trouver le champ Attribut du titre.
Saisissez le titre de l'image de votre choix.
Réutilisation du nom de fichier de votre image
Souvent, le nom du fichier de l'image, le texte alt et le titre de l'image peuvent être identiques.
Astuce: si vous commencez par un bon nom de fichier d'image, vous pouvez souvent l'utiliser également pour le texte alt et le titre de l'image.
Dans l'exemple ci-dessus, nous avons utilisé une phrase comme nom de fichier de l'image, texte alt et titre de l'image :
- austin distel enregistrement podcast
Ensuite, pour la légende, nous avons élaboré :
- Austin Distel enregistre une interview podcast avec le PDG de Scale or Die.
Q&R relatives à l'optimisation des noms de fichiers d'images
Maintenant que vous savez ce qu'est le référencement des noms de fichiers d'images et comment il est lié au référencement des images en général, vous avez peut-être des questions.
Nous avons répondu à quelques-unes d'entre elles ci-dessous. Si vous avez d'autres questions, n'hésitez pas à les laisser dans les commentaires sous cet article. Nous serons ravis de vous aider.
Dois-je utiliser des mots-clés dans les noms de fichiers de mes images ?
N'ajoutez un mot-clé que s'il est directement lié à l'image. N'oubliez pas qu'un bon nom de fichier d'image est descriptif. Le(s) mot(s) clé(s) cible(s) (ou "mot clé cible") sur lequel votre page est basée peut ne pas être lié à l'image que vous décrivez.
Dans ce dernier cas, le mot-clé ne doit pas être ajouté. La pratique consistant à ajouter des mots-clés sans tenir compte du contexte, dans l'espoir d'obtenir un meilleur classement, est appelée "bourrage de mots-clés". Le bourrage de mots-clés est une technique de référencement clandestin qui nuit à l'expérience de l'utilisateur et peut entraîner la pénalisation de votre contenu.
Qu'est-ce qu'une balise alt ?
Les balises Alt sont un autre terme pour désigner le texte alt ou texte alternatif. Le texte alt fournit une brève description des images. Les moteurs de recherche et les lecteurs d'écran lisent le texte alt.
(Les lecteurs d'écran sont un type de technologie d'assistance utilisé par les personnes handicapées, en particulier celles souffrant de troubles de la vue, pour accéder au contenu des sites web).
Qu'est-ce que l'attribut alt en HTML ?
L'attribut alt est un code HTML utilisé pour désigner une description d'image. La valeur d'un attribut alt est une description textuelle entourée de guillemets. Les utilisateurs de WordPress peuvent remplir un champ vide pour ajouter un texte alt, et la plateforme du site web ajoutera automatiquement l'attribut alt au code de la page.
Voici un exemple de balise HTML image utilisée pour ajouter une image à une page web. Elle comporte un attribut alt.
<img src=”flowers-in-vase.jpg” alt=”daisies in blue vase”>
Si le nom de fichier d'une image est court et descriptif, il peut également servir de texte alt.
<img src=”daisies-in-blue-vase.jpg” alt=”daisies in blue vase”>
Comment éviter que les images ne ralentissent le chargement de mes pages ?
Pour éviter que les images ne ralentissent le chargement de vos pages, envisagez d'utiliser un plugin de compression d'images comme WP Smush, qui optimisera la vitesse et la qualité. Pensez également à WP Rocket, qui chargera les images paresseusement et compressera et minifiera les ressources, ce qui accélérera bien plus que les images.
N'oubliez pas que le temps de chargement du site reste un facteur de classement, mais que la pertinence et la qualité du contenu sont plus importantes.
Ressources sur l'optimisation des noms de fichiers d'images
Vous souhaitez en savoir plus sur ce sujet ? Consultez ces articles sur WordPress.
- Comment renommer les images et les fichiers multimédias dans WordPress
- Comment nommer vos fichiers images pour le référencement dans WordPress
- Comment imposer des noms de fichiers d'images propres dans WordPress (méthode facile)
Après le nom de fichier de l'image SEO ....
Maintenant que vous savez ce qu'est le référencement des noms de fichiers images et comment optimiser vos noms d'images, vous êtes sur la bonne voie pour améliorer votre classement dans les moteurs de recherche et votre stratégie de référencement prend forme.
Lisez notre guide complet sur le référencement des images et apprenez à gérer les images décoratives pour le référencement.
Découvrez les différents rôles que jouent le référencement et les médias sociaux. Ou choisissez un projet de référencement facile à réaliser soi-même pour améliorer votre site.
Apprenez à utiliser AIOSEO pour effectuer des contrôles SEO simples. Vous trouverez également des conseils pour rendre votre site convivial.
Rejoignez-nous sur notre chaîne YouTube pour trouver des tutoriels simples sur l'optimisation des moteurs de recherche. Vous pouvez également nous suivre sur X (Twitter), LinkedIn ou Facebook pour rester dans la boucle et maintenir vos efforts de référencement sur la bonne voie.
Vous voulez essayer AIOSEO gratuitement ?
Entrez l'URL de votre site WordPress pour installer AIOSEO Lite.
Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.
