Gérer les ressources¶

Toutes les images et documents utilisés dans les blocs vivent dans le module Ressources (barre latérale → Ressources). Une fois téléversé, vous pouvez réutiliser un fichier à plusieurs endroits sans le re-téléverser.

Aperçu module Ressources

Les trois conteneurs¶

Dans la colonne de gauche du module Ressources, vous voyez trois conteneurs. Ils se comportent différemment :

Conteneur	Géré par	Contenu
Algemeen	Vous (rédacteur)	Vos propres photos, images et documents. C'est ici que vous téléversez, créez des sous-dossiers, renommez.
Shared	Bene.be — lecture seule	Ressources partagées que nous maintenons pour tous les sites KBC-Agent. Utilisables sur votre site, mais non modifiables ni supprimables.
Statisch (deprecated)	Plus utilisé	Ancienne variante de Shared. Existe uniquement pour des raisons historiques — laissez tel quel, utilisez Shared.

Algemeen — vos propres fichiers¶

Tout ce que vous ajoutez pour votre site se trouve ici : portraits de l'équipe, photos des bureaux, brochures PDF, visuels d'ambiance, logos, …

Suggestions de structure :

team/ — portraits
vestigingen/ — photos des bâtiments
producten/ — images produit
nieuws/ — images d'actualités
documenten/ — brochures PDF, formulaires
algemeen/ — visuels d'ambiance, logos, divers

La structure de dossiers est une aide, pas une règle rigide

Le CMS peut utiliser une image de n'importe quel dossier dans n'importe quel bloc. Les dossiers vous aident à retrouver — pas à ce qui est techniquement possible.

Shared — fourni par Bene.be¶

Contient du matériel utilisable partout sur votre site, mais non modifiable ou supprimable par les rédacteurs. Deux sous-dossiers au niveau supérieur, chacun avec ses propres sous-dossiers thématiques :

bene.be/ — documents, photos, visuels d'en-tête, icônes et logos que nous (Bene.be) fournissons.
kbc/ — photos, documents et vidéos reçus de KBC, libres d'usage comme matériel marketing sur le site.

Vous voulez ajouter ou modifier quelque chose dans Shared ? Mailez support@bene.be.

Statisch (deprecated)¶

Ancien conteneur remplacé par Shared. Choisissez toujours du matériel dans Shared ; Statisch n'est visible que parce que d'anciennes références y pointent encore.

Téléverser un fichier¶

Depuis le module Ressources¶

Cliquez dans la barre latérale sur Ressources.
Sélectionnez le bon dossier (ou créez-en un via + Nouveau dossier).
Cliquez sur Téléverser en haut à droite ou glissez un fichier dans la fenêtre.

Directement depuis un bloc¶

Dans un bloc avec un champ image :

Cliquez sur Ajouter dans le champ photo.
Le CMS ouvre la modale Ressources.
Cliquez sur Téléverser en haut à droite.
Sélectionnez le fichier nouvellement téléversé → Sélectionner.

Souvent plus pratique avec une nouvelle image, car vous évitez l'aller-retour Ressources ↔ bloc.

Champs par fichier¶

Chaque fichier a ces champs :

Champ	Contenu	Où apparaît-il sur le site ?
Title	Nom du fichier tel que vous le reconnaissez	Dans ALT des images, dans la Bibliothèque de documents comme titre du téléchargement
Identificateur	Partie d'URL — déduite automatiquement	Dans l'URL du téléchargement direct
Filename	Nom de fichier réel (avec extension)	Dans l'URL du téléchargement
Alt	Texte d'accessibilité pour images	Comme attribut `alt` HTML — lu par lecteurs d'écran et moteurs de recherche
Description	Courte explication	Dans Bibliothèque de documents sous le titre ; dans Carrousel photo comme légende
Crop focus	Point où le CMS doit centrer l'image lors du rognage	Détermine ce qui reste visible si l'image est rognée pour un bloc

Bien écrire le texte ALT¶

Le champ Alt est essentiel pour :

