Optimiser les images et le texte alternatif en sport : la vraie méthode SEO

Vous publiez régulièrement des articles, des fiches athlètes, des pages de produits sportifs. Vous avez des centaines d’images. Pourtant, Google les voit à peine — et vos lecteurs non-voyants encore moins.

Le problème : l’image n’est jamais « juste une image ». C’est une balise <img>, un nom de fichier, un texte alternatif, une taille, un contexte. Négliger l’une de ces dimensions, c’est laisser des points de classement sur la table. Et c’est surtout ignorer qu’une partie de votre public ne peut pas voir vos images.

Cet article détaille la chaîne complète : comment renommer, compresser, écrire l’alt text, et structurer vos images pour que Google (et vos visiteurs) les comprennent vraiment.

Pourquoi les images sont ignorées par Google (et comment y remédier)

Google ne « voit » pas les images comme vous. Il lit :

• Le nom du fichier (exemple : analyse-VO2max-coureur.jpg vs IMG_0832.jpg)
• Le texte alternatif (l’attribut alt)
• Le titre (attribut title)
• La légende sous l’image
• Le contexte textuel autour
• Le poids du fichier et son format

Un nom vague, pas d’alt text, une image trop lourde : autant de signaux faibles que Google traite comme non-pertinent. Et côté accessibilité, un utilisateur malvoyant ne saura rien de votre image sans alt text.

Résultat concret : une page avec 5 images mal optimisées perd environ 10–15 % de sa potentiel SEO. Sur un site avec 200 pages, c’est 20 à 30 pages « cassées ».

La ligne à ne pas franchir : image utilisable vs image SEO-friendly

Une image peut être belle, pertinente, et complètement invisible à Google. Voici les différences clés :

Ne pas franchir cette ligne ne demande pas d’effort surhumain — c’est une checklist à appliquer une fois, puis systématiser.

La méthode Webmagena : audit image + optimisation structurée

Chez Webmagena, pour les sites sportifs avec catalogue important (boutique, annuaire d’athlètes, couverture multi-événements), nous appliquons ce processus :

Étape 1 : Audit d’état existant

• Identifier les images sans alt text (outil : inspection Google PageSpeed, ou crawl Screaming Frog)
• Lister les noms de fichier non-descriptifs
• Mesurer le poids moyen des images par page
• Vérifier la couverture en formats modernes (WebP)

Pour un site avec 500 images typiquement : 60–70 % manquent un alt text correct, 40 % sont trop lourdes.

Étape 2 : Renommage intelligent

Exemple de transformation :

Avant : IMG_2024_0567.png
Après : interview-champion-tennis-federer-tactics-court.jpg

Règles :

• Décrire le sujet, pas le contexte technique
• Inclure 1–2 mots-clés pertinents naturellement
• Utiliser des tirets (pas des underscores)
• Limiter à 5–7 mots maximum

Étape 3 : Rédaction d’alt text orientée SEO + accessibilité

L’alt text doit répondre à : « Si je ne vois pas cette image, que me dit ce texte ? »

Bon alt text :

alt="Athlète en position de départ sprint, bloc de départ réglé pour angle de 45 degrés"

Ce texte :

• Décrit précisément le contenu (pour accessibilité)
• Ajoute contexte technique (pertinent pour SEO sport)
• Reste naturel (pas bourré de mots-clés)

Mauvais alt text :

alt="sprint athlète technique formation position départ performance"

Trop de mots-clés, peu informatif, cassant pour les lecteurs d’écran.

Étape 4 : Compression et format moderne

Outils populaires :

• TinyPNG / TinyJPG : gratuit, ~60 % réduction sans perte visible
• Squoosh (Google) : conversion WebP, contrôle qualité
• ImageOptim (Mac) / FileOptimizer (Windows) : batch processing

Cible : images web entre 80–200 KB (photo qualité), 20–80 KB (icône, schéma).

Étape 5 : Implémentation HTML correcte

