Image SEO : comment optimiser les images pour la recherche

Il y a bien plus à rechercher que 10 liens bleus. MozCast montre que plus de 36 % des recherches incluent des images.

Sans parler de toutes les recherches effectuées à l'aide de Google Image Search. C'est une énorme quantité d'engagement potentiel sur le site Web pour les marques. Cependant, de nombreux créateurs de sites Web ne passent pas de temps à optimiser les images qu'ils utilisent pour leur site - ils pensent qu'une simple ligne de texte alt suffit à satisfaire l'algorithme complexe de référencement d'images de Google.

Mais l'algorithme de Google devient chaque jour plus intelligent.

Heureusement, l'optimisation des images de votre site Web pour la recherche ne nécessite pas d'innombrables heures de mise en œuvre de stratégies et de formules de référencement complexes. L'optimisation des images pour le référencement nécessite quelques étapes simples. En vous concentrant sur des facteurs tels que la taille, la vitesse, la description et le contenu des images, vous pouvez offrir une meilleure expérience utilisateur et aider Google à définir et à organiser vos images.

Optimisation des images pour l'expérience utilisateur

Bien que tous les stratèges SEO souhaitent que leur contenu soit bien classé sur Google, il est important de créer un contenu qui offre une excellente UX (expérience utilisateur). Plus vous fournissez une meilleure UX, plus la probabilité d'engagement et de conversions est élevée. C'est pourquoi la meilleure optimisation d'image inclut le contexte, la pertinence et la qualité du site.

Voici comment vous pouvez optimiser les images pour l'expérience utilisateur.

Tenez compte du placement de l'image

La sélection de l'endroit où vous placez une image sur une page Web influence le plus le contexte et la pertinence. De nombreux créateurs de sites ajoutent une image ou deux dans des sections aléatoires de leur page Web pour décomposer le texte. Mais cela peut finir par semer la confusion et distraire votre public. Les images doivent être placées près du texte le plus pertinent pour fournir un contexte aux visiteurs. Remarquez comment l'image dans la section suivante se rapporte au texte. Cela aide également Google à fournir des images appropriées aux requêtes de recherche associées.

Utilisez des images uniques et de haute qualité

Les photos de stock sont les incontournables de nombreux propriétaires de sites Web. Après tout, ils sont souvent gratuits, faciles à utiliser et il y en a forcément un ou deux qui sont pertinents pour votre site. Le problème est que tous les autres créateurs de sites Web font probablement la même chose, ce qui signifie que les images de stock que vous utilisez se trouvent probablement sur dix autres sites comme le vôtre.

Comme l'explique John Mueller de Google, "si vous essayez de vous classer dans Google Images, utiliser la même image que sur de nombreux autres sites ne vous sera d'aucune utilité".

Dans le cadre de votre flux de travail d'optimisation, envisagez de créer vos propres images uniques qui seront utilisées uniquement pour votre site. Investir dans des photos de haute qualité peut entraîner un taux d'engagement beaucoup plus élevé, surtout si vous avez une boutique de commerce électronique où des photos de produits attrayantes sont une nécessité.

Garantir la convivialité mobile

L'utilisation mobile représente plus de 50 % de tout le trafic Web , il est donc impératif que vous rendiez vos images adaptées aux mobiles. Google propose un test simple et adapté aux mobiles qui analyse votre page Web et la teste pour une utilisation mobile, vous offrant des conseils sur la façon dont vous pouvez mieux optimiser les images. Pour les pages qui échouent à ce test, envisagez d'utiliser des images réactives qui s'adaptent à la taille en fonction de l'appareil avec lequel un utilisateur y accède.

En règle générale, une combinaison de HTML, CSS et Javascript est utilisée pour fournir la taille d'image correcte en fonction de l'appareil. La plupart des sites sont déjà adaptés aux mobiles. Si vous travaillez sur un site très ancien ou si vous n'êtes pas sûr, ajustez simplement la largeur de votre navigateur Web. Vous devriez voir l'échelle des images lorsque la taille de la fenêtre du navigateur change. Vous pouvez en savoir plus sur la création d'images réactives dans ce guide .