Accessibilité : les visiteurs aveugles ou malvoyants reçoivent votre site lu par lecteurs d'écran. Le texte ALT est ce qu'ils « voient ».
SEO : Google utilise le texte ALT pour comprendre le sujet d'une image.
Fallback : si l'image ne charge pas (mauvaise connexion), le navigateur affiche le texte ALT.

Bons textes ALT :

Décrivent ce que montre l'image, pas qu'il s'agit d'une image. ✗ « Photo d'une voiture » → ✓ « Voiture rouge dans l'allée d'une maison mitoyenne ».
Courts : une phrase, max 125 caractères.
Pas de bourrage de mots-clés SEO — Google le détecte et le pénalise.
Images décoratives (par ex. un visuel d'ambiance sans information) → laissez le champ ALT vide. Les lecteurs d'écran les sautent.

Formats et tailles de fichier¶

Images¶

Format	Quand l'utiliser
JPG (`.jpg`)	Photos avec beaucoup de couleur et détail. Plus petit.
PNG (`.png`)	Captures, graphiques, images avec bords nets ou transparence.
SVG (`.svg`)	Logos, icônes, vectoriels simples. Échelle sans perte.
WEBP (`.webp`)	Format moderne — plus petit que JPG/PNG, supporté par tous les navigateurs modernes.

Tailles recommandées¶

Visuels d'ambiance pour le bloc Photo : 1920×1080 px, JPG, < 500 Ko
Photos produit pour Photo + texte : 1200×900 px, JPG ou PNG, < 400 Ko
Portraits pour Équipe : 800×800 px (carré), JPG, < 200 Ko
Documents PDF : < 5 Mo. Optimisez avec SmallPDF ou via Fichier → Réduire dans Acrobat.

Optimisez avant l'upload

Le CMS redimensionne automatiquement pour l'affichage, mais la taille d'upload elle-même n'est pas réduite. Une photo de 8 Mo coûte effectivement 8 Mo d'espace disque. Optimisez avec TinyPNG, Squoosh ou équivalent avant le téléversement.

Renommer ou remplacer des fichiers¶

Renommer¶

Ouvrez un fichier → modifiez Filename → Enregistrer. L'URL change. Cela casse les liens si l'URL était stockée quelque part en externe.

Remplacer (en gardant la même URL)¶

Ouvrez un fichier → cliquez sur Remplacer le fichier → téléversez la nouvelle version. Le CMS écrase le fichier avec le même nom — tous les blocs qui y réfèrent utilisent automatiquement la nouvelle version.

Remplacer plutôt que re-téléverser

Pour des modifications sur un fichier existant (par ex. nouvelle version d'une brochure PDF) : utilisez Remplacer. Les liens existants dans actualités et pages continuent de fonctionner.

Un nouveau téléversement crée un nouveau fichier avec une nouvelle URL. Tous les emplacements utilisant l'ancien fichier doivent être mis à jour manuellement.

Supprimer des fichiers¶

Ouvrez un fichier → roue dentée → Supprimer. Confirmez.

Supprimer casse les blocs

Supprimer un fichier encore utilisé : les blocs qui y réfèrent n'affichent plus rien.

La Bibliothèque de documents fait exception : ce bloc vérifie si le fichier est encore sur le serveur et masque automatiquement les documents disparus.

Bonne pratique : avant de supprimer un fichier, cherchez où il est encore utilisé (utilisez la barre de recherche du CMS).

Erreurs fréquentes¶

Fichiers sans nom clair — IMG_4287.jpg ne dit rien. Renommez immédiatement après upload en par ex. agence-louvain-facade.jpg.
Pas de texte ALT — mauvais pour SEO et accessibilité. Remplissez par défaut, sauf images purement décoratives.
Images non optimisées avant upload — site lent, coûts serveur élevés. Pas besoin de photos 5 Mo pour un site web.
Remplacer un fichier en téléversant avec un autre nom — perte de références dans d'anciens blocs. Utilisez Remplacer pour conserver la même URL.
Déplacer des dossiers au fil du temps — un déplacement peut changer l'URL. Ne déplacez pas si l'URL est connue en externe.