Avant d’entrer dans le vif du sujet, je pense qu’il est super important de faire un petit point sur tes bases avec le SEO. Alors, si tu es totalement perdu·e avec cette notion, je t’invite fortement à lire l’article « Référencement naturel ou SEO, c’est quoi ? » avant d’aller plus loin. Conseil d’ami.
Le fait d’optimiser tes images, c’est une action de SEO technique. En clair (et en obscur), ça concerne l’optimisation de ton site en lui-même. Mais ce n’est pas la seule et unique raison de le faire.
Et oui, ça te permet de ne pas surcharger ton site et de le rendre plus rapide. C’est génial pour éviter que les visiteur·se·s attendent pendant des plombes. Tu t’es sûrement déjà retrouvé·e sur un site qui chargeait pas ou qui mettait une éternité à s’afficher. Qu’est-ce que tu as fait ? Tu es partie en cliquant sur « précédent » et tu ne l’as finalement même pas visité ?
Parce que oui, tout comme toi et moi, les internautes sont confrontés à des milliers de résultats. On se retrouve vite impatient·e. En moyenne, un·e internaute·e ne doit pas attendre plus de 3 secondes pour que la page s’ouvre… Pour remédier à cela, on va donc optimiser les médias.
Maintenant, que c’est clair comme de l’eau de roche, c’est le moment d’en savoir plus pour passer à l’action !
Sommaire
L’optimisation des médias avant leur intégration sur ton site
- Choisir le bon format
- Redimensionner les images
- Réduire le poids des images
- Renommer les médias
L’optimisation après l’intégration des médias sur ton site web
- Compresser les images
- Remplir les balises alt
Une balise alt, c’est quoi ?
Les 2 raisons pour lesquelles la balise alt est essentielle
4 conseils pour remplir la balise alt
L’optimisation des médias avant leur intégration sur ton site
Pour rendre ton expérience avec les images encore meilleure, je vais te présenter des astuces à subdiviser en deux parties. D’abord, on va voir ce qu’il faut faire avant d’intégrer les images sur ton site, puis on passera aux actions à effectuer une fois qu’elles seront intégrées. Alors, pas de temps à perdre, on commence par le commencement : les étapes préliminaires à ne pas négliger.
Astuce n°1 : Choisir le bon format
Lorsque tu enregistres tes images, il est crucial de choisir le format qui correspond à leur utilisation. Tu as le choix entre deux formats principaux : le PNG et le JPG.
Le format PNG est idéal si tu as besoin d’un fond transparent, par exemple pour des images détourées. Les images au format PNG conservent tous les détails, mais elles ont un poids plus élevé, ce qui signifie qu’elles peuvent prendre plus de temps à charger.
D’un autre côté, le format JPEG est compressé, ce qui réduit légèrement la qualité de l’image, mais il a un poids considérablement plus petit en kilooctets.
Pour choisir le format ADÉQUAT, pose-toi cette question : Est-ce que mon image a besoin d’un fond transparent ? Si c’est le cas, opte pour le format PNG. En revanche, si tu n’as pas besoin de fond transparent, le format JPEG est la meilleure option. En général, la plupart des images sont au format JPEG.
Prends bien en compte l’utilisation de tes images et choisis le format qui répond le mieux à tes besoins. C’est un petit choix qui peut avoir un impact significatif sur la qualité et la vitesse de chargement de ton site web.
Astuce n°2 : Redimensionner les images
Avant de télécharger tes images sur WordPress, prends une petite pause et pense à les redimensionner. Je te vois venir, « Pourquoi donc ? » Eh bien, laisse-moi t’expliquer.
Quand tu prends une photo avec ton téléphone, ton appareil photo ou que tu en choisis une sur une banque d’images, elle peut souvent être un peu trop lourde en termes de poids de fichier. C’est là que le redimensionnement entre en jeu.
En utilisant un logiciel d’édition comme Canva, Photoshop, Bulk Resize ou même celui avec lequel tu te sens le plus à l’aise, tu vas pouvoir réduire la taille de ton image. Imagine, tu peux la faire passer d’une résolution énorme comme 2592 x 4608 pixels à une taille beaucoup plus raisonnable, tel que 518 x 921 pixels. C’est comme rétrécir ta photo par cinq !
Donc, avant de les télécharger, pense à redimensionner tes images. C’est un petit geste qui fera une grande différence dans l’expérience de navigation de tes visiteurs. Et crois-moi, ils vont adorer pouvoir admirer tes superbes images sans avoir à patienter une éternité.
Astuce n°3 : Réduire le poids des images
Imagine un instant que tu puisses réduire un peu plus le poids de tes images sans perdre en qualité. Oui, c’est possible ! Laisse-moi te présenter l’outil magique : TINYPNG.
TINYPNG est un outil en ligne qui te permet de compresser tes images sans compromettre leur qualité visuelle. Il utilise une technique de compression intelligente pour réduire le poids des fichiers.
Son fonctionnement est simple comme bonjour. Il te suffit de télécharger tes images sur leur site, et ils se chargent de les compresser à la perfection. Tu peux même télécharger plusieurs images à la fois, ce qui te fait gagner un temps précieux.
L’idéal est que, une fois compressées, tes images aient un poids inférieur à 100ko. En réduisant le poids de tes images, tu minimises également la consommation de bande passante, ce qui est important pour les utilisateurs et utilisatrices ayant une connexion internet plus lente.
Astuce n°4 : Renommer les médias
Une fois que tu as suivi toutes ces étapes, il ne te reste plus qu’à renommer tes médias.
![renommer-media-plage-thailande](https://leswebistes.com/wp-content/uploads/2023/07/renommer-media-plage-thailande.jpg)
Tu vois cette image avec un nom tout banal comme « IMG_7856 »? On va la rendre beaucoup plus parlante et compréhensible pour les internautes, y compris notre cher ami Google. Parce oui, figure-toi que Google est capable de lire les noms des images !
Donc, l’astuce ici, c’est de renommer ton image avec des mots-clés pertinents. Plus de noms cryptiques, d’espaces, de caractères spéciaux ou de majuscules inutiles. Fais simple et représentatif. Par exemple, pour cette image, on aurait pu l’appeler « plage-ko-phi-phi-thailande ». Ça parle déjà beaucoup plus, n’est-ce pas ?
Et tu sais quoi ? Lors d’une recherche, ton image pourrait même apparaître avec les mots-clés que l’internaute a utilisés dans Google Images. C’est une belle façon de te faire remarquer ! Et puis, si ton site compte de nombreux médias, ça sera beaucoup plus facile de les retrouver en tapant leur nom descriptif plutôt que de te creuser les méninges pour te rappeler de « IMG_7856 ».
L’optimisation après l’intégration des médias sur ton site web
Ça y est, tes images sont belles et bien présentes sur ton site internet. Tu as consacré du temps et de l’énergie pour les intégrer avec amour. Mais avant de te reposer sur tes lauriers, il te reste quelques étapes essentielles pour peaufiner le tout et maximiser l’impact de tes médias.
Astuce n°5 : Compresser les images
Maintenant, passons à une étape cruciale pour optimiser la performance de ton site : la compression d’images ON SITE. Ne t’inquiète pas, tu n’auras à le faire qu’une seule fois grâce à une solution intégrée sur ton site.
Pour accomplir cette tâche sans effort, tu dois installer une extension comme Litespeed Cache ou Imagify (si tu as un site wordpress). Ces outils fantastiques s’occuperont de compresser tes images automatiquement, sans la moindre perte de qualité. C’est comme l’outil TINYPNG, mais cette fois-ci une compression est de nouveau effectuée lorsque ton image est sur ton site !
Astuce n°6 : Remplir les balises alt
Une balise alt, c’est quoi ?
Lorsque tu cliques sur une image dans tes médias, tu remarqueras l’apparition d’un champ alt. Il s’agit de la balise alt, également connue sous le nom de texte alternatif. Cette balise est un élément textuel du code HTML qui permet de décrire une image. Elle est essentielle pour deux raisons.
Les 2 raisons pour lesquelles la balise alt est essentielle
La première, c’est qu’elle joue un rôle majeur en termes de référencement SEO. Les robots des moteurs de recherche ne possèdent toujours pas d’yeux (malheureusement !), donc ils comptent sur cette balise pour comprendre le contenu de l’image et l’indexer correctement. En la remplissant de manière pertinente et en y incluant des mots clés, tu maximises tes chances d’améliorer le classement de ton site dans les résultats de recherche.
Aussi, la balise alt est importante pour l’accessibilité. Lorsqu’un visiteur malvoyant navigue sur ton site, un logiciel de lecture d’écran lui fournira une description vocale de l’image grâce à ce texte alternatif. Cela lui permet d’accéder à l’information visuelle et de mieux comprendre le contenu de la page.
La balise alt est donc cruciale car elle permet de fournir des informations à la fois aux robots des moteurs de recherche et aux humains.
4 conseils pour remplir la balise alt
Il est donc primordial de la remplir soigneusement. Voici quelques conseils pour le faire :
- N’utilise pas de mot générique
- Rédige une description précise
- Inclue des mots clés pertinents : Par exemple, pour une image de la Space Needle à Seattle au coucher du soleil, tu pourrais utiliser la balise alt « space-needle-seattle-coucher-de-soleil ». De même, si tu as une image de la Tour Eiffel, utilise la balise alt « tour-eiffel-paris » pour préciser sa localisation. Et oui, il y aussi une Tour Eiffel à Las Vegas notamment !
- Ne dépasse pas 100 caractères dans l’idéal et 6 mots
Petit tips supplémentaire, si tu as déjà optimisé le nom de ton image en amont, tu peux même le réutiliser pour la balise alt, ce qui te fera économiser du temps !
En résumé, l’optimisation des médias sur ton site web est un aspect essentiel pour améliorer ses performances et son classement sur les moteurs de recherche.
En optimisant les médias de ton site web, tu bénéficieras de nombreux avantages, tels qu’une meilleure visibilité sur les moteurs de recherche, une réduction du temps de chargement, une expérience utilisateur améliorée et une accessibilité accrue. Alors n’attends plus et mets en pratique ces astuces pour optimiser tes médias et maximiser l’impact de ton site web !
Tu souhaites en savoir plus sur l’optimisation SEO de ton site, surtout si tu n’en as pas encore un pour ton business ? Alors ne cherche plus et découvre la formation WebStarter, où tu apprendras à créer un site professionnel avec WordPress et Divi ! En suivant cette formation, tu économiseras un temps précieux et tu obtiendras un résultat qui répondra pleinement à tes attentes !