Se rendre au contenu
CHAPITRE 6 / 7

Gérer les médias et images

Bibliothèque d images, optimisation, formats responsive. Le visuel pro sans peser sur la performance.

🎯 Objectifs de ce chapitre
  • ✓Uploader et organiser des images
  • ✓Optimiser le poids et la taille
  • ✓Ajouter alt text et titre
  • ✓Utiliser la bibliothèque centralisée

1La bibliothèque média

Odoo centralise toutes vos images dans une bibliothèque média. Elles sont accessibles depuis n importe quelle page ou article.

1
Accédez via Site Web → Configuration → Médias
Ou directement quand vous insérez une image (l icône bibliothèque).
2
Filtrez par catégorie
Photos, illustrations, icônes, etc.
3
Recherchez par nom
Bonne pratique : nommez vos images avec mots-clés (ex : "site-vitrine-odoo-arras.jpg" pas "IMG_2034.jpg").

2Uploader des images

Vous pouvez uploader depuis votre PC, depuis une URL externe, ou choisir parmi la bibliothèque Unsplash intégrée.

1
Cliquez sur "Ajouter média"
Bouton dans la bibliothèque ou directement quand vous insérez une image.
2
Choisissez la source
"Upload" depuis PC, "URL" depuis le web, ou "Unsplash" (gratuit et libre de droits).
3
Glissez-déposez ou sélectionnez
Plusieurs images en simultané, c est OK.
4
Renseignez les métadonnées
Nom, alt text, description.
💡 Astuce

L intégration Unsplash donne accès à des millions de photos pro gratuites et libres de droits, directement depuis Odoo. Tapez votre mot-clé et choisissez.

3Optimiser une image

Une image trop lourde ralentit votre site et pénalise le SEO. Optimiser = compresser sans perte visible.

  • Avant upload : redimensionnez à la taille d affichage (ex : 1200px max width pour un blog).
  • Format moderne : préférez WebP (30% plus léger que JPG/PNG à qualité égale).
  • Compression : tinyPNG.com ou squoosh.app divisent le poids par 5 sans perte visible.
  • Odoo compresse aussi automatiquement à l upload (mais pas autant qu un outil dédié).
⚠️ Performance

Une image de 5 MB sur votre home = pénalité SEO + abandon visiteur sur mobile. Visez 200 KB max par image, 50-100 KB idéal.

4Alt text et accessibilité

Le alt text est le texte descriptif qui apparaît si l image ne charge pas, et que les lecteurs d écran lisent aux personnes malvoyantes.

  • Doit décrire le contenu de l image (pas "image1" ou "logo")
  • Court : 5-15 mots
  • Inclut le mot-clé principal si naturel
  • Pas de "image de" ou "photo de" (redondant — les lecteurs savent que c est une image)
🎯 Exercice pratique

Choisissez une image existante de votre site (logo, photo équipe...). Ouvrez ses métadonnées. Vérifiez le alt text. S il manque ou est mauvais ("IMG_2034"), corrigez-le avec une description pertinente. Sauvegardez.

Voir la solution

Un bon alt text : "Site vitrine Odoo réalisé par Vision Digital pour boulangerie Arras". Mauvais : "image" / "site" / "logo3". Reload la page : le alt apparaît si vous bloquez les images dans votre navigateur.

📚 À retenir

  • →La bibliothèque centralise toutes vos images.
  • →Unsplash intégré = millions de photos pros libres de droits.
  • →Compresser à 200 KB max via tinyPNG ou squoosh avant upload.
  • →Alt text obligatoire : 5-15 mots descriptifs avec mot-clé.
🧠 Testez vos connaissances

Quiz du chapitre 6

1. Quel poids cible par image ?

✓ Bravo ! Au-delà de 200 KB par image, votre site rame sur mobile et perd des points SEO.
✗ Pas tout à fait. La bonne réponse est : 200 KB max idéalement. Au-delà de 200 KB par image, votre site rame sur mobile et perd des points SEO.

2. Quel format est le plus léger à qualité égale ?

✓ Bravo ! WebP est ~30% plus léger que JPG/PNG. Supporté par tous les navigateurs modernes.
✗ Pas tout à fait. La bonne réponse est : WebP. WebP est ~30% plus léger que JPG/PNG. Supporté par tous les navigateurs modernes.

3. Pourquoi le alt text est obligatoire ?

✓ Bravo ! Le alt text rend votre site accessible aux malvoyants ET donne du contexte à Google pour le référencement image.
✗ Pas tout à fait. La bonne réponse est : Accessibilité (lecteurs d écran) + SEO. Le alt text rend votre site accessible aux malvoyants ET donne du contexte à Google pour le référencement image.

✅ Aujourd hui, je peux...

Cliquez pour cocher ce que vous savez maintenant faire.

FIN DE CHAPITRE

Vous avez fini ce chapitre ?

Continuez en formation 1-to-1 sur vos vraies données, ou laissez-moi gérer le service clé en main.

🎓
FORMATION 1-TO-1 · 2 h

Formation Odoo Site Web avec moi

Pour Dirigeants PME, assistants administratifs, indépendants. 2 h en visio sur vos vraies données. Vous repartez autonome.

150 € TTC · visio par défaut, présentiel +100 €
Réserver la formation →
🛠️
SERVICE CLÉ EN MAIN

Site Vitrine Odoo

Site vitrine 5 pages clé en main, responsive, SEO, RGPD.

800 € TTC · prix fixe
Voir le service →