L’optimisation des images pour le SEO est un point important qu’aucun webmaster ou référenceur ne doit négliger. Une connexion Internet rapide et les écrans haute résolution sont en effet devenus la norme dans la vie quotidienne d’aujourd’hui.
C'est pourquoi les images et les contenus visuel sur les sites Web prennent de plus en plus d'importance. Ils montrent le produit à l'utilisateur, soutiennent le texte courant et visualisent le contenu. En outre, les graphiques et les diagrammes peuvent afficher rapidement et facilement des contenus complexes.
Un point important qui est souvent ignoré est la façon dont la recherche d'image de Google peut générer un précieux trafic. Pour que vos propres images et graphiques y apparaissent, il y a quelques éléments à considérer. De plus, les images ont également un impact direct sur la performance d'un site Web. Découvrez dans cet article les éléments à prendre en compte lors de l'optimisation des images à des fins de SEO.
Les images sont toujours intégrées à l'aide d'un code HTML : cela n'a guère changé ces dernières années. Cependant, c’est la façon dont les images sont intégrées dans un site Web qui a changé : c'est entre-temps devenu automatisé. Les outils CMS comme WordPress ou Joomla permettent généralement d'insérer des images à l'emplacement respectif par copier-coller. Le code HTML est automatiquement généré dans le backend. Celui est composé de différents attributs. Les attributs le plus souvent employés sont
Le nom du fichier source est précisé via l'attribut src. Celui-ci indique le chemin de l'image et est précisé par rapport à la position de l'image sur la page Web. Si les images sont stockées sur un serveur externe, son adresse complète sera indiquée, par ex. https://www.exemple.fr/images/logo.png
<img src=”https://www.exemple.fr/images/exemple-fichier-image.jpg”>
En général, il est recommandé de stocker les images sur ses propres serveurs afin de protéger les fichiers contre tout accès non autorisé et d'avoir un contrôle total sur les fichiers.
Les attributs alt et title ont deux fonctions. D'un côté, ils fournissent des informations pour les lecteurs d'écran et permettent d'accéder au site Web. D'un autre côté, ils sont très importants pour apparaître dans la recherche d'images de Google. Ils fournissent aux robots du moteur de recherche des informations importantes sur le contenu de l'image. Google recommande expressément d'utiliser les éléments pour apparaître dans la recherche d'images. Ces deux éléments font partie intégrante de l'optimisation des images pour le référencement.
Lors de l'utilisation de systèmes CMS, la structure des dossiers est automatiquement déterminée par le système respectif. Selon les paramètres, par exemple, les images sont organisées par date de téléchargement. En outre, le webmaster n'a accès qu'aux fichiers mais pas au dossier lui-même. Ce n'est plus un problème car il est important que les dossiers soient situés au-dessus du « root-directory », c'est-à-dire le répertoire racine, lorsqu'ils sont récupérés par un navigateur.
La protection des fichiers d'images est plus importante. Il ne s'agit pas ici de protéger directement les fichiers mais plutôt de protéger les dossiers environnants contre les accès non autorisés. Cela se fait via le fichier htaccess. Il définit les droits d'accès aux programmes et aux utilisateurs.
Illustration 1 : Enregistrer les images selon une structure de dossier
La dénomination des fichiers est encore plus importante pour le SEO des images. Le nom de fichier original ne doit pas être conservé ici. Le nom du fichier ne joue certes aucun rôle dans le fonctionnement du site Web, mais il a cependant une importance d'un point de vue SEO lors de l'indexation des images. Les images dont le nom de fichier contient un mot-clé ont une meilleure chance d'être bien classées dans la recherche d'images. De plus, une dénomination de fichier correcte et cohérente facilite l'organisation des images. Le mot-clé doit également refléter le contenu de l'image. L'époque où le bourrage de mot-clé fonctionnait aussi pour les noms de fichiers d'images est révolue. Lors de la séparation des mots, seuls les traits d'union doivent être utilisés et non les tirets bas, aussi appelés underscore. Une des raisons à cela est d'obtenir une structure URL propre, ce que Google recommande aussi.
Il est également important d'utiliser les mots-clés dans les balises alt et title. Ainsi, la relation entre le texte et les images est montrée aux robots des moteurs de recherche. Les moteurs de recherche sont conçus pour les reconnaître. Il en résulte que les images et leur contenu sont placés sur des passages de texte appropriés. Cela sert non seulement le moteur de recherche mais aussi l'expérience l'utilisateur.
La façon dont l'optimisation SEO des images doit être effectuée dépend également du type de fichier image. Celui-est disponible en différentes tailles et formats de fichiers. Les navigateurs modernes peuvent afficher de nombreux formats de fichiers.
Au cours des dernières années, plusieurs formats de fichiers se sont imposés et sont devenus la norme. Cependant, cette évolution ne s'arrête pas non plus.
Le format JPEG est le format de fichier image classique. Ce format date de 1992. Comme d'autres formats tels que PNG ou GIF, il appartient au graphiques à trame. Les différents pixels d'une image sont disposés dans une trame et suivent une structure fixe. Les images JPEG sont polyvalentes et conviennent particulièrement bien aux photos riches en couleurs et en contrastes.
Comme le format JPEG, le PNG est un graphique à trame. Il date de 1994 et a été développé comme une alternative au format GIF. À l'époque, il était protégé par un brevet. Le format de fichier est disponible en deux variantes : PNG8 et PNG24. Le format PNG8 ne peut afficher que 256 couleurs. Le format PNG24, lui, affiche 16,7 millions de couleurs, tout comme le JPEG.
La principale différence entre le PNG et le JPEG est la possibilité d'afficher des zones transparentes. De plus, les fichiers PNG sont compressés sans perte. Cela n'est pas possible avec le format JPEG. Cependant, cela augmente également la taille des fichiers images. Ils sont donc adaptés à l'affichage de logos ou de textes.
Il est donc possible d'intégrer des fichiers SVG directement dans le code HTML d'une page Web. Le navigateur charge alors directement les graphiques et, en soi, aucun fichier du serveur comme les formats JPEG ou PNG. Cela a un effet positif sur les temps de chargement du site Web car moins de requêtes doivent être échangées entre le navigateur et le serveur. En outre, les fichiers SVG peuvent être mis à l'échelle sans perte. Ceci n'est pas possible avec les fichiers JPEG ou PNG. Les fichiers SVG sont donc particulièrement adaptés aux logos ou aux graphiques.
Cependant, l'intégration directe dans le code HTML a aussi un inconvénient. Les fichiers SVG ne sont pas considérés comme étant très sécurisés. Le format présente des failles de sécurité inhérentes et des scripts malveillants peuvent se propager. Ceux-ci peuvent nuire à la performance d'un site Web et ainsi créer une mauvaise expérience utilisateur. Par conséquent, les signaux d'utilisateur pertinents pour le classement peuvent se détériorer.
| Format de fichier | Avantages | Inconvénients |
|---|---|---|
| JPEG |
|
|
| PNG |
|
|
| SVG |
|
|
La taille du fichier image joue également un rôle dans la performance du site Web. L'optimisation des images ne consiste pas seulement à nommer et à entretenir correctement les balises. La résolution du fichier est également importante car elle détermine directement la taille du fichier.
Un fichier plus volumineux nécessite plus de ressources à la fois sur le serveur et lors du chargement du fichier. Il est donc important de garder les dossiers aussi petits que possible et aussi grands que nécessaire. Les images pixelisées ou floues sont en effet tout aussi peu attrayantes pour l'utilisateur que les longs temps de chargement. Il est peu judicieux d'insérer un fichier d'une longueur de bord de 1000 pixels dans un élément dont la longueur de bord n'est que de 500 pixels. Toutefois, les images ne doivent pas être sauvegardées trop petites. Des fichiers trop petits sur lesquels l'utilisateur ne reconnaît pas le contenu n'apporteront pas non plus une bonne contribution au trafic et au classement, les signaux utilisateur jouant également un rôle dans le classement des images. Si l'utilisateur ne reconnaît rien ou que peu sur l'image, il quittera également la page. Cela vaut notamment pour la recherche d'images. Les petites vignettes ou les images floues sont peu susceptibles de générer du trafic avec le second clic dans la recherche d'images.
La taille pure du fichier est particulièrement importante par rapport au référencement mobile et à l'utilisation accrue des smartphones. Les utilisateurs de smartphone sont généralement plus impatients et quittent le site rapidement si les temps de chargement sont trop longs. L'optimisation des images et surtout de leur taille de fichier peut rapidement entraîner une meilleure performance. Ce fait important ne doit pas faire oublier que la vitesse de la page mobile est introduite depuis 2018 comme facteur de classement.
Les PNG, JPEG ou SVG se sont établis. Néanmoins, le développement des formats de fichiers d'images se poursuit. Les formats JPEG 2000 et JPEG XR, par exemple, sont de nouveaux développements du format JPEG original. Ils offrent la même qualité pour les petits fichiers. De plus, le format JPEG XR supporte la transparence tout comme le format PNG.
En plus de ces améliorations, de nouveaux formats de fichiers sont en cours de développement. L'objectif principal est de maintenir la taille du fichier sans compromettre la qualité. Les développements actuels comprennent les formats FLIF (Free Lossless Image Format) et HEIF (High Efficiency Image File).
Un problème dans ce contexte est la prise en charge jusqu'ici à peine existante par les navigateurs connus. Des outils tels que Can I use peuvent être utilisés pour vérifier la compatibilité de différents formats de fichiers avec différents navigateurs.
Ces deux attributs sont les éléments les plus importants pour le SEO du contenu des images. Ils fournissent aux moteurs de recherche les informations et les conseils nécessaires pour rendre le contenu des images accessibles. La recherche d'images est finalement toujours basée sur le texte, c'est-à-dire sur les informations provenant du nom du fichier, de la balise title et de l'attribut alt. Le moteur de recherche capture le contenu d'une image. L'entretien de ces balises est donc toujours très important.
<img src”...” alt=”description de l'image”/>
<img src”...” alt=”...” title=”ici titre de l'image” />
La manière d'entretenir et d'utiliser de façon optimale la balise titre et l'attribut alt est décrite dans L'API Cloud Vision de Google et montre l'importance des métadonnées correctement marquées. Vous pouvez voir ici combien d'informations peuvent déjà être lues à partir d'images. Si les métadonnées et le contenu détecté entrent en conflit, cela peut avoir des effets négatifs sur le classement des images. Il est tout aussi important de placer correctement l'image dans le texte continu.
Google détecte la relation entre le contenu de l'image et le texte continu environnant via les balises. Les images ou les graphiques doivent donc être placés aux endroits appropriés dans le texte continu. Dans l'idéal, le mot-clé apparaît également dans le texte. De cette façon, la relation factuelle entre le texte et l'image est également clarifiée pour le crawler de Google. Bien entendu, les meilleures pratiques actuelles en matière de création de contenu doivent être respectées. Si l'image ou le graphique est proche d'un titre, la référence est à nouveau renforcée. En outre, le texte est mis en valeur par un placement approprié. L'utilisateur reçoit une représentation visuelle du contenu du texte ou du paragraphe à un endroit approprié.
Les données EXIF sont des métadonnées qui sont automatiquement créées dans l'appareil photo. Elles comportent, par exemple, des informations sur le modèle d'appareil photo ou les réglages de l'appareil photo. Des données telles que la position GPS ou la date peuvent également être incluses. Les informations sur les droits d'auteur et l'auteur sont cependant plus importantes. Celles-ci peuvent être ajoutées à l'aide d'un logiciel approprié. Mais le rôle de ces données dans l'optimisation SEO des images est très faible, comme le montre cette vidéo de Matt Cutts.
Vidéo : Matt Cutts explique les données EXIF
Les données EXIF sont lues par Google mais ne sont plus affichées dans les résultats de recherche. On ne sait pas non plus si ces données sont pertinentes pour le classement. Les données EXIF ne doivent pas être supprimées une fois qu'elles existent. Ce n'est toutefois pas un inconvénient si elles ne sont pas spécifiées. L'utilisation de données EXIF supplémentaires est donc davantage un outil pour localiser l'origine et le créateur original d'une i mage. Cela peut s'avérer payant avec des images et des graphiques créés par l'utilisateur.
Le mode de fonctionnement de la recherche d'images de Google est très similaire à la recherche normale sur le Web. Pour les images, l'information est extraite des balises mentionnées. Le classement de la recherche d'images se compose de ces informations et de la pertinence du site Web. L'optimisation selon les critères mentionnés augmente les chances d'apparaître dans la recherche d'images de Google et de l'utiliser comme source de trafic.
Illustration 2 : Aperçu de la recherche d'images Google pour un certain thème de recherche
Les dernières modifications de la recherche d'images de Google pour prendre en charge les droits d'auteur renforcent cet effet. Il n'est donc plus possible de télécharger facfilement des images protégées par licence. Un utilisateur/un designer doit désormais visiter le site Web original d'une image. Si, par exemple, des photos commerciales sont proposées sur le site Web, cela peut être d'une grande aide pour augmenter le nombre de visiteurs. La recherche d'images peut également être une source importante de trafic pour les boutiques en ligne. Dans la recherche universelle notamment, la Google OneBox est très importante pour les images. Si vos propres images y sont affichées, le trafic peut être augmenté au-delà de la recherche d'images. Les conditions requises sont l'optimisation constante et le placement approprié des images sur votre propre site Web.
En outre, des images techniquement optimisées contribuent à la performance et à l'expérience utilisateur. Les temps de chargement sont optimisés et améliorés. Des images et des graphiques attrayants soutiennent les arguments de vente et les déclarations générales dans des textes continus. Des photos convenables et de bonne qualité sont indispensables pour une page Web visuellement plaisante.
Le mot à la mode le plus important en relation à l'optimisation SEO des images est « Visual Search ». Une recherche d'images basée sur les informations de l'image et non plus sur des informations textuelles. Le projet Google Lens sur les smartphones Android donne un avant-goût des possibilités de recherche visuelle. L'API Cloud Vision, déjà mentionnée, montre aussi ce qui est déjà possible en termes de recherche visuelle à l'aide de l'apprentissage machine.
En outre, les smartphones, tablettes et ordinateurs de bureau modernes sont équipés d'écrans à haute résolution. Les résolutions de l'ordre de 4K sont maintenant standard. Celles-ci posent de nouveaux défis pour l'optimisation technique des images dans le référencement. Le défi réside dans la taille des fichiers. Un fichier compatible avec écran Retina a au moins deux fois, voire trois à quatre fois la résolution du fichier réel. Ces résolutions élevées entraînent des fichiers plus volumineux.
Par conséquent, un espace de stockage plus grand est nécessaire et les temps de chargement augmentent. Il ne s'agit pas de mégaoctets mais de quelques centaines de kilo-octets. Ceux-ci peuvent avoir une grande influence sur la performance. Encore une fois, les fichiers d'images doivent être aussi grands que nécessaire et aussi petits que possible. Le développement des formats de fichiers FLIF et HEIF tient déjà compte de ce développement.
L’optimisation des images est une composante importante de l'optimisation moderne des moteurs de recherche, en termes de contenu via des balises et techniquement via la taille et le format de fichier. En plus de la recherche d'images, le contenu est également utilisé pour mieux comprendre et interpréter le contenu des textes environnants. L'entretien des balises alt et title ainsi que la résolution correcte et la taille du fichier associé sont très importants. L'effort est récompensé par de meilleures performances et une augmentation du trafic.
Même si les dernières modifications apportées à la recherche d’images de Google ne bénéficient pas nécessairement aux webmasters et au trafic de recherche d'images, l'optimisation des images ne doit pas être négligée. Plus de clics sont nécessaires pour passer de la recherche d'images à un site Web spécifique. Ce trafic est plus pertinent car les utilisateurs se trouvent probablement déjà plus bas dans l'entonnoir de conversion et veulent donc obtenir des informations encore plus ciblées.
Êtes-vous sûr à 100 % que votre site Web ne comporte aucune image défectueuse ?
Écrit le 20.08.2018 par Florian Kolbe.
Florian Kolbe travaille à Online Solutions Group à Munich. En tant que membre de l'équipe de marketing digital, ses tâches comprennent l'optimisation on et off page ainsi que l'optimisation des campagnes SEA. Il partage ses régulièrement ses fines connaissances sur le blog de l'agence ou en tant qu'auteur invité.
Suivi, analyse et optimisation de vos actifs numériques grâce à notre technologie unique
S’inscrire gratuitement