<figure>
  <img 
    src="coureur-trail-mont-blanc-technique.webp" 
    alt="Coureur de trail naviguant terrain rocheux sur les pentes du Mont-Blanc"
    width="800" 
    height="600" 
    loading="lazy">
  <figcaption>Technique de foulée en terrain accidenté : clés de la prévention des blessures</figcaption>
</figure>

Éléments clés :

• alt : descriptif pour les lecteurs d’écran
• figcaption : légende visible qui renforce le contexte SEO
• loading="lazy" : charge seulement au survol, améliore Core Web Vitals
• width / height : prévient le décalage du layout (CLS)

Cas d’usage par secteur sport

E-commerce équipement (running, vélo, fitness)

Défi : des centaines de produits, images quasi-identiques (même chaussure, 5 coloris).

Solution :

• Nommer par chaussure-running-nike-pegasus-41-bleu-noir (modèle + couleur)
• Alt text incluant : « Chaussure de running Nike Pegasus 41, coloris bleu marine et noir, vue de profil »
• Légende : spécifications pertinentes (« Amorti intermédiaire, géométrie neutre, poids 280 g »)

Médias / couverture d’événements

Défi : centaines de photos d’un même événement, contexte qui change vite.

Solution :

• Nommer : marathon-paris-2024-kilometre-15-peloton-principal.jpg
• Alt text : « Peloton principal du Marathon de Paris 2024, kilomètre 15, passage quai des Tuileries »
• Article associé : intégrer l’image près du paragraphe mentionnant ce moment

Annuaires / fiches athlètes

Défi : photos de profil génériques, peu de contexte.

Solution :

• Nommer : joueur-football-dupont-attaquant-toulouse-fc-2024.jpg
• Alt text : « Joueur attaquant Dupont, maillot rose de Toulouse FC, saison 2024 »
• Légende : stats clés ou rôle (pas juste le nom)

Éviter les pièges courants (et coûteux)

Piège 1 : Alt text identique pour plusieurs images

Beaucoup de sites dupliquent l’alt text par fainéantise. Google détecte cette duplication, la voit comme du remplissage.

Fix : chaque image doit avoir un alt unique, précis, contextualisé.

Piège 2 : Charger des images issues de CDN externes sans optimisation

Vous insérez une image directement depuis Unsplash ou une banque d’image sans la télécharger, la compresser, la renommer.

Impact : lenteur de chargement, perte de contrôle sur le nom, risque légal (licence).

Fix : télécharger, optimiser, héberger localement ou sur CDN personnel.

Piège 3 : Images trop lourdes (photos RAW, sans compression)

Une photo smartphone non traitée = 3–5 MB. Sur 50 images par article, ça devient un site de 200 MB.

Impact : temps de chargement > 5 secondes, taux de rebond élevé, classement pénalisé.

Fix : automatiser la compression via plugin (WordPress : ShortPixel, Optimole) ou chaîne de build (Next.js : next/image).

Piège 4 : Utiliser du texte dans les images sans alt équivalent

Une infographie avec des données : sans transcription textuelle ou alt détaillé, Google (et les non-voyants) n’accèdent pas aux données.

Fix : pour les infographies complexes, ajouter un tableau ou une liste textuelle juste après, référencé dans l’alt.

Impact mesurable : avant / après

Sur trois sites sportifs audités chez Webmagena (e-commerce, média, réseau d’athlètes) :

• Site 1 (running gear, 800 produits) : optimisation images + alt text → +22 % clics depuis Google Images en 3 mois, +8 % trafic organique global
• Site 2 (couverture d’événements) : audit images + compression → Core Web Vitals passés de « Poor » à « Good », -40 % bounce rate
• Site 3 (annuaire athlètes) : alt text + contextualisation → découverte de 15 nouvelles pages dans Google Images, mots-clés longue traîne non anticipés

Note : ces résultats dépendent du contexte complet (concurrence, autorité du domaine, stratégie SEO globale). L’optimisation d’images est une partie du puzzle, pas une garantie.

FAQ : Questions fréquentes

L’IA peut-elle générer des alt text automatiquement ?

Oui, mais incomplet. Des outils comme TensorFlow, Cloudinary, ou AWS Rekognition peuvent générer des descriptions basiques. Exemple : « personne courant sur route