Se rendre au contenu
Vision Digital
  • Accueil
  • Services
    • Boutique
    • Datavisualisation & Power BI
    • Formations
    • Tarifs
  • Guides gratuits
  • Blog
  • À propos
    • Présentation
    • Réalisations
  • Zones d'intervention
    • Toutes les zones
    • Agence Web Albert (80)
    • Agence Web Arras (62)
    • Agence Web Cambrai (59)
    • Agence Web Péronne (80)
    • Visio — partout en France
  • 0
  • 0
  • +33 (0)6 69 97 13 34
  • Se connecter
  • Contactez-nous
Vision Digital
  • 0
  • 0
    • Accueil
    • Services
      • Boutique
      • Datavisualisation & Power BI
      • Formations
      • Tarifs
    • Guides gratuits
    • Blog
    • À propos
      • Présentation
      • Réalisations
    • Zones d'intervention
      • Toutes les zones
      • Agence Web Albert (80)
      • Agence Web Arras (62)
      • Agence Web Cambrai (59)
      • Agence Web Péronne (80)
      • Visio — partout en France
  • +33 (0)6 69 97 13 34
  • Se connecter
  • Contactez-nous
Accueil / Guides / Maîtriser Odoo Site Web / Chapitre 6
06 / 07 Chapitre

Médias & images.

Des images bien gérées = un site rapide et bien référencé. Bibliothèque, upload, optimisation et alt text : les bons réflexes pour que vos visuels servent votre SEO au lieu de le plomber.

  • ~ 8 min de lecture
  • Niveau débutant
  • Mis à jour mai 2026

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

1 La 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. 1

    Accédez via Site Web → Configuration → Médias

    Ou directement quand vous insérez une image (via l'icône « bibliothèque »).

  2. 2

    Filtrez par catégorie

    Photos, illustrations, icônes, etc.

  3. 3

    Recherchez par nom

    Bonne pratique : nommez vos images avec des mots-clés (ex : « site-vitrine-odoo-arras.jpg », pas « IMG_2034.jpg »).

2 Uploader des images

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

  1. 1

    Cliquez sur « Ajouter média »

    Le bouton dans la bibliothèque, ou directement au moment d'insérer une image.

  2. 2

    Choisissez la source

    « Upload » depuis le PC, « URL » depuis le web, ou « Unsplash » (gratuit et libre de droits).

  3. 3

    Glissez-déposez ou sélectionnez

    Plusieurs images en simultané, c'est possible.

  4. 4

    Renseignez les métadonnées

    Nom, alt text, description.

L'intégration Unsplash

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

3 Optimiser une image

Une image trop lourde ralentit votre site et pénalise le SEO. Optimiser, c'est compresser sans perte visible.

  • Avant l'upload · redimensionnez à la taille d'affichage (ex : 1200 px de large max pour un blog)
  • Un format moderne · préférez le WebP (≈ 30 % plus léger que le JPG/PNG à qualité égale)
  • La compression · tinyPNG.com ou squoosh.app divisent le poids par 5 sans perte visible
  • Odoo compresse aussi automatiquement à l'upload (mais moins bien qu'un outil dédié)
L'impact sur la performance

Une image de 5 Mo sur votre page d'accueil = pénalité SEO + abandon du visiteur sur mobile. Visez 200 Ko max par image, 50 à 100 Ko en idéal.

