Multimodale gereedheid: Afbeeldingen, alt-tekst en diagrammen die modellen kunnen citeren

Multimodale gereedheid: Afbeeldingen, alt-tekst en diagrammen die modellen kunnen citeren

Door Lukas Richter, Senior Strategist Contentautomatisering

Een diagram kan in seconden uitleggen waar een pagina tekst minuten voor nodig zou hebben om te beschrijven. Maar als de betekenis ervan alleen in een afbeeldingsbestand leeft, kunnen veel lezers – en veel zoeksytemen – de essentie missen.

Daarom gaat multimodale gereedheid niet over het toevoegen van meer afbeeldingen. Het gaat erom elke nuttige visual zo te verpakken dat de betekenis ervan duidelijk is in de afbeelding, in de paginatiekst en in de code die de twee verbindt.

Er is één belangrijke beperking: goede alt-tekst kan een systeem helpen een afbeelding te begrijpen, maar het garandeert niet dat een AI-assistent de pagina zal citeren. Een afbeelding begrijpen en een webpagina als bron kiezen, zijn verschillende stappen.

Wat het onderzoek wel – en niet – aantoont

Bijschriften kunnen helpen bij visuele vragen

Sommig onderzoek toont aan dat tekst die aan een afbeelding is gekoppeld, een model kan helpen vragen erover te beantwoorden. Een studie uit 2019 toonde aan dat het toevoegen van bijschriften in paragraafstijl aan afbeeldingen de prestaties bij een visuele vraag-antwoordtaak verbeterde. De bijschriften leverden details die gemakkelijker te matchen waren met een vraag dan alleen afbeeldingskenmerken. Maar dit was een modelexperiment – geen test of het toevoegen van alt-tekst aan een live webpagina AI-citeringen verhoogt. ACL Anthology paper (aclanthology.org)

Grafieken en diagrammen blijven ook moeilijk voor modellen om precies te lezen. In een benchmark voor grafiekvragen vonden onderzoekers zwakke punten bij taken zoals het vinden van relaties tussen waarden. Hun resultaten verbeterden met een speciale tekstprompt, wat wijst op de waarde van duidelijke taal – maar niet bewijst dat één specifiek paginaformaat meer citaties zal opleveren. ChartInsights benchmark (arxiv.org)

De bredere les is praktisch: een visual kan nuttig bewijs bevatten, maar modellen kunnen nog steeds kleine labels, exacte waarden of het pad tussen stappen missen. OpenAI's visiehandleiding waarschuwt bijvoorbeeld voor kleine tekst, grafieken, kleurgecodeerde elementen en precieze ruimtelijke redenering. OpenAI vision guide (developers.openai.com)

Betere alt-tekst is geen citeer-schakelaar

Zoeksystemen kunnen afbeeldingsbeschrijvingen en omringende tekst gebruiken om te begrijpen wat een afbeelding toont. Google zegt dat het alt-tekst, computervisie en paginainhoud samen gebruikt bij het begrijpen van afbeeldingen voor Zoeken. Het raadt ook aan afbeeldingen in de buurt van relevante tekst te plaatsen. Dat ondersteunt het schrijven van nuttige alt-tekst, maar het is geen bewijs dat alt-tekst op zichzelf een AI-assistent een pagina laat citeren. Google Image SEO guidance (developers.google.com)

Het bewijs dat voor dit artikel is beoordeeld, toont niet aan dat het wijzigen van alt-tekst alleen de citatiepercentages bij de huidige AI-assistenten verhoogt. Veel systemen leggen niet precies uit welke pagina-elementen ze lezen of waarom ze de ene bron boven de andere kiezen. Google zegt dat zijn AI-zoekfuncties geen speciale opmaakvereiste hebben en niet garanderen dat een in aanmerking komende pagina wordt weergegeven. Google’s AI features guidance (developers.google.com)

Behandel verbeterde visuele verpakking dus als een redelijke, testbare hypothese, geen belofte. Het kan een pagina gemakkelijker te gebruiken, gemakkelijker te parseren en waarschijnlijker maken om tekst te bevatten die direct een vraag beantwoordt. Of een assistent het vervolgens citeert, is een afzonderlijk te meten resultaat.

