AI-agents interpreteren je website fundamenteel anders dan menselijke bezoekers of zoekmachines. Ze ’lezen’ de onderliggende code en structuur om taken uit te voeren, zoals het boeken van een vlucht of het vergelijken van producten. Om hierop voorbereid te zijn, moet je website gebouwd zijn met semantische HTML, toegankelijkheidspatronen en zichtbare, server-rendered content.

Wat er aan de hand is

De opkomst van AI-agents – geautomatiseerde software die zelfstandig op het web kan navigeren en acties kan uitvoeren – vraagt om een nieuwe kijk op webontwikkeling. Volgens een analyse in Search Engine Journal vormen websites die zijn gebouwd met semantische HTML, toegankelijkheidspatronen en zichtbare, server-rendered content de beste basis voor dit zogenaamde ‘agentic web’. Dit is een verschuiving ten opzichte van optimalisatie puur voor zoekmachines (SEO) of visuele design-trends. De kern is dat een agent, zoals een persoonlijke reisplanner of een prijsvergelijkingsbot, de inhoud en functionaliteit van een pagina moet kunnen ‘begrijpen’ en er interactie mee moet kunnen hebben via de code.

Wat dit betekent

Dit betekent dat de technische kwaliteit van je website directer dan ooit van invloed wordt op je zichtbaarheid en bruikbaarheid. AI-agents zullen steeds vaker fungeren als intermediair tussen jouw aanbod en de eindgebruiker. Een website die voor een mens mooi en functioneel is, maar onder de motorkap een warboel van niet-semantische div-elementen en JavaScript-afhankelijke content heeft, wordt mogelijk genegeerd of onjuist geïnterpreteerd door deze agents. Dit raakt iedereen met een online presence: van webshops en dienstverleners tot informatieve blogs. Het is een fundamentele investering in toekomstbestendigheid, vergelijkbaar met het mobielvriendelijk maken van websites een decennium geleden.

Hoe je dit kunt toepassen

De praktische toepassing draait om het verbeteren van de onderliggende structuur van je website, wat vaak ook de gebruikerservaring en toegankelijkheid voor mensen met een beperking ten goede komt.

Als je een nieuwe website (laten) bouwt of een grote redesign plant… maak dan semantische HTML en toegankelijkheid (WCAG-richtlijnen) expliciete eisen in je plan van eisen. Vraag je ontwikkelaar of bureau naar hun aanpak voor server-side rendering of static site generation, in plaats van volledig afhankelijk te zijn van client-side JavaScript-frameworks. Dit zorgt ervoor dat de volledige inhoud direct in de HTML-code staat.

Als je een bestaande website beheert en optimaliseert… voer dan een audit uit op semantische structuur. Gebruik tools zoals de ‘Lighthouse’ audit in Google Chrome Developer Tools, die ook toegankelijkheidsscores geeft. Kijk specifiek naar het gebruik van betekenisvolle HTML-elementen zoals <header>, <nav>, <main>, <article>, <section>, en <button> in plaats van generieke <div> of <span> elementen voor alles. Zorg ervoor dat alle interactieve elementen, zoals formulieren en knoppen, ook via een toetsenbord te bereiken en te gebruiken zijn.

Als je content maakt voor je website, zoals blogposts of productpagina’s… denk dan na over heldere, hiërarchische structuur. Gebruik kopteksten (<h1> tot <h6>) in de juiste volgorde om de relaties tussen onderdelen duidelijk te maken. Voorzie afbeeldingen van beschrijvende alt-teksten en video’s van transcripties. Deze praktijken, die cruciaal zijn voor schermlezers, geven AI-agents ook de context die ze nodig hebben om je content te begrijpen.

Als je afhankelijk bent van complexe, interactieve elementen op je site (zoals een configurator of een live dashboard)… zorg er dan voor dat de kerngedachte of het resultaat ook in eenvoudige HTML-tekst wordt weergegeven. Je zou kunnen overwegen om een ’text-only’ samenvatting of een hidden (maar voor schermlezers en code zichtbare) beschrijving toe te voegen. Het doel is dat de essentie van de functionaliteit en uitkomst niet verloren gaat voor iets dat geen JavaScript kan uitvoeren.

Een mogelijkheid is om prioriteit te geven aan pagina’s die waarschijnlijk het doelwit zijn van agents, zoals boekingspagina’s, contactformulieren, productvergelijkingen of gedetailleerde servicebeschrijvingen, en deze eerst te optimaliseren.

Bron: Search Engine Journal (https://www.searchenginejournal.com/how-ai-agents-see-your-website-and-how-to-build-for-them/570443/)