Quelles images mettre dans votre site Web ?

Une image sur un site n'est pas une décoration : elle doit prouver, expliquer ou guider, sinon elle ralentit la page pour rien. Cette page vous aide à choisir le bon type d'image (vos photos, des illustrations, une banque d'images ou l'IA), à savoir quoi mettre sur chaque page, et à éviter les erreurs qui rendent un site banal. Où trouver ces images et comment les préparer est traité dans les autres pages de la rubrique Images.

Avant d'ajouter une image, demandez-vous laquelle de ces fonctions elle remplit :

• Prouver : montrer que votre entreprise, votre équipe, vos locaux et vos réalisations existent. C'est le rôle le plus important, et seules vos propres photos le remplissent.

• Expliquer : un schéma, une capture d'écran ou une photo de produit sous plusieurs angles disent en un coup d'œil ce qu'un paragraphe explique mal.

• Guider : une image attire le regard ; bien placée, elle conduit vers un titre ou un bouton.

• Donner une ambiance : couleurs, lumière et style racontent votre positionnement (artisanal, technique, haut de gamme, chaleureux).

Une image qui ne remplit aucune de ces fonctions peut être retirée sans que personne ne la regrette.

Dans l'ordre d'efficacité, privilégiez vos propres photos (voir Prendre des photos pour votre site Web), puis des illustrations cohérentes avec votre identité, et réservez les banques d'images et l'IA à ce que vous ne pouvez pas photographier.

Pour les banques d'images, choisissez des sites dont la licence autorise l'usage commercial : la liste et les pièges sont dans Trouver des images gratuites sur Internet. Pour l'IA, des outils comme ChatGPT ou Midjourney produisent des visuels sur demande ; lisez leurs conditions d'utilisation, et ne faites jamais passer une image générée pour une vraie photo de votre équipe, de vos locaux ou de vos réalisations.

Une image principale forte qui montre votre activité ou votre résultat (un intérieur rénové pour un artisan, un plat pour un restaurant, une personne qui utilise votre service), avec assez d'espace pour le titre et le bouton principal. Ajoutez plus bas quelques visuels qui illustrent vos offres et, si possible, des visages.

Des portraits de l'équipe, homogènes (même fond, même cadrage), et des photos de travail en situation. C'est la page où une photo de banque d'images fait le plus de tort : les visiteurs viennent justement voir à qui ils ont affaire.

Une image par service, qui montre le résultat ou le travail en cours, et des photos avant / après quand c'est pertinent. Pour un service immatériel (conseil, logiciel), un schéma ou une capture d'écran est souvent plus parlant qu'une photo.

Plusieurs photos sur fond neutre (face, profil, détails), au moins une photo en situation qui donne l'échelle, toutes au même format pour que la grille de produits reste alignée.

Une image à la une cohérente d'un article à l'autre (même style, même format), puis des images utiles dans le texte : captures d'écran, schémas, exemples. Une photo d'ambiance générique par article n'apporte rien au lecteur.

Une photo de l'entrée ou de la façade si vous recevez du public, éventuellement un plan d'accès. Inutile d'en ajouter davantage.

• Les clichés de banque d'images : poignée de main, équipe hilare devant un ordinateur, ampoule lumineuse. Le visiteur les a déjà vus cent fois et n'y croit pas.

• Le carrousel d'accueil à cinq diapositives : la plupart des visiteurs ne voient que la première. Placez votre message principal sur une image fixe.

• Le texte important dans l'image : il n'est pas lu par les lecteurs d'écran, il est mal pris en compte par les moteurs de recherche, et il devient illisible sur mobile. Écrivez-le en texte, par-dessus l'image si besoin.

• Les styles mélangés : photos chaudes et froides, illustrations de trois styles différents. La cohérence compte plus que la qualité de chaque image prise isolément (voir créer un logo pour les bases d'une identité visuelle).

• Les images trop lourdes ou étirées : une photo de plusieurs mégaoctets ralentit la page, une petite image agrandie devient floue. Voir Optimiser des images dans WordPress et, pour agrandir proprement, Upscale une image.

• Les images dont vous n'avez pas les droits : une image prise sur Google Images peut vous valoir une réclamation de l'auteur.

Chaque image informative doit avoir un texte alternatif qui décrit ce qu'elle apporte, pour les personnes qui utilisent un lecteur d'écran et pour les moteurs de recherche. Une image purement décorative peut avoir un texte alternatif vide. Donnez aussi à vos fichiers un nom descriptif avant de les envoyer : la méthode est détaillée dans Les images dans WordPress.

Enfin, choisissez le bon format pour chaque image (photo, logo, capture d'écran) : voir Les formats d'images sur le Web.