Pourquoi les images comptent
Les images jouent trois rôles dans le référencement. Elles sont une source de trafic à part entière, via Google Images et la recherche visuelle. Elles contribuent à la compréhension de la page par les moteurs. Et elles sont souvent la première cause de lenteur d'un site, ce qui pèse sur l'expérience et sur les Core Web Vitals.
1. Choisir le bon format
| Format | Usage conseillé |
|---|---|
| WebP | Le choix par défaut pour les photos et illustrations : léger et compatible avec tous les navigateurs récents |
| AVIF | Encore plus léger, à proposer avec WebP en solution de repli |
| JPEG | Repli universel pour les photos |
| PNG | Images avec transparence ou captures d'écran contenant du texte |
| SVG | Logos, icônes, pictogrammes : vectoriel, net à toutes les tailles |
2. Réduire le poids et adapter les dimensions
Une photo sortie d'un smartphone pèse souvent plusieurs mégaoctets et mesure 4 000 pixels de large, alors qu'elle s'affichera sur 800 pixels. Redimensionnez à la taille réellement affichée (en prévoyant le double pour les écrans haute densité), puis compressez. Idéalement, proposez plusieurs tailles avec l'attribut srcset pour que chaque appareil charge la version adaptée.
Indiquez aussi la largeur et la hauteur de chaque image dans le code : le navigateur réserve l'espace avant le chargement, ce qui évite les décalages de mise en page mesurés par l'indicateur CLS. Notre article sur PageSpeed Insights détaille ces indicateurs.
3. Charger au bon moment
- Chargement différé (
loading="lazy") pour les images situées plus bas dans la page. - Chargement prioritaire pour l'image principale visible dès l'arrivée : ne la différez jamais, au contraire, signalez-la comme prioritaire.
4. Nommer les fichiers
Le nom du fichier est un indice simple pour les moteurs. Préférez des noms descriptifs, en minuscules, avec des tirets : terrasse-bois-exotique-antibes.webp plutôt que DSC_0042.jpg. Inutile d'y empiler des mots-clés : décrivez ce que montre l'image.
5. Rédiger des textes alternatifs utiles
L'attribut alt est lu par les lecteurs d'écran des personnes malvoyantes et utilisé par les moteurs pour comprendre l'image. Il doit décrire l'image dans son contexte.
| À éviter | Mieux |
|---|---|
| alt="image1" | alt="Terrasse en bois exotique posée autour d'une piscine" |
| alt="terrasse bois Antibes pas cher pose terrasse" | alt="Pose d'une terrasse en ipé à Antibes, vue d'ensemble" |
| Alt descriptif sur une icône décorative | alt="" vide pour les images purement décoratives |
6. Soigner le contexte
Google comprend une image grâce à ce qui l'entoure : le titre de la page, les intertitres, la légende, le paragraphe voisin. Une image placée près du texte qu'elle illustre, avec une légende informative, est mieux interprétée. Les légendes sont d'ailleurs parmi les textes les plus lus d'une page.
7. Ajouter des données structurées
Pour les fiches produits, les recettes, les articles ou les événements, les données structurées permettent d'associer explicitement une image à un objet (un produit avec son prix et sa disponibilité, par exemple). Elles conditionnent certains affichages enrichis dans Google. Voir notre guide sur les données structurées.
Exemple : optimiser la galerie d'un carreleur
Prenons un carreleur de Montpellier dont la page « Réalisations » affiche quarante photos prises au téléphone, chacune de 4 à 6 Mo, nommées « IMG_2045.jpg » et sans texte alternatif. La page met plusieurs secondes à s'afficher sur mobile.
- Tri : conserver les vingt plus belles photos, représentatives des différents types de chantiers.
- Redimensionnement : 1 600 pixels de large au maximum, avec une version plus petite pour les vignettes.
- Conversion en WebP et compression : chaque photo passe sous 200 Ko.
- Renommage : « carrelage-grand-format-salon-montpellier.webp », « faience-salle-de-bains-castelnau.webp ».
- Textes alternatifs : « Carrelage grand format effet béton posé dans un salon à Montpellier ».
- Légendes : type de carrelage, pièce, commune.
- Chargement différé pour toutes les photos sauf les premières.
La page devient rapide, les photos peuvent apparaître dans Google Images sur des recherches précises, et chaque image raconte un chantier au lieu d'être un simple fichier anonyme.
Les erreurs fréquentes
- du texte important intégré dans une image (bannière avec offre ou numéro de téléphone) : il est mal lu par les moteurs et invisible pour les lecteurs d'écran ;
- des images chargées en arrière-plan CSS pour des contenus importants, que Google n'indexe pas comme des images de la page ;
- des galeries de dizaines de photos non compressées ;
- la même image générique réutilisée sur toutes les pages.
Pour une entreprise locale : les photos de vos réalisations, de votre équipe ou de vos produits réels, légendées avec le type de prestation et la commune, sont un excellent contenu. Publiez-les aussi sur votre fiche Google Business Profile.
En résumé
Des images légères, bien dimensionnées, bien nommées et bien décrites servent à la fois votre référencement, votre vitesse et l'accessibilité de votre site. C'est un chantier simple, souvent rentable. Lorsque nous concevons un site, ces optimisations sont intégrées dès le départ, comme dans toutes nos créations de sites. Pour la recherche par image sur mobile, lisez aussi notre article sur Entourer pour chercher.
Besoin d'un regard sur votre situation ? Notre diagnostic offert vérifie 5 points clés de votre présence en ligne et vous indique par où commencer.
Demander mon diagnostic offert