N'oubliez pas la qualité du site

L'optimisation des images n'est qu'une partie de la garantie d'une expérience utilisateur exceptionnelle. Avoir d'autres contenus de haute qualité sur votre page Web augmente encore sa pertinence et son utilité. Lors de l'examen de la qualité d'un site , Google examine de nombreux facteurs différents, notamment la sécurité, l'expertise, la valeur, la fiabilité et l'organisation. Plus votre page Web est développée dans son ensemble, plus le bénéfice pour les internautes est important et plus il est probable que Google s'y intéresse.

Comment optimiser les images pour la vitesse

Selon un rapport de Google , la probabilité que les visiteurs quittent une page Web augmente de 32 % lorsque "le temps de chargement de la page passe de 1 seconde à 3 secondes". Cette statistique élevée montre que la vitesse de chargement est un facteur influent dans le succès des pages Web. Et rien ne ralentit plus une page qu'une image qui prend trop de temps à charger.

Heureusement, il existe plusieurs façons d'optimiser votre image pour une meilleure vitesse de chargement des pages.

Choisissez le bon format d'image

Choisir le bon format d'image est la première étape pour s'assurer que votre image se chargera rapidement et correctement. Mais comment déterminez-vous quel format d'image est le meilleur pour l'optimisation de la vitesse ? La première étape consiste à examiner les options qui s'offrent à vous en tant que formats d'image pris en charge par Google.

1. PNG : les formats PNG sont généralement utilisés pour les graphiques, les captures d'écran ou les images qui nécessitent la préservation de la transparence de l'arrière-plan.
2. JPEG : Le plus connu des formats d'image, JPEGS convient aux grandes photos ou illustrations.
3. SVG : Idéal pour tous les logos ou icônes personnalisés pouvant être visualisés dans différentes tailles.
4. WebP : La meilleure option pour des résultats de haute qualité pour des images de plus petite taille.
5. BMP : Considéré plus comme une option obsolète, BMP est utilisé pour les images bitmap.
6. GIF : Pour déplacer des graphiques ou des animations.

Il y a un grand débat avec l'optimisation des images pour savoir si les GIF ou les vidéos sont meilleurs du point de vue de l'optimisation. Les deux formats ont leurs avantages et leurs inconvénients. Les vidéos ont tendance à recevoir l'un des taux d'engagement les plus élevés - près de 70% des consommateurs sont plus susceptibles d'acheter un produit après avoir regardé une vidéo à ce sujet. Dans le même temps, les vidéos ont tendance à prendre plus de temps à se charger que les gifs, ce qui peut ralentir la vitesse de la page. Lequel choisir dépendra des autres éléments qui se trouvent sur votre page Web. S'il contient beaucoup de texte, envisagez d'utiliser uniquement des GIF. Si vous en avez moins sur votre page, vous pouvez utiliser la vidéo en toute sécurité sans sacrifier la vitesse de chargement.

Rappelez-vous le taux de compression d'image

Une fois que vous avez choisi le bon format, vous devez également tenir compte du taux de compression de l'image. Trop de compression d'image peut entraîner une mauvaise qualité d'image, tandis qu'une compression trop faible entraînera une taille de fichier énorme. De nombreux sites et applications de retouche photo vous permettent d'expérimenter des tailles de compression. Google a fourni un guide sur les méthodes de compression que vous pouvez appliquer à vos images, couvrant des termes tels que la compression avec perte.

Gardez à l'esprit qu'il n'y a pas de "bonne réponse" pour ce à quoi devrait ressembler la taille de votre fichier d'image de compression - mais quatre-vingts pour cent est un bon point de départ. Il est très peu probable que vous remarquiez une dégradation de la qualité de l'image, sauf dans les cas les plus critiques.

