Saviez-vous qu'il est important de bien optimiser ses images avant de publier sa fiche projet ?

 

Pourquoi faut-il optimiser les images de sa page projet

L’optimisation des images consiste à réduire autant que possible la taille de fichier de vos images sans sacrifier la qualité, afin que les temps de chargement de vos pages restent courts. C’est aussi une question de référencement d’image

Le référencement d’images permet de positionner favorablement vos images utilisées sur vos pages dans les résultats de recherche.

En optimisant votre image vous participez aussi à lutter contre la pollution numérique.

 

Comment optimiser ses images ?

  1.  Optimisez le poids de vos images

Lors de l’enregistrement de l’image, il faudra vous assurer que son poids ne soit pas trop élevé. Pur cela, redimensionnez vos fichiers et/ou compressez-les en ligne.

Idéalement une image insérée dans un article ne doit pas peser plus de 100 Ko

  1. Renommez les titres de vos fichiers 

L’astuce la plus simple pour améliorer son référencement est de nommer et décrire correctement ses images en utilisant des mots-clés soigneusement choisis.

Pour cela, espacez chaque mot-clé par des traits d’union.

logo-association-les-petites-pierres

(Exemple : logo-association-les-petites-pierres.png)

Veillez à nommer vos fichiers sans utiliser : 

  • Les caractères spéciaux (« #/@&(,!’+=.) 
  • Les caractères accentués (éïèàêîâ…) 
  • Les majuscules 

Une fois dans l’article, vous devez ensuite renommer le titre et la balise alt de votre image. 

  1. Optimisez vos balises alt

Pour la balise alt, vous devez respecter les mêmes règles que pour le nom du fichier.

La balise alt permet de mieux référencer le visuel en question dans Google images mais renforce également la pertinence de votre page.

Nous vous conseillons d’utiliser des mots-clés pertinents qui décrivent votre photo. Cette balise sert également aux malvoyants afin d’obtenir une retranscription vocale, grâce à des logiciels d’accessibilité. Ainsi, les personnes en situation de handicap visuel peuvent comprendre ce que représente les images proposées sur votre page web.

Pour le titre de l’image, vous pouvez utiliser tous les caractères, et des espaces. 

  1. Choisissez le bon format de fichier : JPEG ou PNG

Les différents formats présentent chacun des avantages et des inconvénients. Il faut savoir quel format choisir en fonction de nos besoins, de nos contraintes et du contexte.

Le format JPEG (.jpg) est très bien adapté aux photographies et aux images avec une large palette de couleurs. C’est le format le plus utilisé sur le web.

En compressant vos images veillez à garder un résultat de bonne qualité et net.

Les images PNG est un format qui gère la transparence. Il est souvent utilisé pour des images nécessitant un jeu d’opacité ou un fond invisible comme pour les logos. 

 

Avec quels outils je peux optimiser mon image ?

Si vous n’avez pas d’outils professionnels comme Photoshop pour compresser vos images, utilisez des outils gratuits ! Il en existe plusieurs et parmi eux vous retrouverez :

Tous ces sites sont accessibles gratuitement et tout fonctionne en ligne. Il suffit d’avoir enregistré votre image sur votre ordinateur. Ensuite de sélectionner l’image et l’ouvrir dans le site.

Enfin vous aurez plusieurs choix concernant le format de votre fichier une fois compressé : il faut impérativement choisir un format JPEG ou PNG.

 

Utiliser des images libres de droit 

Les images représentent un critère de qualité très important.  

Idéalement, utilisez vos propres images pour illustrer vos pages projets. Si vous n’avez pas de photos, ou si celles-ci ne sont pas de bonne qualité, vous pouvez utiliser des images libres de droit.

Voici une liste des banques images les plus utilisées :  

 

EN RÉSUMÉ : 

  • Choisissez les noms de vos fichiers grâce à des mots-clés pertinents
  • Utilisez les attributs alt sur les images  
  • Ajouter une légende à vos images 
  • Ajustez le poids de vos images en veillant à la qualité de celles-ci

Voilà ! Vous pouvez dès maintenant optimiser vos images pour votre page projet !

À vous de jouer 😉