Verpak elke belangrijke visual als bewijs

Een sterk visueel pakket heeft vier onderdelen: de afbeelding, beknopte alt-tekst, een bijschrift en een nabije tekstuele uitleg. Elk onderdeel heeft een andere functie.

1. Schrijf alt-tekst als een korte vervanging

Alt-tekst moet lezers die een afbeelding niet kunnen zien de informatie geven die ze nodig hebben om de pagina te volgen. Voor een eenvoudig diagram past dat misschien in één zin. Voor een complexe grafiek of stroomdiagram moet alt-tekst de visual en het hoofddoel ervan identificeren, in plaats van elk detail in één lange beschrijving te proppen.

Bijvoorbeeld:

alt="Afrekenstroom met een herhaalpoging na mislukte betaling."

Gebruik voor een decoratieve afbeelding lege alt-tekst (alt=""), zodat hulpmiddelen deze kunnen overslaan. Laat geen alt-tekst weg en vul deze niet met herhaalde zoektermen. W3C’s complex-image guidance en Google’s image guidance onderscheiden korte tekstalternatieven van uitgebreidere beschrijvingen. (w3.org)

2. Gebruik een bijschrift om het punt van de afbeelding aan te geven

Een bijschrift moet een lezer helpen te begrijpen waarom de afbeelding belangrijk is. Een label zoals 'Architectuurdiagram' is meestal te vaag.

Een nuttiger bijschrift is:

Figuur 1. Een mislukte betaling stuurt de koper terug naar de betaling; de winkelwagen blijft open.

Gebruik de HTML <figure>- en <figcaption>-elementen om het bijschrift met de afbeelding te verbinden. Een duidelijk figuurnummer of naam maakt het ook gemakkelijker om naar dezelfde visual te verwijzen in de artikeltekst. Google’s documentation style guide geeft voorbeelden van figuren gekoppeld aan alt-tekst, bijschriften en langere beschrijvingen. (developers.google.com)

3. Plaats de volledige uitleg op de pagina

Een complex diagram zegt meestal meer dan een korte alt-beschrijving kan. Plaats de belangrijke betekenis ook in gewone paginatiekst. Beschrijf voor een stroomdiagram de stappen en wat er bij elke vertakking gebeurt. Voor een grafiek, vermeld de tijdsperiode, eenheden, sleutelwaarden en de trend. Voor een technisch diagram, benoem de onderdelen en leg uit hoe ze verbonden zijn.

W3C beveelt een korte beschrijving plus een uitgebreidere tekstbeschrijving aan voor complexe afbeeldingen. Die uitgebreidere beschrijving kan in het artikel zelf staan, dicht bij de afbeelding, en beschikbaar zijn voor alle lezers. Een datatabel kan helpen wanneer exacte waarden belangrijk zijn. W3C WAI: Complex Images (w3.org)

4. Houd namen en labels consistent

Als uw diagram iets "activering" noemt, gebruik dan hetzelfde woord in het bijschrift en het artikel. Als de afbeelding een belangrijk resultaat toont, vermeld dit dan in een nabije zin: "In Figuur 2 haakt het merendeel van de aanmeldingen af voordat het eerste project is aangemaakt."

Dit is geen magische citeertruc. Het is een manier om het bewijs van de pagina gemakkelijker te volgen en te citeren. Google zegt dat er geen speciaal schema is voor AI Overviews of AI Mode; het nuttige werk is het bewaren van belangrijke inhoud in tekst en het laten overeenkomen van de gestructureerde gegevens met wat mensen kunnen zien. (developers.google.com)

Hier is een eenvoudig patroon voor een stroomdiagram:

html

Het belangrijkste punt in de afrekenstroom is dat een mislukte betaling de winkelwagen niet leegmaakt.

Figuur 1 in woorden: Winkelwagen → verzending → betaling → bevestiging. Als de betaling mislukt, keert de koper terug naar de betaling en behoudt de winkelwagen.