Envisagez d'utiliser un plugin WordPress pour l'optimisation des images. Pour le blog MarketMuse, nous utilisons Kraken . Une fois configuré, il compresse automatiquement les images au fur et à mesure qu'elles sont téléchargées sur le CMS. C'est parfait pour créer un flux de travail efficace.

Choisissez les bonnes dimensions d'image

La diffusion d'images aux bonnes dimensions est la dernière étape pour s'assurer que les images n'ont pas d'impact négatif sur la vitesse de chargement des pages et la convivialité. La diffusion d'images surdimensionnées est un gaspillage de bande passante et ajoute une surcharge inutile. La plupart des systèmes de gestion de contenu s'en chargeront pour vous, mais vous devez toujours disposer d'une image originale de taille appropriée pour commencer.

L'outil d'inspection du navigateur Chrome peut vous aider à déterminer rapidement la taille appropriée. La taille de rendu correspond aux dimensions auxquelles l'image est affichée. Sur le blog MarketMuse, la largeur de colonne est de 760 pixels, ce qui correspond en fait à la largeur maximale à laquelle une image s'affichera. La taille intrinsèque est la taille de l'image qui a été téléchargée sur WordPress (notre CMS). Habituellement, la largeur intrinsèque ne doit pas être supérieure à celle rendue.

L'exception à la règle concerne les captures d'écran dans lesquelles vous souhaitez que les visiteurs voient tous les détails qui leur manqueront dans une image de plus petite taille. Par exemple, sur le blog MarketMuse, nous montrons souvent des captures d'écran de notre plateforme. Mais il est souvent difficile de discerner des caractéristiques particulières avec précision en raison de la restriction de largeur de colonne de 760 pixels.

Ainsi, l'image d'origine (dans ce cas, 1644 pixels de large) est téléchargée sur WordPress et servie dans la plus petite largeur de 760 pixels. Lorsque les lecteurs cliquent sur l'image, elle s'ouvre en taille réelle où les détails peuvent être vus dans toute leur splendeur.

Note rapide : Lorsque la compression d'image ne suffit pas, envisagez d'utiliser un CDN (réseau de diffusion de contenu). Un CDN est un groupe de serveurs répartis géographiquement qui fonctionnent ensemble pour fournir une livraison rapide de contenu Internet. Cette différence de vitesse peut être assez importante et le coût est minime et dans certains cas gratuit. Lisez ce guide de Cloudflare pour en savoir plus.

Référencement d'images pour la découverte

Les images ne peuvent pas être classées sur Google si elles ne sont pas découvertes. Deux éléments peuvent aider à cet égard ; un sitemap d'image et des balises sémantiques.

Utiliser des sitemaps d'images

Qu'est-ce qu'un sitemap d'images et comment aide-t-il Google à découvrir vos images ? Un sitemap d'image est un sitemap XML dédié à la liste de toutes les URL d'images d'un site. Un sitemap est essentiellement un plan qui aide Google à trouver, comprendre et explorer les URL pertinentes sur votre site.

Techniquement, vous n'avez pas besoin d'un sitemap. Vous pouvez simplement soumettre des URL via Google Search Console. Mais il est beaucoup plus efficace d'en avoir un, surtout lorsqu'il est mis à jour automatiquement au fur et à mesure que le nouveau contenu est mis en ligne.

Pour le blog MarketMuse, nous utilisons RankMath , un plugin WordPress qui gère les sitemaps parmi une foule d'autres tâches de référencement. C'est à peu près réglé et oublié. Ce guide de Google sur la création d'un sitemap peut être utile si vous devez en créer un manuellement.

Considérez le balisage sémantique

Au départ, l'expression « balisage sémantique » peut sembler initialement compliquée. Heureusement, ce n'est pas un logiciel trop complexe dont vous devez vous soucier. Le balisage sémantique fait référence au balisage de contenu, ou HTML, d'une page spécifique. Il aide les humains et les moteurs de recherche à mieux comprendre le contenu d'une page. Cela le rend idéal pour l'optimisation de l'image.

Tout HTML doit transmettre des informations qui décrivent votre site pour les ordinateurs et les êtres humains. Lisez le point de vue de Google sur les balises sémantiques pour HTML pour les meilleurs trucs et astuces sur le sujet.

Optimisation des images SEO pour l'indexation

Vous pouvez faire certaines choses pour vous assurer que Google indexe avec précision vos images.

Soyez descriptif

L'inclusion de titres descriptifs, de descriptions et de noms de fichiers dans votre site aide Google et les utilisateurs à mieux comprendre votre site. La meilleure façon de s'assurer que tous vos éléments de texte sont descriptifs est de placer stratégiquement vos mots-clés dans le texte qui sera mis en évidence dans le moteur de recherche . De plus, gardez des descriptions de texte courtes mais efficaces - en évitant d'utiliser des symboles comme des traits de soulignement, car les algorithmes de Google ne les reconnaissent pas. Chaque mot que vous utilisez doit servir un objectif pour un résultat de recherche.

Intégrer des données structurées

Pour vous aider à obtenir des résultats riches sur Google, incluez des données structurées dans vos images lorsque cela est possible. Avec des résultats riches, Google peut fournir des badges qui donnent aux utilisateurs des informations supplémentaires pertinentes sur votre page pendant qu'ils effectuent une recherche d'images. Google prend en charge les données structurées pour les produits, les vidéos et les recettes.

De plus, Google a des directives détaillées sur les données structurées qui décrivent l'ensemble du processus d'incorporation de données structurées dans le référencement de votre image, sur lesquelles vous pouvez en savoir plus ici . Les conseils les plus importants sont de maintenir vos informations et données à jour et de ne pas inventer de données non pertinentes susceptibles d'induire les utilisateurs en erreur.

Utiliser les balises alt

Si une image ne se charge pas sur votre page, un texte alternatif apparaîtra à la place pour décrire votre image. De plus, pour les personnes malvoyantes accédant à votre site, cette balise alt peut également les aider à comprendre ce qui se trouve dans l'image Google. Enfin, l'utilisation du bon texte alternatif fournit des informations supplémentaires pour aider Google à mieux comprendre l'image et la page sur laquelle elle se trouve.

Il existe quelques conseils clés pour rédiger un bon texte alternatif qui optimise votre image.

• Utilisez vos mots-clés cibles : L'ajout de vos mots-clés cibles dans le texte alternatif est le principal moyen d'associer votre site à des sujets pertinents et d'augmenter votre visibilité sur un moteur de recherche.
• Soyez bref : 80 à 125 caractères (environ 16 mots) pour une accessibilité maximale . Jusqu'à 50 mots pour le classement dans Google Image Search.
• Débarrassez-vous des phrases inutiles : ne commencez jamais une balise alt par des phrases telles que "Ceci est une image de ____" ou "Ceci est une photo de ____". Ceci est redondant et occupe un espace central. Allez directement à la source de l'image pour plus de brièveté et de clarté.

Note rapide : Une question courante en matière d'indexation est de savoir si Google indexe les images CSS. La réponse est non. John Mueller de Google a déclaré qu'il valait mieux utiliser des balises d'image normales et avec l'attribut alt pointant vers l'image.

Les plats à emporter

L'optimisation des images pour la recherche d'images est une autre stratégie de référencement à mettre en œuvre lorsque vous travaillez à la création de pages Web utiles et pertinentes. Comme vous pouvez le voir, le référencement d'images couvre de nombreuses facettes. Pour bien vous classer sur Google Image Search, vous devez tenir compte de la taille, de la vitesse, du contenu, du format et des données associées de l'image. De plus, vous assurer de créer un texte alternatif descriptif, des titres et du texte sur la page aide à créer une meilleure page Web dans son ensemble. Effectuée correctement, l'optimisation des images peut conduire à un meilleur classement de recherche et à un site Web sur lequel les utilisateurs reviendront encore et encore.