13 astuces pour optimiser les images de votre site web

Photo of author
Écrit par Grégory Hénique

Auteur sur mes 2 blogs depuis 2009/2010.

 

L'écriture est ma passion mais l'optimisation SEO / IA fut un passage obligé pour gagner ma visibilité.

 

Présentation

Les images ont de plus en plus d’importance en terme de SEO mais aussi en terme de captation de l’attention du lecteur, à notre époque où le texte ne suffit plus et où les droits d’auteurs rendent le droit à l’image de plus en plus précieux.

Si vous hésitez entre deux VPN, tout dépend de ce que vous voulez en faire. Pour la vie privée et la transparence, difficile de faire mieux que ProtonVPN : code open source audité, basé en Suisse, et une version gratuite illimitée (pas de carte bancaire, pas de limite de data).

Pour le streaming et le débit, NordVPN reste la référence : plus de 8 000 serveurs dans 224 emplacements, protocole NordLynx (WireGuard optimisé), et il débloque les catalogues Netflix étrangers sans prise de tête. Les deux proposent une garantie « satisfait ou remboursé » de 30 jours, vous ne prenez donc aucun risque à tester celui qui correspond le mieux à votre usage.

Il serait inconscient, pour un webmestre, de négliger ce point et de ne pas prendre quelques instants pour réfléchir à sa stratégie en terme d’illustration de son site.

Voici les conseils les plus utiles que je connaisse :

  1. Adaptez les images de vos articles à votre contenu. C’est la base. L’illustration doit avoir un rapport avec le sujet ou le mettre en valeur.
  2. Utilisez de grandes images, plus elles sont grandes mieux c’est, mais ça ne doit pas être au détriment de leur lourdeur ni du ralentissement de la page.
  3. Montrez des visages. Les visages qui vous regardent attirent beaucoup plus les gens qu’autre chose.

    oeil grand ouvert
    Oeil grand ouvert qui vous regarde fixement

    ProtonVPN vs NordVPN — lequel choisir ?

    CritèreProtonVPNNordVPN
    Idéal pourVie privée, éthiqueStreaming, vitesse
    Serveursplus de 20 000 dans plus de 140 pays8 000+ dans 224 emplacements
    Version gratuite✅ Illimitée (pas de CB)❌ Pas de version gratuite
    Open source✅ Code audité publiquement❌ Code propriétaire
    Streaming✅ Netflix, Prime Video (certains serveurs)✅ Tous les catalogues Netflix + 20+ plateformes
    DébitBon (VPN Accelerator)Excellent (NordLynx, +30% vs OpenVPN)
    Garantie30 jours remboursé30 jours remboursé
    PrixDès 2,99 €/moisDès 3,49 €/mois
    Essayer ProtonVPN (gratuit) Essayer NordVPN
    Transparence : les liens ci-dessus sont des liens affiliés. Je touche une commission si vous vous abonnez (cela ne change rien pour vous).
  4. Compressez votre image pour la rendre plus légère et plus appréciée des moteurs de recherche.
  5. N’insérez pas des tonnes d’images dans un seul article. Une ou deux suffiront si elles sont valables.
  6. Ajoutez des mots-clés et des descriptions à vos images – ce point trop souvent négligé (des longues descriptions si possibles)
  7. Optimisez les alt-tag et les titres
  8. Optimisez le nom du fichier de l’image, il est pris en compte en terme de SEO : choisissez-le court, descriptif, dénué d’espace, privilégiant les tirets aux underscores.
  9. Pensez aussi à entourer vos images d’un texte parlant sur le sujet.
  10. Utilisez des formats d’images connus (jpg, gif ou png)
  11. Pour faciliter le buzz sur les réseaux sociaux, pensez aux photos originales ou choquantes qui attirent l’attention.
  12. Proposez le partage de vos photos aux réseaux sociaux de type Google+, Flickr ou Pinterest.
  13. Ayez toujours à l’esprit la rapidité d’affichage de votre page, en réduisant le poids de votre image (le logiciel smush.it est le plus connu pour ça, pour ma part j’utilise Riot qui est, je trouve, tout simplement excellent).

8 réflexions au sujet de “13 astuces pour optimiser les images de votre site web”

  1. Bonjour,
    merci de cet excellent billet sur les images que l’on néglige trop souvent.

    Petite remarque concernant smush.it, il semble que ce dernier provoque des erreurs lors de l’insertion de nouvelles images, à voir… Pour ma part je compresse via photoshop avec la fonction « enregistrer pour le web ».
    Cordialement

  2. Bonjour Greg,

    Je suis d’accord avec ce billet ! D’ailleurs, on n’insiste pas assez sur l’impact visuel et commercial que l’image peut susciter sur un visiteur. Les e-commerçants confirmés ont bien compris l’importance des photos.

    amicalement

  3. Je préfère encore Riot aux deux que tu cites, pour le png Riot peut au choix laisser la transparence ou la remplacer par du blanc, tu peux affiner le nombre de couleurs et tu peux virer toutes les données metada de l’image (date,auteur,origine,etc.). Génial, d’autant plus qu’il est léger et qu’il gère à la fois les GIF, les JPG et les PNG.

    Sur DGEDL j’ai mis un icône « Share » et pas « J’aime », les votes « J’aime » n’apparaîtront pas forcément sur le site. Pour le reste, ça peut prendre qqes heures avant d’être pris en compte sur le compteur, je pense.

  4. Je ne connaissais pas Riot, cependant j’ai tendance à privilégier les webwares, j’utilise personnellement smush.it pour les .jpg et pngoptimizer pour les .png.

    PS : je ne comprends pas comment fonctionne le compteur Facebook, il est à 0 alors qu’il y a des liens sur le réseau social … ça me chagrine pour BMS ça …

Laisser un commentaire