De korte alt-tekst identificeert het diagram. Het bijschrift geeft het hoofdpunt weer. De laatste zin verklaart het pad in platte tekst. Voeg voor een grafiek met exacte waarden ook een tabel of lijst met die waarden toe.

Zorg ervoor dat crawlers de afbeelding kunnen ophalen

Een goed beschreven afbeelding moet nog steeds beschikbaar zijn. Gebruik een normaal HTML <img>-element met een echte src-URL. Google zegt dat het afbeeldingen kan vinden in de src van een <img>-element, maar het indexeert CSS-achtergrondafbeeldingen niet op dezelfde manier. De afbeeldingsrichtlijnen ondersteunen ook op CDN gehoste afbeeldingen in afbeelding-sitemaps. Google Image SEO guidance (developers.google.com)

Voor een CDN, controleer de basisprincipes:

• De afbeeldings-URL werkt zonder login of een verlopende toegangstoken.
• De crawlemachtigingen van de pagina en de beveiligingsregels van de CDN staan beide toegang toe.
• De afbeeldings-URL op de weergegeven pagina is stabiel en retourneert het juiste bestand.
• Responsieve afbeeldingen bevatten een fallback src.
• Belangrijke tekst is niet verborgen in een afbeelding wanneer het echte paginatiekst zou kunnen zijn.
• Afbeeldingen onder de vouw laden wanneer ze zichtbaar worden – niet alleen nadat een persoon klikt of scrollt op een manier die een crawler niet kan reproduceren.

Google’s richtlijnen voor lazy-loading zeggen dat afbeeldings-URL's in de gerenderde HTML moeten verschijnen en moeten laden wanneer ze in beeld komen. Het raadt ook af om afbeeldingen die al zichtbaar zijn wanneer de pagina wordt geopend, lazy te laden. Google’s lazy-loading guidance (developers.google.com)

Controleer ook de machtigingen per platform. OpenAI documenteert OAI-SearchBot als zijn zoekcrawler en zegt dat deze gescheiden is van GPTBot, dat betrekking heeft op trainingsgegevens. Het toestaan van de ene vereist niet het toestaan van de andere. Dit is belangrijk als u zoekvindbaarheid wilt, maar een andere voorkeur heeft voor trainingsgebruik. OpenAI crawler documentation (developers.openai.com)

Test of uw pagina's worden geciteerd voor visuele vragen

Vertrouw niet op een paar nonchalante chatbotprompts. Voer twee tests uit, want modelbegrip en webcitatie zijn niet hetzelfde.

Test 1: Begrijpt het model de visual?

Kies een set grafieken en diagrammen. Schrijf vragen waarvan de antwoorden ervan afhangen, zoals:

• Welke stap volgt op de betaling?
• Wat gebeurt er als de betaling mislukt?
• Welke maand had het hoogste conversiepercentage?
• Wat is volgens het diagram de belangrijkste reden dat gebruikers afhaken?

Vergelijk vervolgens modelantwoorden onder gecontroleerde invoercondities:

1. De afbeelding alleen.
2. De afbeelding plus de alt-tekst en het bijschrift.
3. De afbeelding plus die annotaties en de tekstuele samenvatting of datatabel van de pagina.

Houd het model, de vraag en de afbeelding hetzelfde. Beoordeel antwoorden op correctheid, inclusief exacte waarden en relaties. Dit helpt te laten zien of toegevoegde tekst het model helpt uw vragen te beantwoorden. Het toont niet aan of een webzoekassistent de pagina zal vinden of citeren.

Test 2: Citeert een zoekassistent de pagina?

Voor een kleine pilot, koppel vergelijkbare diagram-zware pagina's. Voeg het volledige visuele pakket toe aan de ene groep; laat de vergelijkingsgroep op de huidige toegankelijke basislijn. Verwijder geen essentiële alt-tekst om een controlegroep te creëren. Bereid twee sets vragen voor: vragen die het lezen van een figuur vereisen en gewone vragen die de tekst van de pagina al beantwoordt.

