Les images donnent vie à un article et contribuent également au référencement de votre site Web, cet article explique comment procéder à l’optimisation des images pour le référencement et fournit des conseils sur leurs utilisation pour la meilleure expérience utilisateur.
Pensez à la dernière fois que vous avez téléchargé une image sur votre site Web. Il est fort probable que vous l’ayez téléchargé à partir d’un site de photographie de stock, que vous l’ayez téléchargé sur le backend de votre site, puis que vous l’ayez inséré dans la page.
Cela fait un brillant exemple d’optimisation d’images, non? Pas assez.
Vous avez ajouté un poids de boule de bowling géant à votre site qui ralentit la vitesse de la page. Et les moteurs de recherche ne peuvent pas lire vos images sans texte alternatif.
Plus de 20% de toutes les recherches sur le Web aux États-Unis ont lieu sur Google Images, selon les données 2018 de Jumpshot.
Les amateurs et les professionnels du référencement savent que l’optimisation des images pour votre site Web vaut notoirement le temps passé.
Et, Robbie Richards a généré 150 732 visites en ajoutant des balises alt d’image, en compressant des images et quelques autres astuces de référencement.
C’est comme si les moteurs de recherche offraient gratuitement des Oreos et du lait. Mais, vous ne prenez que l’Oreo. Quand en réalité, l’Oreo est bien mieux trempé dans du lait.
L’optimisation des images crée de nombreux avantages tels qu’une meilleure expérience utilisateur, des temps de chargement de page plus rapides et des opportunités de classement supplémentaires. Et cela devient un rôle de plus en plus important.
Mais quels sont les facteurs les plus importants pour vous assurer que vos images sont trouvables et ne ralentissent pas votre site?
Plan de l'article
10 conseils d’optimisation d’images pour le référencement
Voici 10 conseils importants d’optimisation d’images que vous devez connaître.
1. Choisissez le bon format
Le décodage de tous les différents formats d’image peut ressembler à votre première commande chez Taco Bell. Mais, avant de pouvoir commencer à ajouter des images à votre site, vous devez vous assurer d’avoir choisi le meilleur type de fichier.
Bien qu’il existe de nombreux formats d’image parmi lesquels choisir, le PNG et le JPEG sont les plus courants sur le Web.
- PNG : produit des images de meilleure qualité, mais est livré avec une taille de fichier plus grande.
- JPEG : vous risquez de perdre la qualité de l’image, mais vous pouvez ajuster le niveau de qualité pour trouver un bon équilibre.
- WebP: choisissez la compression sans perte ou avec perte en utilisant ce format d’image pris en charge à la fois par Chrome et Firefox.
Le héros méconnu du formatage d’image.
2. Compressez vos images
Oui, l’enfer n’a pas de fureur comme une page Web gonflée après avoir téléchargé une image qui n’est pas compressée.
Les moteurs de recherche regarderont votre page Web comme vous pourriez regarder une grande cuve de Crisco: Vous ne pouvez pas sérieusement envisager de mettre cela sur votre site Web, n’est-ce pas?
C’est pourquoi c’est recommandé de compresser vos images avant de les télécharger sur votre site. Vous pouvez le faire dans Photoshop ou utiliser un outil tel que TinyPNG.
TingPNG dispose également d’un plugin WordPress que vous pouvez également utiliser.
Cependant, il y’a aussi WP Smush comme plugin WordPress. Il réduit la taille du fichier image sans supprimer la qualité. Quel que soit le plugin que vous utilisez, assurez-vous d’en trouver un qui compresse les images en externe sur leurs serveurs. Cela réduit la charge sur votre propre site.
Ou, allez plus loin et utilisez un CDN d’image qui détecte l’appareil et optimise l’image avant la livraison. Cloudinary et Imgix sont deux options à essayer.
Si vous ne savez pas comment vos images affectent la vitesse de votre page, je vous recommande d’utiliser l’outil PageSpeed Insights de Google.
Pour avoir une analyse des performances des pages de votre site web. Comme dans l’exemple ci-dessus, nous avons analysé une page Wikipédia, et comme vous pouvez le constaté elle obtient des bons résultats:
Voir aussi: 15 meilleurs outils d’optimisation d’image gratuits
3. Créez des images uniques
Vous voulez que vos photos apparaissent sur votre site. Si vous remplissez votre site Web d’images de stock, vous n’aurez pas l’air original – comme des milliers d’autres sites qui ne se démarquent pas.
Trop de sites Web sont encombrés des mêmes photos génériques.
Pensez à un site Web d’entreprise, à un cabinet de conseil, à une entreprise qui se targue de son service à la clientèle. Tous ces sites Web utilisent pratiquement la même image de stock d’un homme d’affaires souriant.
Bien que vos images de stock soient parfaitement optimisées, elles n’auront pas le même impact ou les avantages potentiels pour le référencement qu’une image originale de haute qualité.
Plus vous avez d’images originales, meilleure est l’expérience de l’utilisateur et meilleures sont vos chances de vous classer sur les recherches pertinentes.
Gardez à l’esprit que les grandes images sont plus susceptibles d’être présentées dans Google Discover. Comme Google le recommande dans sa ressource de référencement avancé, « Les grandes images doivent avoir une largeur d’au moins 1 200 px et être activées par le max-image-preview:large paramètre ou en utilisant AMP. » N’utilisez pas votre logo comme image.
4. Méfiez-vous des droits d’auteur
Quels que soient les fichiers image que vous choisissez d’utiliser, assurez-vous qu’il n’y a pas de conflit de droits d’auteur.
Le service postal paie 3,5 millions de dollars dans une action en justice pour droit d’auteur d’image. Et, Sketchers a été poursuivi pour 2,5 millions de dollars.
Si Getty, Shutterstock, DepositFiles ou un autre fournisseur de photos de stock possède une image que vous utilisez et que vous n’avez pas de licence pour l’utiliser, vous risquez une poursuite coûteuse.
En vertu du Digital Millennium Copyright Act (DMCA), vous pourriez recevoir un avis si vous avez violé des problèmes de droits d’auteur. Si le propriétaire d’un élément de contenu voit son contenu sur votre site Web, il peut émettre un retrait DMCA auquel vous devez vous conformer.
Google Images vous permet de filtrer les résultats en fonction de ceux disponibles pour une réutilisation. Et Mindy Weinstein partage 41 sites Web différents pour trouver des images gratuites.
5. Personnaliser les noms de fichiers image
En matière de référencement, la création de noms de fichiers descriptifs et riches en mots-clés est absolument cruciale.
Ne pas personnaliser le nom de votre fichier image, c’est comme obtenir un burrito sans rien dedans. C’est tout simplement nul.
Les noms de fichiers d’image alertent Google et les autres robots des moteurs de recherche quant au sujet de l’image.
En règle générale, les noms de fichiers ressembleront à «IMG_722019» ou à quelque chose de similaire. C’est comme commander à partir d’un menu dans une langue différente. Cela n’aide pas Google.
Modifiez le nom du fichier par défaut pour aider les moteurs de recherche à comprendre votre image et à améliorer votre valeur SEO.
Cela implique un peu de travail, en fonction de l’étendue de votre bibliothèque multimédia, mais changer le nom de l’image par défaut est toujours une bonne idée.
6. Rédigez un texte alternatif convivial pour le référencement
Les balises Alt sont une alternative textuelle aux images lorsqu’un navigateur ne peut pas les rendre correctement. Semblable au titre, l’attribut alt est utilisé pour décrire le contenu d’un fichier image.
Lorsque l’image ne se chargera pas, vous obtiendrez une zone d’image avec la balise alt présente dans le coin supérieur gauche. Assurez-vous qu’ils correspondent à l’image et rendent l’image pertinente.
Prêter attention aux balises alt est également bénéfique pour la stratégie globale de référencement sur la page. Vous voulez vous assurer que toutes les autres zones d’optimisation sont en place, mais si l’image ne se charge pas pour une raison quelconque, les utilisateurs verront ce que l’image est censée être.
De plus, l’ajout de balises alt appropriées aux images de votre site Web peut aider votre site Web à obtenir un meilleur classement dans les moteurs de recherche en associant des mots-clés à des images. Même Google a remarqué la valeur du texte alternatif dans les images.
Il fournit à Google des informations utiles sur le sujet de l’image. Nous utilisons ces informations pour nous aider à déterminer la meilleure image à renvoyer pour la requête d’un utilisateur.
7. Pensez à la structure du fichier image
En 2018, Google a mis à jour ses directives relatives aux images. L’une des principales mises à jour qu’ils ont révélées était qu’ils utilisent le chemin du fichier et le nom du fichier pour classer les images.
Par exemple, si vous êtes une marque de commerce électronique avec plusieurs produits, au lieu de placer toutes les images de vos produits dans un dossier générique / media /, je vous recommande de structurer vos sous-dossiers en plus de sujets liés aux catégories comme / shorts / ou / denim /.
8.Définissez le titre et la description de votre page
Google a également révélé qu’il utilise le titre et la description de votre page dans le cadre de son algorithme de recherche d’images.
La page d’assistance Google indique:
« Google Images génère automatiquement un titre et un extrait pour mieux expliquer chaque résultat et comment il se rapporte à la requête de l’utilisateur… Nous utilisons un certain nombre de sources différentes pour ces informations, y compris des informations descriptives dans le titre et des balises Meta. »
Tous vos facteurs de référencement de base sur la page tels que les métadonnées, les balises d’en-tête, la copie sur la page, les données structurées, etc. affectent la façon dont Google classe vos images.
9. Définissez vos dimensions
Si vous utilisez AMP ou PWA, vous devez définir les dimensions de votre image dans le code source.
Cependant, si vous n’utilisez ni l’un ni l’autre, il est toujours recommandé de définir la largeur et la hauteur. Il offre une meilleure expérience utilisateur.
De plus, il permet aux navigateurs de dimensionner l’image avant le chargement du CSS. Cela empêche la page de sauter lors de son chargement.
Les attributs de dimension d’image sont également importants pour éviter les problèmes de décalage de mise en page cumulatif (CLS) qui peuvent interférer avec votre optimisation Core Web Vitals.
Il est essentiel de s’assurer que vous incluez les attributs de largeur et de hauteur pour chaque image et élément vidéo.
Cela indique au navigateur la quantité d’espace à allouer à la ressource et empêche ce déplacement de contenu ennuyeux qui réduit votre score CLS.
10.Rendez vos images compatibles avec les appareils mobiles
Oh, SEO mobile. Au pire, il peut vous donner un taux de rebond élevé et de faibles conversions. Mais, à son meilleur, il peut vous donner plus de puissance de classement et un meilleur engagement des utilisateurs.
Le problème est, comment optimisez-vous vos images pour l’index mobile-first?
Vous créez des images responsives. Cela signifie que l’image sera mise à l’échelle avec la taille du site, que l’utilisateur utilise un ordinateur de bureau ou un mobile. Il s’adapte à la taille de l’appareil.
Mozilla propose une utilisation complète des attributs srcset et sizespour fournir au navigateur des images sources supplémentaires, permettant l’affichage d’un contenu d’image identique redimensionné pour l’appareil.
Il est important de mettre en forme ceci avec une partie différente de la valeur d’attribut sur chaque ligne, comme illustré dans cet exemple à partir de leur ressource:
- <img srcset= »elva-fairy-480w.jpg 480w,
- elva-fairy-800w.jpg 800w »
- sizes= »(max-width: 600px) 480px,
- 800px »
- src= »elva-fairy-800w.jpg »
- alt= »Elva dressed as a fairy »>
Lire aussi:
