Bestanden beheren

Alle afbeeldingen en documenten die je in blokken gebruikt, leven in de Bestanden-module (linkerbalk → Bestanden). Eenmaal geüpload kan je een bestand op meerdere plaatsen hergebruiken zonder het opnieuw te uploaden.

De drie containers

In de linkerkolom van Bestanden zie je drie containers. Ze gedragen zich verschillend:

Container	Wie beheert	Wat zit er
Algemeen	Jij (redacteur)	Eigen foto's, afbeeldingen en documenten van je kantoor. Hier upload je, maak je submappen, hernoem je.
Shared	Bene.be — read-only	Gedeelde middelen die wij voor alle KBC-Agent-sites onderhouden. Te gebruiken op je site, niet aanpasbaar of verwijderbaar.
Statisch (deprecated)	Niet meer in gebruik	Oudere variant van Shared. Bestaat enkel om historische redenen — laat staan, gebruik Shared.

Algemeen — jouw eigen bestanden

Hier staat alles wat jij toevoegt voor je site: portretten van het team, foto's van de vestigingen, eigen PDF-brochures, sfeerbeelden, logo's, …

Suggesties voor mappen-structuur:

• team/ — portretfoto's
• vestigingen/ — foto's van de gebouwen
• producten/ — productafbeeldingen
• nieuws/ — afbeeldingen bij nieuwsberichten
• documenten/ — PDF-brochures, formulieren
• algemeen/ — sfeerbeelden, logo's, varia

Mappen-structuur is een hulpmiddel, geen rigide regel

Het CMS kan een afbeelding uit eender welke map gebruiken in eender welk blok. Mappen helpen jou bij het terugvinden — niet bij wat technisch werkt.

Shared — door Bene.be aangeleverd

Bevat materiaal dat overal op je site bruikbaar is, maar niet door redacteuren bewerkt of verwijderd kan worden. Twee submappen op het hoogste niveau, elk met thema-submappen eronder:

• bene.be/ — documenten, foto's, header-visuals, iconen en logo's die wij (Bene.be) voorzien.
• kbc/ — foto's, documenten en video's die we van KBC ontvingen en vrij gebruikt mogen worden als marketingmateriaal op de site.

Wil je iets toegevoegd of gewijzigd zien in Shared? Mail support@bene.be.

Statisch (deprecated)

Oude container die door Shared vervangen is. Kies altijd materiaal uit Shared; Statisch is alleen zichtbaar omdat oudere referenties er nog naar verwijzen.

Een bestand uploaden

Vanuit de Bestanden-module

1. Klik in de linkerbalk op Bestanden.
2. Selecteer de juiste map (of maak een nieuwe via + Nieuwe map).
3. Klik op Uploaden rechtsboven of sleep een bestand in het venster.

Direct vanuit een blok

In een blok met een afbeeldingsveld:

1. Klik op Toevoegen in het foto-veld.
2. Het CMS opent de Bestanden-modaal.
3. Klik op Uploaden rechtsboven.
4. Selecteer het pas geüploade bestand → Selecteren.

Vaak handiger als je net een nieuwe afbeelding hebt, want je hoeft niet eerst naar de Bestanden-module en daarna naar het blok terug te gaan.

Velden per bestand

Elk bestand heeft deze velden:

Veld	Wat erin?	Waar verschijnt het op de site?
Title	Naam van het bestand zoals jij het herkent	In ALT van afbeeldingen, in de Documenten-bibliotheek als titel van de download
Slug	URL-deel — automatisch afgeleid	In de URL van een directe download
Filename	Het echte bestandsnaam (incl. extensie)	In de URL van de download
Alt	Toegankelijkheidstekst voor afbeeldingen	Als alt-attribuut in de HTML — gelezen door screenreaders en zoekmachines
Omschrijving	Korte uitleg	In Documenten-bibliotheek onder de titel; in Foto-carrousel als bijschrift
Crop focus	Punt waar het CMS de afbeelding moet centreren bij croppen	Bepaalt wat zichtbaar blijft als de afbeelding wordt bijgesneden voor een blok

ALT-tekst goed schrijven

Het Alt-veld is essentieel voor:

• Toegankelijkheid: blinde of slechtziende bezoekers krijgen je site uitgelezen door screenreaders. De ALT-tekst is wat ze "zien".
• SEO: Google gebruikt ALT-tekst om te begrijpen waar een afbeelding over gaat.
• Fallback: als de afbeelding niet laadt (slechte verbinding), toont de browser de ALT-tekst.

Goede ALT-teksten:

• Beschrijven wat in de afbeelding staat, niet dat het een afbeelding is. ✗ "Foto van een auto" → ✓ "Rode auto op de oprit van een rijhuis".
• Kort: één zin, max 125 tekens.
• Stop niet met SEO-keywords proppen — Google ziet dat door en straft het af.
• Decoratieve afbeeldingen (bv. een sfeerbeeld zonder informatie) → ALT-veld leeg laten. Screenreaders slaan ze dan over.

Bestandsformaten en groottes

Afbeeldingen

Formaat	Wanneer gebruiken
JPG (.jpg)	Foto's met veel kleur en detail. Kleinere bestandsgrootte.
PNG (.png)	Schermafdrukken, grafieken, afbeeldingen met scherpe randen of transparantie.
SVG (.svg)	Logo's, iconen, eenvoudige vectorbeelden. Schaalt zonder kwaliteitsverlies.
WEBP (.webp)	Modern formaat — kleiner dan JPG/PNG, alle moderne browsers ondersteunen het.

Aanbevolen groottes

• Sfeerfoto's voor Foto-blok: 1920×1080 px, JPG, < 500 KB
• Productfoto's voor Foto + tekst: 1200×900 px, JPG of PNG, < 400 KB
• Portretfoto's voor Team: 800×800 px (vierkant), JPG, < 200 KB
• PDF-documenten: < 5 MB. Optimaliseer met SmallPDF of via Bestand → Verkleinen in Acrobat.

Optimaliseer voor je uploadt

Het CMS doet automatische resizing voor weergave, maar de upload-grootte zelf wordt niet verkleind. Een 8 MB foto kost daadwerkelijk 8 MB schijfruimte. Optimaliseer met TinyPNG, Squoosh of vergelijkbaar vóór upload.

Bestanden hernoemen of vervangen

Hernoemen

Open een bestand → wijzig Filename → Bewaren. De URL verandert mee. Dat breekt links als de URL ergens extern was opgeslagen.

Vervangen (zelfde URL behouden)

Open een bestand → klik op Bestand vervangen → upload de nieuwe versie. Het CMS overschrijft het bestand met dezelfde naam — alle blokken die ernaar verwezen, gebruiken automatisch de nieuwe versie.

Vervangen i.p.v. nieuwe upload

Voor wijzigingen aan een bestaand bestand (bv. een nieuwe versie van een PDF-brochure): gebruik Vervangen. Bestaande links in nieuwsberichten en pagina's blijven werken.

Een nieuwe upload geeft een nieuw bestand met een nieuwe URL. Alle plaatsen waar je het oude bestand gebruikte, moet je manueel updaten.

Bestanden verwijderen

Open een bestand → tandwieltje → Verwijderen. Bevestig.

Verwijderen breekt blokken

Een bestand verwijderen dat nog in gebruik is: blokken die ernaar verwijzen, tonen niets meer.

Documenten-bibliotheek is hierop een uitzondering: dat blok controleert of het bestand nog op de server staat en verbergt verdwenen documenten automatisch.

Best practice: voor je een bestand verwijdert, zoek waar het nog gebruikt wordt (gebruik de zoekbalk in het CMS).

Veelgemaakte fouten

• Bestanden zonder duidelijke naam — IMG_4287.jpg zegt niets. Hernoem direct na upload naar bv. vestiging-leuven-gevel.jpg.
• Geen ALT-tekst — slecht voor SEO en toegankelijkheid. Standaard altijd invullen, behalve voor zuiver decoratieve beelden.
• Afbeeldingen niet vooraf optimaliseren — slome site, hoge serverkosten. 5 MB foto's zijn niet nodig voor een website.
• Bestand vervangen door upload-met-andere-naam — verlies van referenties in oude blokken. Gebruik Vervangen als je dezelfde URL wil behouden.
• Mappen verplaatsen na verloop van tijd — soms verandert een bestand-URL door een verplaatsing. Niet zomaar verplaatsen als de URL extern bekend is.