Voer dezelfde prompts uit in de zoekassistenten die voor u belangrijk zijn. Noteer de datum, het product, de vraag, het antwoord en de geciteerde pagina. Herhaal de controles na verloop van tijd, omdat de resultaten kunnen veranderen. Wacht tot uw crawler of zoekhulpmiddelen aangeven dat de bijgewerkte pagina's opnieuw zijn gecrawld. Google merkt op dat het opnieuw crawlen dagen of langer kan duren. (developers.google.com)

Volg vier resultaten:

• Citatiefrequentie: Hoe vaak citeert het antwoord de pagina?
• Nauwkeurigheid van het antwoord: Heeft de assistent het visuele feit correct?
• Citatieondersteuning: Ondersteunt de geciteerde pagina daadwerkelijk het antwoord?
• Bedrijfsresultaat: Heeft het bezoek, de verwijzing of de lead het bedrijf geholpen?

Vergelijk de resultaten van visuele vragen met de controlegroep van gewone vragen. Een eenvoudige voor-en-na-vergelijking kan misleidend zijn: de assistent, zijn zoekindex en het bredere web kunnen allemaal tegelijk veranderen. Gekoppelde pagina's en herhaalde controles helpen, maar een kleine test moet nog steeds worden gerapporteerd als een pilot, niet als een universele regel.

Wees ook precies over wat het resultaat betekent. Als een pagina vaker wordt geciteerd nadat u een tekstuele samenvatting hebt toegevoegd, toont de test aan dat het hele pakket heeft geholpen. Het bewijst niet dat de assistent de afbeelding zelf heeft gelezen. Citatiedashboards kunnen laten zien welke URL's in AI-antwoorden verschijnen, maar niet noodzakelijkerwijs welk deel van een pagina is gelezen. Het AI Performance-rapport van Bing rapporteert bijvoorbeeld geciteerde pagina's en zoekopdrachtinformatie. Bing Webmaster Tools: AI Performance (blogs.bing.com)

Integreer het werk in uw contentsysteem

Oprichters zouden een diagram niet handmatig hoeven te herschrijven elke keer dat ze een artikel publiceren. Maar automatisering mag niet uitvinden wat de afbeelding betekent.

Een eenvoudige workflow is:

1. De maker levert de brongegevens of het diagram, plus het hoofdpunt dat hij de lezer wil meegeven.
2. Een contentworkflow stelt de alt-tekst, het bijschrift en de platte-tekstsamenvatting op basis van die bronmaterialen op.
3. Een persoon controleert of de beschrijving accuraat is en of labels, waarden en routes overeenkomen met de visual.
4. De pagina publiceert de afbeelding en de bijbehorende tekst samen.
5. Een herhaalbare controle bevestigt dat lezers en crawlers toegang hebben tot beide.

Het punt van de maker is het deel dat niet geautomatiseerd mag worden. Een oprichter wil bijvoorbeeld misschien niet alleen laten zien dat aanmeldingen dalen, maar dat het team ervoor heeft gekozen om de eerste projectinstellingen te verbeteren voordat er meer verkeer werd gekocht. Dat is een mening en een productles, geen taak voor bijschriften.

In een geautomatiseerde content-engine kunnen de inputs van Creator, Audience en Taste dat punt in artikelen behouden. AutoPod gebruikt die inputs om elk artikel te sturen, terwijl de workflow herhaalbare taken afhandelt, zoals het opstellen van bijschriften en het controleren van de paginastructuur. Het model kan de inzichten verpakken. Het mag de inzichten niet verzinnen.

Conclusie

Het sterkste argument voor beschrijvende alt-tekst, bijschriften, figuurlabels en nabije samenvattingen is geen beloofde SEO-verbetering. Het is dat ze een visual gemakkelijker te begrijpen, gemakkelijker toegankelijk en gemakkelijker te verbinden maken met het argument van de pagina.

Dat kan een assistent ook helpen een visuele vraag te beantwoorden en de pagina te citeren – maar de verbetering is niet gegarandeerd. Verpak diagrammen als bewijs, maak de afbeelding ophaalbaar en meet citaties afzonderlijk van begrip. Dat is een eenvoudig systeem met waarde voor lezers eerst en een testbare voordelen voor AI-ontdekking.