Scherm met media-overzicht en voorbeelden

Nooit meer handmatig alt-teksten typen: AI plaatst nu zelf de juiste afbeelding op je pagina

Door Rob Rollenberg

AI verandert de manier waarop je afbeeldingen toevoegt aan je website. Geen handmatig zoekwerk of het verzinnen van alt-teksten meer—via het VibeSite-dashboard genereer je in één klik complete metadata voor je media. Je ziet direct welke bestanden nog metadata missen en vult met Genereer met AI automatisch de alt-tekst, beschrijving en relevante trefwoorden in. Zo wordt elk beeld niet alleen toegankelijker, maar ook optimaal vindbaar voor zoekmachines. Dit bespaart tijd én zorgt voor consistency in je contentbeheer.

Bewerken van metadata in een online interface

Het probleem: een mediabibliotheek zonder context

Een typische mediabibliotheek bestaat uit bestanden als Rectangle 18.webp of image_7.webp. Technisch correct, inhoudelijk waardeloos. Zonder alt-tekst, beschrijving of trefwoorden weet niemand — mens of machine — wat er op die afbeelding staat, laat staan waar hij het beste past.

Dat heeft twee directe gevolgen. Ten eerste op SEO- en toegankelijkheidsvlak: ontbrekende alt-teksten zijn een gemiste kans voor zoekmachines en een drempel voor screenreader-gebruikers. Ten tweede operationeel: wie een nieuwe pagina inricht, gaat handmatig op zoek naar "die ene foto van de sportschool" tussen bestanden die allemaal hetzelfde heten.

Stap 1: metadata genereren met AI

In het mediaoverzicht zie je in één oogopslag welke bestanden compleet zijn en welke nog "Geen metadata" hebben. Klik je op zo'n bestand, dan opent het scherm "Metadata bewerken". Daar staat een knop Genereer met AI.

Een klik later vult het systeem automatisch:

  • Alt-tekst — een beknopte, beschrijvende zin die direct op de afbeelding wordt opgeslagen in Strapi
  • Beschrijving — een uitgebreidere context, bijvoorbeeld: "Een persoon is bezig met krachttraining in een sportschool en tilt een zware halter op. Een polsband wordt gebruikt voor extra ondersteuning. De focus ligt op de inspanning en techniek van de oefening."
  • Trefwoorden — losse tags zoals krachttraining, halter, sportschool, fitness, gewichtheffen, training, polsband, inspanning

Je kunt elk veld nog aanpassen voordat je opslaat, maar in de praktijk is de AI-output meestal al bruikbaar. Wat voorheen een paar minuten typewerk per afbeelding kostte, is nu een kwestie van controleren en bevestigen.

Stap 2: bestaande afbeeldingen automatisch matchen aan een pagina

Het echte tijdwinst-moment zit in de tweede stap. Stel: je bouwt een pagina met meerdere lege beeldplekken — een achtergrondafbeelding bij de hero, een featured image bij een sectie, een illustratie bij het contactformulier. In plaats van zelf te zoeken, klik je op Afbeeldingen zoeken.

Het systeem analyseert eerst de pagina-context (de koppen, de tekst rond elke beeldplek, het type slot: achtergrond, featured image, illustratie) en doorzoekt vervolgens de mediabibliotheek op basis van de eerder gegenereerde metadata. Voor elke lege plek krijg je drie kandidaten te zien, elk met een matchpercentage:

  • Een navigatiekaart met routepunt scoort 100% op een contactformulier-achtergrond met trefwoorden als "locatie" en "kaart"
  • Een foto van een bokszak in een fitnessruimte scoort hoog op een sectie met de kop "Waarom BoksFit?"
  • Een onscherpe of thematisch afwijkende foto scoort laag en wordt automatisch onderaan gerangschikt

Staat er geen sterke match in de bibliotheek, dan waarschuwt het systeem daar expliciet voor ("Geen sterke match in de bibliotheek. Bekijk de opties of voeg metadata toe") in plaats van zomaar de minst slechte optie te forceren.

Met Vul beste matches in worden alle lege plekken in één keer gevuld met de hoogst scorende afbeelding per slot. Twijfel je over één specifieke plek, dan kies je gewoon handmatig uit de gepresenteerde opties. Zodra je tevreden bent, bevestig je met Pas N afbeeldingen toe en is de pagina compleet — inclusief correcte alt-teksten, zonder dat je ook maar één bestand handmatig hoeft te zoeken of een alt-tekst hoeft te typen.

Waarom dit meer is dan gemak

Dit is niet alleen een snelheidswinst voor de content-editor. Omdat elke geplaatste afbeelding automatisch de bijbehorende, AI-gegenereerde alt-tekst meekrijgt, verbetert dit structureel de toegankelijkheid en vindbaarheid van de pagina's die je bouwt. Metadata die voorheen optioneel en vaak overgeslagen werd, is nu een vast onderdeel van het proces — simpelweg omdat het de snelste route is.

Daarnaast voorkomt het dubbel werk: bestaande, relevante afbeeldingen worden hergebruikt in plaats van dat er onnodig nieuwe content wordt aangemaakt of geüpload. Een mediabibliotheek die groeit met context in plaats van alleen met bestanden.

Voor een organisatie die regelmatig nieuwe pagina's of landingspagina's publiceert, betekent dit concreet: een hero-sectie, een "waarom kies je voor ons"-blok en een contactformulier inrichten met passende, toegankelijke afbeeldingen kost geen kwartier zoekwerk meer, maar een paar klikken.

Wil je zien hoe dit er in de praktijk uitziet? In de bijbehorende video lopen we het hele proces door: van een afbeelding zonder metadata tot een volledig ingerichte pagina met AI-gematchte beelden.

Interface voor beeldselectie met fitnessafbeeldingen