Guide
Optimisez votre référencement grâce à vos images
Améliorer vos images pour le SEO : pourquoi c’est essentiel ?
Les images jouent un rôle clé sur votre site web : elles attirent l’attention, enrichissent vos contenus et reflètent votre identité visuelle. Mais saviez-vous qu’elles peuvent aussi booster ou freiner votre référencement sur les moteurs de recherche ? 🤔
Une image mal optimisée peut ralentir votre site, nuire à l’expérience utilisateur et réduire vos chances d’apparaître en haut des résultats Google. À l’inverse, une bonne optimisation peut améliorer la vitesse de chargement, renforcer votre visibilité et même générer plus de trafic. 🚀
Dans cet article, je vous partage toutes les bonnes pratiques pour faire des images un véritable atout pour le SEO de votre site web. Du choix du format à l’utilisation des textes alternatifs, suivez le guide pour rendre vos visuels aussi performants qu’esthétiques !
Les principales directives de Google.
Les images jouent un rôle crucial dans l’optimisation de votre site web, tant pour l’expérience utilisateur que pour le référencement. Google propose des directives claires pour maximiser l’impact de vos visuels. Voici un résumé des recommandations clés à suivre :
1. Contexte de l’image
Assurez-vous que vos images sont accompagnées d’un texte explicatif pertinent. Ce texte doit contenir des mots-clés ciblés, idéalement intégrés dans les titres ou les sous-titres de la page où se trouve l’image. Cela aide Google à comprendre le contenu et le contexte de l’image.
2. Placement stratégique des images
Placez vos images près du texte pertinent et ajoutez une légende descriptive. Les images les plus importantes doivent être situées en haut de la page pour attirer l’attention des utilisateurs et des moteurs de recherche.
3. Noms de fichiers et URL descriptives
Utilisez des noms de fichiers explicites pour vos images, comme chaton-noir.jpg au lieu de IMG00023.JPG. Si votre site est traduit dans plusieurs langues, pensez également à adapter les noms de fichiers pour chaque version linguistique.
4. Données structurées
Selon la nature de votre contenu, utilisez des schémas de données structurées adaptés, comme Recipe, Article, ou Product. Ces balises aident Google à mieux comprendre vos visuels et leur contexte.
5. Aperçus d’images volumineuses
Pour autoriser Google à afficher des aperçus de grande taille, utilisez la balise max-image-preview:large dans vos méta-robots.
6. Balisage des licences d’image
Si vos images sont soumises à des droits d’utilisation spécifiques, ajoutez un balisage pour les licences via les données structurées ou les métadonnées des fichiers.
7. Optimisation pour la vitesse
Les images sont souvent les éléments les plus lourds d’une page. Pour réduire leur impact sur le temps de chargement, veillez à :
- Compresser vos fichiers.
- Activer le chargement différé (lazy-loading).
- Utiliser des images responsives adaptées à tous les écrans.
8. Sitemap d’images
Pour faciliter l’indexation de toutes vos images par Google, fournissez un sitemap dédié aux visuels.
9. Privilégiez le texte en dehors des images
Évitez d’intégrer du texte important dans vos images. Préférez l’inclure directement dans le contenu de la page. Cela garantit un meilleur référencement et une accessibilité accrue.
10. Utilisation des attributs ALT
Le texte ALT est indispensable pour décrire vos images, autant pour les moteurs de recherche que pour les utilisateurs ayant des limitations visuelles. Google lui-même s’appuie sur ces descriptions pour interpréter les visuels.
11. Qualité des images
Des images nettes et de haute qualité attirent davantage l’attention et favorisent le clic, surtout lorsqu’elles apparaissent sous forme de vignettes dans les résultats de recherche.
12. Compatibilité mobile
Avec une majorité de recherches d’images effectuées sur smartphone, il est crucial que votre site soit entièrement optimisé pour les mobiles. Une expérience fluide et rapide sur tous les appareils est essentielle pour un bon référencement.
13. Qualité globale du site
Enfin, rappelez-vous que la qualité globale de votre site (contenu pertinent, navigation intuitive, design attractif) influence également le classement de vos images dans les résultats de recherche.
En suivant ces bonnes pratiques, vous améliorerez non seulement la visibilité de vos images, mais aussi l’expérience utilisateur sur votre site. Une optimisation efficace des visuels est un atout précieux pour votre stratégie digitale !
En clair, que faut-il faire pour avoir des images "SEO friendly" ?
Décryptons ensemble les recommandations de Google pour vous aider à prendre de bonnes habitudes concernant vos images, pour votre site.
1. Choisissez des images originales :
Google n’aime pas et ne référence pas ou peu les images « peu originales ». Aussi, si vous utilisez des banques d’images, faites-le avec parcimonie et privilégiez les photos faites par vos soins ou celles d’un photographe.
2. Redimensionnez, allégez vos images :
C’est LA pratique « obligatoire » celle à mettre en place systématiquement. Il est inutile de charger des images de 4000 px alors que nos écrans n’en font pas plus de 2400 environ (pour les écrans 27 pouces) :
- 1600 px est la recommandation moyenne pour vos photos de produits en ligne, 1000 px pour des images standards,
- seules les images de « bandeau » appelés aussi header devront être optimisées à 2400 px si votre site s’affiche en « full width » (pleine page),
- pour vos logos, 150 à 300 px suffiront en fonction de la forme de votre logo,
- vos icônes, suivant leur emplacement et leur utilisation, feront entre 30 et 80 px,
- enfin le favicon (petite icône qui s’affiche dans l’onglet de vos pages navigateur) fera 512 x 512 px.
L’extension a aussi son importance dans le poids final de votre image :
- le jpg : Il est « léger » et pourra très bien convenir pour vos photos de produits sur WordPress par exemple.
S’il a l’avantage d’être facile à convertir, à intégrer à tous vos supports et logiciels de traitement de texte par exemple, il ne gère toutefois pas la transparence… et c’est là le gros point de différence… - le png : beaucoup plus gourmand et lourd, quant à lui sera plutôt votre ami pour vos logos, graphismes et illustrations. D’une meilleure qualité au rendu, vous pourrez en plus utiliser icônes et graphiques où bon vous semble.
- le WebP : un nouveau venu s’impose progressivement parmi les formats d’images traditionnels. Développé par Google, ce format combine les avantages du PNG et du JPEG pour offrir des images de qualité supérieure dans un format plus léger. Grâce à sa compression avancée, avec ou sans perte, il permet de réduire significativement le poids des fichiers tout en conservant une excellente qualité visuelle.
Adopter le format WebP est une solution efficace pour optimiser la vitesse de votre site web, une priorité pour améliorer l’expérience utilisateur et le référencement. Sur WordPress, cette transition est simple : des plugins comme Optimize ou LiteSpeed proposent de convertir automatiquement vos images existantes en format WebP. Une simple option à activer dans les réglages, et le tour est joué !
Dans tous les cas, votre image ne devra pas dépasser les 200 à 300 ko.
Pour rappel, optimiser, retailler ou redimensionner, c’est :
- optimiser pour alléger leur poids et la rapidité d’affichage sur votre site,
- retailler pour passer par exemple d’un format paysage à un format 1:1 carré,
- ou redimensionner pour réduire la taille d’une image en gardant l’homothétie (les proportions) : de 4000 à 1600 px par exemple.
Ces outils pourraient vous être utiles :
- Canva : appli en ligne qui permet de créer des images dans le bon ratio rapidement par exemple,
- Remove bg : pour vider vos images de leur fond et générer un png,
- Photopea : version équivalente à Photoshop, mais gratuit, pour optimiser, retailler, redimensionner ou retoucher vos photos.
- BeFunky : éditeur de photos pour retailler, redimensionner, retoucher ses photos (et d’autres nombreuses fonctionnalités),
- Tiny png : pour alléger le poids de vos photos. Pour rappel, sur WordPress (et autres sites) on vous recommande des fichiers qui pèsent entre 200 et 300 ko (800 ko max ! 1Mo, c’est déjà trop !).
- Convertio : pour convertir toutes sortes d’extension de fichiers.
3. Renommez vos images : utilisez des mots-clés.
Renommer vos images avec des noms clairs et descriptifs est crucial pour le SEO. Cela aide les moteurs de recherche à comprendre le contenu visuel de vos fichiers, en leur offrant des indices précieux. Par exemple, un fichier nommé chaise-design-bois.jpg est bien plus pertinent que IMG12345.jpg. De plus, des noms explicites améliorent l’accessibilité de votre site et renforcent son positionnement dans les résultats de recherche.
Les bonnes pratiques pour renommer vos images :
- utilisez des noms descriptifs et précis : optez pour des noms qui décrivent clairement le contenu de l’image (par exemple, canape-velours-bleu.jpg au lieu de IMG00123.jpg).
- incluez des mots-clés pertinents : ajoutez des termes liés à votre contenu ou à ce que vos utilisateurs recherchent pour améliorer votre référencement.
- séparez les mots par des tirets (-) : cela facilite la lecture par les moteurs de recherche et évite les erreurs de traitement.
- évitez les caractères spéciaux et accents : remplacez-les par des lettres simples pour éviter des problèmes de compatibilité.
- soyez cohérent : adoptez un format uniforme pour tous vos noms d’images afin de maintenir une structure organisée.
4. Remplissez la balise alt :
La balise ALT (ou texte alternatif) joue un rôle clé pour l’accessibilité et le référencement de votre site. Elle fournit une description textuelle des images, utile pour les utilisateurs déficients visuels utilisant des lecteurs d’écran, mais aussi pour les moteurs de recherche qui ne « voient » pas les images comme nous. En intégrant des mots-clés pertinents dans vos balises ALT, vous aidez Google à mieux comprendre le contenu visuel de vos pages, tout en augmentant vos chances d’apparaître dans les résultats de recherche d’images. Veillez à rester descriptif, concis et pertinent pour maximiser son efficacité.
- soyez descriptif et précis : expliquez clairement ce que représente l’image,
- incorporez des mots-clés pertinents : assurez-vous qu’ils s’intègrent naturellement dans la description,
- restez concis : évitez les descriptions trop longues ou inutiles,
- ne bourrez pas de mots-clés : cela peut nuire à votre référencement au lieu de l’améliorer.
5. Placez votre image là où cela est pertinent !
Placer vos images à des endroits pertinents sur votre site n’est pas seulement une question d’esthétique, c’est aussi un atout majeur pour le SEO.
Les moteurs de recherche analysent la structure de vos pages et considèrent les images comme des éléments renforçant la pertinence du contenu. Une image bien positionnée, en rapport direct avec le texte qu’elle illustre, aide Google à mieux comprendre le sujet de votre page.
De plus, une disposition cohérente améliore l’expérience utilisateur, un critère essentiel pour le référencement. En plaçant vos visuels près des sections importantes, vous optimisez à la fois leur impact visuel et leur rôle dans l’indexation de vos contenus par les moteurs de recherche.
6. Utilisez l’image une seule fois :
Utiliser une image plusieurs fois sur un site peut nuire à son référencement.
Lorsque vous réutilisez une image, les moteurs de recherche comme Google ne savent pas forcément laquelle est la plus pertinente pour l’indexation. Chaque image a son propre URL et, si vous la dupliquez, cela peut diluer la valeur de l’image et rendre plus difficile son classement dans les résultats de recherche.
En plaçant chaque image à un endroit unique et en évitant les répétitions, vous permettez à Google d’indexer correctement chaque visuel et de lui attribuer une URL distincte. Cela renforce la pertinence de l’image pour son contenu associé et aide à améliorer sa visibilité dans les recherches d’images.
De plus, cela offre une meilleure expérience utilisateur en évitant la confusion et en garantissant que chaque image a une fonction claire et unique sur votre site.
Pour aller plus loin
Tranquillité d’esprit, charge mentale en moins, je vous propose également mes services pour votre maintenance.
Avec un forfait mensuel ou bimensuel, je fais pour vous :
- la mise à jour de vos extensions, thèmes, WordPRess,
- la vérification de vos sauvegardes,
- le débogage votre site s’il y a eu des conflits suite aux mises à jour,
- la mise en page de vos articles de blog (contenu et images fournis par vos soins).
Je peux par ailleurs vous conseiller si certains plugins deviennent obsolètes, trop vieux et par lesquels les remplacer.
