Lorsque vous pensez à l'optimisation SEO, vous abordez en premier la recherche de mots-clés, les balises, la metadescription. Logique, ce sont celles dont on parle le plus, cependant, il manque une bonne pratique bien trop souvent oubliée. Optimiser ses images !
Leur référencement joue pourtant un rôle clé dans votre stratégie, car des visuels de haute qualités bien optimisé font la différence entre une réservation et un abandon de panier. De plus, elles agrémentent votre site internet et donnent envie aux clients de se projeter dans votre établissement.
Dans cet article, je vous donne mes conseils pour faire de vos visuels un atout indéniable pour votre site web.
Vous pensiez pouvoir publier vos images comme ça sans avoir à les retoucher ? Que nenni, publier du contenu multimédia sur votre site demande quelques ajustements pour éviter qu’il ne devienne un fardeau.
En effet, l'optimisation des images ne se limite pas à rendre les photos esthétiques. En réalité, cette méthode influence directement la vitesse de chargement du site, l'expérience utilisateur, et par conséquent, le classement dans les moteurs de recherche.
Vous le savez, les clients recherchent des informations accessibles rapidement, en quelques clics. Un site qui met plus de 3 secondes à se charger notamment à cause de photos trop lourdes peut entraîner une perte de réservations potentielles. On ne laisse donc pas l’optimisation des photos dans un coin.
Première étape : sélectionner les bonnes images. Choisissez surtout des visuels qui reflètent fidèlement l'ambiance de votre établissement. Alors, évitez les photos floues, sombres, de travers sans aucune mise en scène. Elles auraient l’effet inverse que celui escompté.
Pensez tout d’abord aux éléments à mettre en avant dans chaque pièce, qu’est-ce qui la distingue ? La décoration, les meubles, la luminosité, l'aménagement ? Même si les appareils photo de nos téléphones possèdent d'excellentes résolutions, n’hésitez pas à faire appel à un photographe professionnel pour vous accompagner dans cette démarche. Vous vous assurez ainsi que les images choisies restent en adéquation avec votre message et votre identité de marque.
Enfin, pensez à diversifier les angles et les sujets pour varier les points de vue et offrir une meilleure expérience visuelle.
Pour optimiser les images de votre site, plusieurs outils efficaces sont à votre disposition :
De mon côté, j’utilise surtout Canva et Tiny PNG.
Les formats d'image les plus courants sont JPEG, PNG et WebP. Chacun d’entre eux possède ses propres avantages :
💡 Bon à savoir : selon Google, les images WebP sont 26% plus légères que le format JPEG à qualité équivalente. Renseignez-vous si le CMS que vous utilisez (WordPress, Joomla, Shopify, Prestashop, etc.) le prend bien en charge.
Des images trop volumineuses ralentissent le temps de chargement de votre site. Ce désagrément affecte donc négativement votre référencement naturel. Sauf que, lorsque vous créez ou uploadez une image originale, sa résolution s’avère généralement beaucoup plus élevée que nécessaire.
Alors, comment procéder ? Pour éviter de perdre en qualité, utilisez tout d’abord l’image avec une résolution maximale pour la décliner en différents formats.
Je vous recommande ensuite d’adapter la taille des images à l’usage prévu. Par exemple, les miniatures ne nécessitent pas d'avoir la même résolution que les images de votre galerie principale. Par exemple : pour les images de contenu, une largeur maximale de 1200 pixels est souvent suffisante. Pour les miniatures, préférez des dimensions comprises entre 150 et 300 pixels.
👀 Attention : pensez bien au responsive design lorsque vous redimensionnerez vos images.
La balise alt, ou texte alternatif, est un attribut HTML essentiel pour optimiser les images de votre site web. Où le trouver ? Ce petit texte s’affiche au survol des images avec la souris ou lorsque votre image est « cassée ».
Si vous ne le saviez pas encore, les robots des moteurs de recherche sont aveugles. En effet, ils ne voient pas les images, mais ils les lisent. Cette balise alt sert alors à décrire le contenu d'un visuel, pour leur permettre de mieux la comprendre et de les indexer. Vous créez donc une nouvelle porte d’entrée depuis Google images.
Cependant, son rôle ne se limite pas à l'optimisation pour les moteurs de recherche, elle contribue également à l'accessibilité de votre site. En effet, les personnes qui utilisent des lecteurs d'écran en bénéficient directement, car le texte alt leur décrit les images qu'elles ne peuvent voir.
Pour rédiger une balise très efficace, plusieurs bonnes pratiques :
💡 Mon conseil pratique : votre première action est de s’assurer que chaque image possède une description alt pertinente et descriptive.
Dans certains plug-ins comme Yoast SEO, apparaissent également les mentions title et légende. À quoi correspondent-ils ?
Le titre (ou « title » en anglais) d'une image est un attribut HTML qui fournit une brève description de l'image lorsqu'un utilisateur passe sa souris dessus. La légende, quant à elle, est un texte explicatif apparaissant sous l'image qui donne un contexte supplémentaire.
Ces deux éléments servent à contextualiser le contenu pour les utilisateurs, mais aussi à donner des informations supplémentaires aux algorithmes de recherche. Dans tous les cas, assurez-vous que les titres et légendes ajoutent de la valeur.
Avez-vous déjà téléchargé un fichier intitulé « DSC-456 » ? Bannissez cette pratique. 😅 En effet, les moteurs de recherche accordent une grande importance aux noms de fichiers, car ils contribuent à comprendre le contenu de l'image.
❌ Tout d'abord, utilisez des mots-clés pertinents qui précisent le contenu de l'image. Évitez les noms génériques comme « image1.jpg » ou « photo.png » qui n'apportent aucune valeur ajoutée. C'est comme si vous disiez enfant 1 et enfant 2 sans leur donner de prénom.
✅ Privilégiez les noms de fichiers descriptifs et explicites, par exemple « chambre-deluxe-hotel-paris.jpg » ou « restaurant-gastronomique-marseille.png ». Ces descriptifs doivent être cohérents avec le contenu de la page sur les termes auxquels l'image sera intégrée.
Ensuite, veillez à utiliser des tirets pour séparer les mots. Contrairement aux espaces ou aux traits de soulignement (_), les moteurs de recherche les comprennent. De plus, évitez les caractères spéciaux et les accents qui posent des problèmes de compatibilité avec certains navigateurs ou systèmes. Utilisez plutôt des caractères alphanumériques simples pour garantir une meilleure indexation.
💡 Mes conseils : Inclure des mots-clés pertinents dans les noms de vos fichiers. Ces mots-clés doivent refléter les termes que vos clients potentiels utilisent lorsqu'ils recherchent des établissements comme le vôtre.
Le poids d'une image, également connu sous le terme de taille de fichier, représente l'espace de stockage qu'elle occupe sur un serveur. Il se mesure généralement en kilooctets (Ko), mégaoctets (Mo) ou gigaoctets (Go).
Attention : ce n'est pas la même chose que la taille au sens des « dimensions » de l'image. Par exemple, vous allez faire passer une image qui « pèse » 5Mo à 70Ko grâce à des logiciel come TinyJPG ou Compressor.
Vous connaissez maintenant les astuces pour optimiser vos images. Si vous avez besoin d'aide pour améliorer le référencement naturel de votre entreprise, n'hésitez pas à faire appel à mes services de rédactrice web SEO.
Pour optimiser une image, commencez par réduire sa taille sans sacrifier la qualité. Utilisez des outils comme TinyPNG ou JPEG-Optimizer pour compresser vos images. N'oubliez pas de renommer vos fichiers avec des mots-clés pertinents avant de les télécharger sur votre site, par exemple, « hotel-jardin.jpg ». Assurez-vous également d'ajouter des balises alt avec une description claire de l'image, ce qui aide les moteurs de recherche à comprendre le contenu visuel. Enfin, choisissez le bon format d'image (JPEG pour les photos, PNG pour les graphiques avec transparence) pour équilibrer la qualité et la taille du fichier.
Rendre une image pixélisée plus nette peut être délicat, mais vous pouvez tester quelques astuces. Utilisez un logiciel de retouche photo comme Photoshop ou GIMP. Ces outils possèdent des fonctions de netteté et de réduction de bruit qui peuvent améliorer la clarté. Si vous n'avez pas accès à ces logiciels, des outils en ligne tels que Fotor ou Pixlr peuvent aussi faire l'affaire. Parfois, il est plus simple de rechercher une image de meilleure qualité plutôt que d'essayer de réparer une image pixélisée.
L'optimisation d'image correspond à la préparation de vos images pour qu'elles soient performantes.
Cette méthode inclut :
L'objectif reste avant tout de garantir que vos images se chargent rapidement, ce qui améliore l'expérience utilisateur et le classement SEO.
Pour améliorer la qualité d'une image, commencez par utiliser des photos de haute résolution dès le départ. Si vous devez parfaire une image existante, utilisez des logiciels comme Adobe Photoshop pour ajuster la luminosité, le contraste et la netteté. Des outils en ligne comme Canva ou Fotor proposent également des options pour peaufiner vos images. Évitez d'agrandir une image trop petite, car cela peut la rendre floue. Si possible, téléchargez une version de meilleure qualité de l'image que vous souhaitez utiliser.