4 Alt text et accessibilité

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

  • Il doit décrire le contenu de l'image (pas « image1 » ou « logo »)
  • Court · 5 à 15 mots
  • Il inclut le mot-clé principal si c'est naturel
  • Pas de « image de » ni « photo de » (redondant — les lecteurs savent déjà que c'est une image)
Exercice pratique

Choisissez une image existante de votre site (logo, photo d'équipe…). Ouvrez ses métadonnées et vérifiez son alt text. S'il manque ou s'il 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 une boulangerie d'Arras ». Mauvais : « image » / « site » / « logo3 ». Pour le tester, bloquez les images dans votre navigateur et rechargez la page : le alt text apparaît à la place de l'image.

À retenir

  • La bibliothèque : centralisée (Configuration → Médias). Nommez vos fichiers avec des mots-clés.
  • Uploader : depuis le PC, une URL ou Unsplash (gratuit, libre de droits).
  • Optimiser : WebP, redimensionner, compresser (tinyPNG/squoosh). 200 Ko max, 50-100 Ko idéal.
  • L'alt text : 5-15 mots descriptifs, sans « image de ». Pour l'accessibilité ET le SEO.
Testez vos connaissances

Quiz du chapitre 6

3 questions rapides. Cliquez votre réponse — le feedback apparaît immédiatement.

Score 0 / 3

1. Quel poids viser par image ?

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

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

Bravo ! Le WebP est ≈ 30 % plus léger que le JPG/PNG. Il est supporté par tous les navigateurs modernes.
Pas tout à fait. La bonne réponse : le WebP.

3. Pourquoi l'alt text est-il indispensable ?

Bravo ! Le alt text rend votre site accessible aux malvoyants ET donne du contexte à Google pour le référencement des images.
Pas tout à fait. La bonne réponse : pour l'accessibilité (lecteurs d'écran) + le SEO.

Aujourd'hui, je peux…

Cliquez pour cocher ce que vous maîtrisez après ce chapitre.

Chapitre précédent Gérer le blog Articles, cover, catégories
Chapitre suivant SEO de base Titres, sitemap, indexation
Vous avez fini ce chapitre ?

Allez plus loin avec une formation 1-to-1.

Si ce chapitre vous a plu, la Formation Odoo Site Web 1-to-1 va plus loin : on met en place ensemble votre bibliothèque média, on optimise vos vraies images et on cale vos bons réflexes alt text, sur votre propre site.

Réserver Formation Odoo Site Web — 150 € Continuer au chapitre 7 →
Sommaire du guide
  • 01 Découvrir l'interface
  • 02 Éditer le contenu
  • 03 Les building blocks
  • 04 Créer des pages
  • 05 Gérer le blog
  • 06 Médias & images
  • 07 SEO de base
Aller plus loin

Formation Odoo Site Web

Ce guide donne les bases. La formation va plus loin : vos images optimisées et bien rangées, avec vous.

  • 150 € · sur votre tenant
  • en visio
  • 1 semaine support email
Réserver — 150 € Voir le programme
Réponse sous 24 h du lundi au samedi, 9 h-18 h
Devis gratuit ferme et détaillé sous 48 h
Interlocuteur unique de A à Z, sans call center
Hauts-de-France + visio partout en France
Vision Digital

Agence digitale pour PME, TPE et collectivités locales.
Sites Odoo, e-commerce, Power BI, IA locale RGPD.

✦ Outils testés sur ma propre boutique avant de vous être proposés.

Services

  • Pack Démarrage · 1 200 €
  • Pack E-commerce Pro 1 800 €
  • Pack Analyse de Données 900 €
  • Site vitrine Odoo · 800 €
  • Tableaux Power BI 800 €
  • Assistant IA Local 149 €
  • Voir tout le catalogue →

Zones d'intervention

  • 📍 Arras 62
  • 📍 Cambrai 59
  • 📍 Péronne 80
  • 📍 Albert 80
  • + Visio France entière
  • Toutes les zones →

Navigation

  • Accueil
  • À propos
  • Tarifs
  • Boutique
  • Blog
  • Guides gratuits
  • Formations
  • Contact

Contact direct

Téléphone 06 69 97 13 34
Formulaire Décrire mon projet
Adresse 41 rue de la République
62450 Bapaume

🕒 Lun-Sam · 9 h-18 h

★ Je pratique ce que je recommande

Boutique e-commerce BPShop-R · validée par +165 avis 5★ sur Leboncoin, Vinted, eBay et Amazon.

Étude de cas →
© 2026 Vision Digital · Bapaume, Hauts-de-France · TVA non applicable (art. 293 B CGI)
  • CGV
  • Mentions légales
  • Vie privée
  • Cookies

Conçu avec Vision Digital dans les Hauts-de-France · Hébergé dans l'Union européenne

Le respect de votre vie privée est notre priorité.

Autoriser l'utilisation des cookies de ce site web sur ce navigateur ?

Nous utilisons des cookies pour améliorer l'expérience sur ce site web. Vous pouvez en savoir plus sur nos cookies et sur la manière dont nous les utilisons dans notre Politique de cookies.

Autoriser tous les cookiesN'autoriser que les cookies essentiels