Le référencement d'images est une pratique simple qui peut augmenter de manière significative le trafic organique vers votre site.
Des images bien choisies ajoutent un intérêt visuel à une page et peuvent fournir des informations utiles.
Lorsque ces images sont optimisées, Google Search peut mieux comprendre votre page et la classer (avec vos images) pour les requêtes pertinentes.
Ce guide vous guidera à travers les étapes de l'optimisation des images dans WordPress. Lorsque vous aurez terminé, l'optimisation des images ne vous semblera plus mystérieuse.
Tout d'abord, abordons les bases du référencement d'images.
Dans cet article
- Qu'est-ce que le référencement d'images ?
- Avantages de l'optimisation des images
- Suivre les meilleures pratiques de référencement des images
- Comment faire du référencement d'images dans WordPress
- Etape 1 : Télécharger et installer All in One SEO (AIOSEO)
- Étape 2 : Obtenir un plan du site de l'image
- Étape 3 : Utiliser des noms de fichiers d'images descriptifs
- Étape 4 : Placement de l'image
- Étape 5 : Ajouter le texte Alt
- Étape 6 : Utiliser des légendes d'images pertinentes
- Étape 7 : Référencement sur la page
- Étape 8 : Ajouter des données structurées
- Optionnel : Paramètres globaux d'AIOSEO pour le référencement des images
- Comment optimiser les images pour les médias sociaux
- Considérations avancées sur le référencement des images
Qu'est-ce que le référencement d'images ?
Le référencement d'images consiste à ajouter des informations aux images pour aider les moteurs de recherche à les comprendre et à les classer dans les recherches pertinentes.
Cette forme de référencement peut également inclure la réduction de la taille des fichiers afin que les images se chargent plus rapidement. Les pages se chargent ainsi plus rapidement et l'utilisateur bénéficie d'une meilleure expérience.
Si la vitesse de chargement des pages peut avoir une incidence sur le classement, elle est relative. Google privilégie la qualité du contenu par rapport à la vitesse de chargement. Il tiendra également compte de la vitesse de chargement des autres pages, qui sont en concurrence pour le même classement.
Avantages de l'optimisation des images
L'optimisation des images est un élément important du référencement qui est souvent négligé. Lorsque les images sont optimisées, elles peuvent être des moteurs importants du trafic organique.
Pensez à la popularité de la recherche d'images.
- 72 % des consommateurs recherchent des images avant d'acheter.
- 74 % déclarent que les recherches par image sont supérieures aux recherches textuelles pour les achats.
- L'utilisation mobile de la recherche d'images a augmenté de 60 % en deux ans, selon Google.
Les images optimisées peuvent être affichées dans plusieurs zones de recherche de Google, notamment dans les rubriques suivantes
- Pages de résultats des moteurs de recherche de Google (SERP)
- La recherche Google Images, qui permet aux utilisateurs de rechercher et de trouver des images liées à un mot clé ou à une phrase spécifique.
- Google Discover, un flux de contenu personnalisé qui présente aux utilisateurs des contenus adaptés à leurs centres d'intérêt.
Le processus d'optimisation des images aide les algorithmes de Google à mieux comprendre le contenu des images.
En outre, l'ajout de données structurées permet à votre page d'être affichée en tant que résultat riche, également appelé " rich snippet".
Un snippet riche ou résultat riche est un snippet de moteur de recherche qui inclut des images, des évaluations par étoiles ou d'autres informations non standard.
Pour voir la différence, voici un extrait de recherche standard.
Et voici un extrait riche.
Les snippets riches peuvent être particulièrement utiles pour les sites de commerce électronique qui utilisent des images de produits pour attirer les acheteurs.
Certains rich snippets ressemblent à des publicités. Lorsque vous passez la souris sur une option, elle s'agrandit et jusqu'à 5 images apparaissent et disparaissent en séquence.
En outre, lorsque vous ajoutez des données structurées, les prix, les frais d'expédition, les informations sur les remises et d'autres détails peuvent être affichés dans les résultats de votre recherche.
Comme leur nom l'indique, les snippets riches sont des résultats de recherche qui incluent des médias riches (non textuels), tels que des images et des vidéos.
Des études ont montré que les snippets riches attirent plus de clics que les snippets standards.
Suivre les meilleures pratiques de référencement des images
Ce que je vais vous apprendre dans ce tutoriel est basé sur les meilleures pratiques de Google pour le référencement des images.
Ces bonnes pratiques sont les suivantes
- Création et soumission d'un sitemap pour les images
- Utiliser des noms de fichiers descriptifs
- Ajout d'un texte alt (description textuelle de l'image)
- Optimiser le titre de votre page et la méta description
- Ajouter des données structurées à la page
L'ensemble de votre page doit être optimisé (pas seulement les images). C'est là qu'intervient un plugin comme All in One SEO (AIOSEO).
All in One SEO (AIOSEO) automatise la plupart des tâches techniques et simplifie le référencement de manière à ce que même les débutants puissent l'optimiser.
Il s'agit d'un plugin bien établi avec des milliers d'avis 5 étoiles sur WordPress.org. Actuellement, plus de 3 millions de propriétaires de sites l'utilisent.
Comment faire du référencement d'images dans WordPress
Comme nous utiliserons All in One SEO pour notre tutoriel, la première étape consiste à le télécharger et à l'installer.
Etape 1 : Télécharger et installer All in One SEO (AIOSEO)
Après avoir téléchargé et installé AIOSEO, un assistant d'installation s'ouvrira et vous guidera à travers quelques étapes.
Étape 2 : Obtenir un plan du site de l'image
Google recommande de créer un sitemap pour les images et de le lui soumettre.
Qu'est-ce qu'un plan du site ? Un sitemap est une liste d'URL, sous forme de code, créée pour être lue par les moteurs de recherche.
Pourquoi un plan du site ? Votre contenu, y compris les images, doit être trouvé par les robots des moteurs de recherche avant d'apparaître dans les résultats de recherche. Les sitemaps aident les moteurs de recherche à découvrir votre contenu.
Vous obtiendrez automatiquement un sitemap image lorsque vous installerez All in One SEO (AIOSEO).
En effet, AIOSEO génère pour vous 2 sitemaps, conformément aux recommandations de Google.
- Le sitemap XML contient toutes les URL de votre site.
- Le plan du site RSS comprend les URL récemment modifiées ou publiées.
[XML et RSS font référence au formatage du plan du site. XML signifie Extensible Markup Language (langage de balisage extensible) et RSS signifie Really Simple Syndication (syndication vraiment simple)].
Votre sitemap image est regroupé avec votre sitemap XML.
Soumettez votre plan du site: Soumettez ensuite votre plan du site à Google. Et soumettez-le à Bing.
Étape 3 : Utiliser des noms de fichiers d'images descriptifs
Les noms de fichiers des images doivent être courts et descriptifs, et non génériques.
Voici une photo d'un cochon sauvage aux Bahamas.
J'ai téléchargé l'image sur Unsplash.com, un site qui propose des images gratuites (et payantes).
Le nom de fichier de l'image (tel que téléchargé) est : forest-simon-xa-fv2RQCPY-unsplash.jpg
C'est un mauvais nom de fichier pour le référencement d'images car il ne contient aucune information sur le sujet.
Pour créer un meilleur nom de fichier, décrivez l'image. Voici quelques exemples.
- cochon sauvage-nageant-bahamas.jpg
- cochon sauvage-exuma-beach-bahamas.jpg
- cochon sauvage-nageant-exuma-beach-bahamas.jpg
Gardez à l'esprit que lorsque vous téléchargez des images à partir de votre téléphone ou de votre appareil photo, elles auront probablement des noms de fichiers génériques, comme IMG00001.jpg, et vous devrez donc les modifier.
Nous allons vous mettre d'accord sur ce point.
Comment modifier le nom d'un fichier image
Sur le bureau: Cliquez avec le bouton droit de la souris sur l'image et saisissez le nouveau nom. Veillez à conserver l'extension, par exemple .png, .jpg, etc. (L'extension aide les navigateurs à comprendre le format de l'image.
Dans WordPress: Vous pouvez renommer les images après les avoir téléchargées sur WordPress. Allez dans la bibliothèque multimédia, cliquez sur l'image et saisissez un nouveau nom de fichier.
En savoir plus sur l'optimisation des noms de fichiers d'images.
Étape 4 : Placement de l'image
Les meilleures images sont celles qui aident les utilisateurs à mieux comprendre le contenu de la page. Pensez à des graphiques, des diagrammes, des captures d'écran et des photos ou illustrations pertinentes.
Lorsque vous ajoutez des images, placez-les à proximité du passage de texte correspondant.
L'emplacement fournit un contexte supplémentaire qui aide les moteurs de recherche à comprendre l'image.
Étape 5 : Ajouter le texte Alt
Ensuite, vous devez ajouter un texte alternatif pour chaque image d'une page web. Également appelé "balise alt" ou "texte alternatif", il s'agit d'une phrase courte et descriptive.
WordPress et d'autres plateformes de sites web populaires proposent un champ vide pour ajouter le texte alt de l' image.
Dans l'éditeur WordPress, cliquez sur l'image et un champ "TEXTE ALTERNATIF" apparaît à droite. Saisissez la description de votre image.
Le saviez-vous? Les technologies d'accessibilité au web, comme les lecteurs d'écran, lisent le texte alt à haute voix, ce qui permet aux personnes souffrant de déficiences visuelles de comprendre les images.
Si votre image est simplement décorative, il est préférable d'omettre la balise alt. En savoir plus sur la gestion des images décoratives pour le référencement.
Les métadonnées: Vous avez peut-être déjà entendu parler du texte alt comme d'une métadonnée. Les métadonnées sont des données (par exemple, du texte) sur des données (par exemple, une image). Les métadonnées, y compris les titres et les descriptions des pages, aident les algorithmes des moteurs de recherche à comprendre non seulement le contenu textuel, mais aussi les images de la page.
La balise alt est également appelée attribut alt.
Étape 6 : Utiliser des légendes d'images pertinentes
Si vous ajoutez des légendes à une image, traitez-les comme des noms de fichiers et du texte alt. Les légendes doivent être descriptives et utiles à l'utilisateur.
Google utilise les légendes, les noms de fichiers et le texte alt pour comprendre le contenu des images.
Voici un exemple d'une bonne légende d'image tirée de Bloomberg : "Le bâtiment du Trésor américain à Washington, D.C.".
Une analyse rapide du code de cette image montre qu'il n'y a pas de nom de fichier descriptif, mais que la légende et le texte alt sont bons et exactement les mêmes.
(Si vous nommez bien votre image, vous pouvez souvent utiliser ce nom pour le texte alt également).
Étape 7 : Référencement sur la page
Avant de publier votre page web, optimisez-la pour les moteurs de recherche. Cela permettra à votre page et à vos images d'être mieux classées pour les requêtes pertinentes.
Cette pratique, appelée " on-page SEO", est facilitée par All in One SEO.
AIOSEO analysera automatiquement votre page web et fournira des mesures pour l'améliorer.
Pour trouver les recommandations d'AIOSEO, connectez-vous à WordPress. Ensuite, naviguez jusqu'à la page que vous souhaitez optimiser.
Cliquez sur le bouton AIOSEO en haut à droite. Cela ouvrira la barre latérale d'AIOSEO.
Cliquez ensuite sur Général.
Vous y trouverez vos actions regroupées sous forme d'onglets :
- Phrase clé ciblée
- Référencement de base
- Titre
- Lisibilité
Cliquez sur un onglet, comme Focus Keyphrase, pour obtenir des mesures spécifiques.
En savoir plus sur
- Le référencement sur la page, y compris l'optimisation du titre et de la méta-description.
- Phrases clés ciblées
- Lisibilité et score de facilité de lecture de Flesch
Pour obtenir un bon classement et attirer du trafic, utilisez des images et un contenu de haute qualité.
Étape 8 : Ajouter des données structurées
La dernière étape de l'optimisation consiste à ajouter des données structurées (balisage schématique) à votre page. Vous pouvez considérer les données structurées comme des balises qui étiquettent les différentes parties de votre page.
Mais à la différence des balises de blog, ces balises n'apparaissent que dans le code et sont destinées à être lues par les moteurs de recherche.
Ce code aide Google et les autres moteurs de recherche à comprendre et à classer le contenu de votre page. Il peut également aider vos images à apparaître dans votre extrait de recherche et pour des requêtes pertinentes.
Par défaut, AIOSEO ajoute le schéma Article à chaque article. Mais il y a plus d'une douzaine d'autres types de schémas que vous pouvez ajouter à une page, en utilisant AIOSEO, y compris :
- Recette
- Produit
- Revue des produits
- Événement
- Livre
- Ensemble de données
- Logiciel
- Musique
Il suffit de voir quel schéma correspond à votre article et de l'ajouter en cliquant sur quelques boutons dans AIOSEO.
Découvrez comment utiliser AIOSEO pour ajouter des balises de schéma, y compris des schémas de produits, à vos pages.
Optionnel : Paramètres globaux d'AIOSEO pour le référencement des images
Enfin, AIOSEO vous permet de définir globalement certains paramètres de référencement des images.
Il s'agit notamment du formatage et de la casse des balises alt, des noms de fichiers, des légendes, des titres d'images et des descriptions d'images. Cela permet de gagner du temps et d'assurer la cohérence des équipes chargées du contenu.
En outre, vous pouvez choisir de générer automatiquement des légendes et des descriptions lors du téléchargement.
Voici plus d'informations sur les paramètres globaux de référencement des images d'AIOSEO.
Comment optimiser les images pour les médias sociaux
Les messages sur les médias sociaux contenant des images suscitent beaucoup plus d'intérêt que les messages uniquement textuels.
Mais vous est-il déjà arrivé de partager un article et de constater que l'image affichée n'était pas la bonne ? Ou peut-être n'y avait-il pas de description ?
En utilisant AIOSEO, vous pouvez vous assurer que lorsque votre contenu est partagé sur les médias sociaux, l'image et la description que vous préférez sont celles qui s'affichent.
Lorsque vous êtes dans l'éditeur WordPress, vous pouvez modifier l'affichage de votre article dans les médias sociaux. AIOSEO ajoute les balises Open Graph nécessaires dans les coulisses.
Facebook et d'autres plateformes sociales utilisent des balises OG (une forme de code) pour contrôler l'affichage de vos messages. Si ces balises sont manquantes, votre message risque de ne pas s'afficher correctement.
Apprenez à optimiser votre contenu pour les médias sociaux.
Considérations avancées sur le référencement des images
Nous avons partagé avec vous les étapes les plus importantes de l'optimisation des images. Une fois que vous aurez pris l'habitude d'optimiser vos images et le référencement de vos pages, le processus ira plus vite et deviendra comme une seconde nature.
Ci-dessous, j'ai fourni des conseils supplémentaires pour ceux qui souhaitent explorer des sujets plus avancés sur le référencement des images.
Formats d'image
Dans sa documentation sur le référencement des images, Google énumère les types de fichiers image qu'il prend en charge.
Types de fichiers pris en charge: BMP, GIF, JPEG, PNG, WebP et SVG
De nombreuses images sont déjà au format PNG ou JPG.
Toutefois, l'utilisation du format d'image WebP de Google présente des avantages. Cette norme utilise la compression avec et sans perte pour réduire la taille des fichiers d'environ 30 %. Le chargement des images s'en trouve accéléré.
Si vous êtes un débutant en matière de technologies web, ne vous inquiétez pas. Mais si vous êtes un utilisateur intermédiaire ou avancé, envisagez de convertir vos images en WebP.
Conversion des types de fichiers dans un CDN d'images
Pour ceux qui utilisent un CDN d'images comme Cloudinary ou ImageKit, vous pouvez facilement sélectionner votre format d'image préféré avant de publier.
L'exemple ci-dessous provient de mon compte Cloudinary.
- La capture d'écran à droite a été téléchargée sous la forme d'un fichier PNG.
- À gauche, vous voyez le menu déroulant qui vous permet de changer le type de fichier de l'image, y compris en WebP.
Optimiser les temps de chargement des pages pour le référencement des images
Les images sont souvent responsables de la lenteur du chargement des pages.
La taille des fichiers des images téléchargées à partir de sites de photos de stock est souvent énorme.
Mettre cette image sur votre site, c'est comme faire entrer un éléphant dans une Fiat 500. Quelque chose doit céder, et ce qui cède généralement, c'est la vitesse du site.
Vous vous souvenez de la photo du cochon dans l'eau que nous avons partagée ? Elle pesait plus de 2 Mo. À titre de comparaison, même 1 Mo est énorme.
Alors, que peut-on faire ?
Compression d'images
Tout d'abord, il faut savoir que la réduction de la taille des fichiers d'image ne signifie pas que l'on renonce à une haute résolution. Il est possible de compresser les images et d'obtenir une résolution de haute qualité en grand format.
Il existe de nombreuses recommandations populaires à ce sujet, comme l'utilisation de TinyPNG.com pour la compression des images. Pour les sites de photos à très haute résolution, vous pouvez également utiliser un outil de capture d'écran, comme SnagIt, pour prendre une capture d'écran de l'image au lieu de la télécharger.
Nous vous recommandons d'utiliser un plugin WordPress qui compresse et met en cache automatiquement vos images, comme WP Rocket.
Chargement paresseux: De nombreux plugins de compression d'images intègrent également le chargement paresseux. Ce processus donne la priorité au chargement des images en haut de la page, car les visiteurs les verront en premier.
Les images situées plus bas dans la page sont chargées en succession rapide.
Si un utilisateur fait défiler la page rapidement, avant que toutes les images ne soient chargées, il verra une version floue de chaque image qui deviendra progressivement nette.
C'est beaucoup mieux qu'à l'époque de l'internet où un "x" rouge apparaissait à la place des images qui n'avaient pas encore été chargées. Cela donnait l'impression que les pages web étaient défectueuses.
Le chargement paresseux offre une meilleure expérience à l'utilisateur, car il donne l'impression que votre page se charge instantanément, alors que le navigateur continue d'analyser les images situées plus bas dans la page.
Renseignez-vous également sur le type de cache proposé par votre hébergeur.
Réseaux de diffusion de contenu (CDN)
La plupart des hébergeurs utilisent des CDN (content delivery networks), qui peuvent accélérer le chargement des images.
Les CDN stockent des copies de votre site dans différents lieux géographiques, de sorte que la version la plus proche de l'utilisateur est celle qui se charge.
J'aime comparer cela à la livraison de pizzas. Lorsque vous commandez une pizza Domino's à New York, vous ne voulez pas qu'elle vous soit livrée de Los Angeles. Vous voulez qu'elle vous soit livrée par le Domino's le plus proche de chez vous.
Vérifiez si votre plan d'hébergement utilise un CDN. Si ce n'est pas le cas, optez pour un plan qui en utilise un.
Besoin d'un site web rapide ? Nous vous recommandons SeedProd. Leurs modèles sont conçus pour se charger rapidement et obtiennent un score élevé sur Google PageSpeed Insights.
Questions et réponses sur le référencement des images
Les images de stock aident-elles ou nuisent-elles au référencement ?
Les images de stock peuvent générer du trafic via la recherche d'images, mais les résultats dépendent de l'utilisation. Si de nombreuses personnes utilisent la même image, vous aurez du mal à vous positionner pour cette image.
John Mueller, analyste chez Google, a fait remarquer que l'utilisation d'images de stock "n'a pas d'importance pour la recherche sur le web directement. Pour la recherche d'images, s'il s'agit de la même image que celle utilisée à de nombreux endroits, ce sera plus difficile".
Quelle est la différence entre JPG et JPEG ?
Ces deux acronymes sont utilisés comme extensions de fichiers pour identifier les images utilisant un type spécifique de compression avec perte qui suit les normes industrielles créées par le Joint Photographic Experts Group.
- .jpg était utilisé lorsque les extensions de fichiers d'images étaient limitées à 3 lettres.
- Le format .jpeg est apparu lorsque les restrictions ont été levées.
Comment optimiser les images des produits ?
Pour optimiser les images de produits, suivez les meilleures pratiques décrites sur cette page. Veillez également à ajouter le schéma de produit à la page web sur laquelle apparaissent vos images.
Utilisez des images qui transmettent avec précision les attributs du produit, tels que la couleur, la texture et la taille.
Comment la taille des images est-elle mesurée ?
Taille du fichier: La taille du fichier d'une image est mesurée en octets. Vous verrez probablement KB ou MB à côté de la taille du fichier. KB signifie kilo-octets et MB méga-octets. Un kilo-octet contient 1024 octets. Un mégaoctet contient 1 024 kilo-octets.
Dimensions des images: Les images sont également mesurées en fonction de leur largeur et de leur hauteur. Ces dimensions sont mesurées en pixels. Une image dont les dimensions sont de 750 x 300 pixels correspond à une image de 750 pixels de large et de 300 pixels de haut.
Le redimensionnement des images est un terme utilisé pour modifier la taille du fichier par compression ou pour modifier ses dimensions d'affichage.
Les thèmes WordPress fournissent souvent automatiquement plusieurs dimensions possibles pour une seule image, indiquées par :
- Grandes dimensions
- Moyen
- Petit
- Vignette
Comment fonctionnent les images réactives dans WordPress ?
WordPress propose automatiquement 4 dimensions possibles pour une seule image, indiquées par :
- Pleine taille (qui correspond à la taille originale de l'image téléchargée)
- Grandes dimensions
- Moyen
- Vignette
Lorsqu'un utilisateur clique sur une page, le code WordPress propose au navigateur web quatre options, lui permettant d'afficher celle qui correspond le mieux à la résolution et à la largeur de l'écran de l'utilisateur.
Google indique que les images nécessitent un code HTML approprié. Dois-je l'ajouter moi-même ?
Si vous utilisez un système de gestion de contenu (CMS) moderne comme WordPress, Drupal ou Squarespace, vous n'avez pas besoin d'ajouter du HTML à vos images. En fait, je ne connais pas un seul CMS qui ne s'en charge pas automatiquement. C'est d'ailleurs l'une des raisons d'utiliser un CMS.
Specifically, Google states, “Using standard HTML image elements helps crawlers find and process images. Google parses the HTML <img> elements (even when they're enclosed in other elements such as <picture> elements) in your pages to index images . . .”
When you add an image to WordPress or other user-friendly platforms, the <img> element will be automatically added to the code along with attributes like src (the source, i.e., URL for the image) and alt (alt text).
Voici un exemple simplifié de ce que cela pourrait donner.
<img src=”https://mydomain.com/wpcontent/uploads/2023/12/nyc-sunset.jpg” alt=”new york city sunset” />
WordPress met également à la disposition des navigateurs plusieurs dimensions de la même photo, et c'est celle qui correspond le mieux à la taille de l'écran de l'utilisateur qui s'affiche. (Pour les étudiants en HTML : l'attribut srcset est utilisé pour cela).
Ressources sur le référencement des images
Vous souhaitez en savoir plus sur le référencement des images ? Voici quelques ressources pratiques.
- Guide du débutant pour le référencement des images
- Comment rédiger un texte Alt pour les images
- Comment charger les images paresseusement dans WordPress (2 méthodes)
- Comment ajouter un CSS personnalisé à votre Image Slider WordPress
- Yoast vs. RankMath vs. All in One SEO : Lequel est le meilleur ?
Après avoir maîtrisé le référencement des images .
Maintenant que vous avez appris à optimiser les images pour augmenter le trafic, quelle est la prochaine étape ?
Découvrez comment un fabricant d'électronique a augmenté son trafic en utilisant Google Image Search. Apprenez-en plus sur le référencement des vidéos WordPress. Et n'oubliez pas de planifier les conversions.
Abonnez-vous à notre chaîne YouTube pour obtenir de courts tutoriels sur le référencement de WordPress. Et suivez-nous sur X (Twitter), LinkedIn ou Facebook pour rester dans la boucle.
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.
