Het Responsive Design Moment voor AI Agents

In 2011 had je als website twee opties voor mobiel: een uitgeklede m.example.com, of helemaal niks. Desktop was de echte site. Mobiel was een bijproject, een apart team, vaak onderhouden door een stagiair. Het idee dat één codebase zich kon aanpassen aan elk schermformaat klonk ambitieus. Ethan Marcotte had net de term "responsive web design" bedacht in A List Apart , maar adoptie zat nog in de lage enkelcijfers.

Die transitie duurde zo'n acht jaar. Van de iPhone-lancering in 2007 tot Google's mobile-friendly ranking-update in april 2015 ging het web van "mobiel is een nice-to-have" naar "mobiel is een rankingfactor." AI agent readiness zit vandaag op hetzelfde kantelpunt. En het beweegt sneller.

Het m.example.com Tijdperk

Voor responsive design maakte het web een fase door van aparte mobiele interfaces. Facebook had m.facebook.com. Google had mobile.google.com. ESPN, BBC, Wikipedia, Amazon. Iedereen bouwde een tweede, simpelere versie van z'n site voor telefoons. Het werkte, min of meer, voor een paar jaar. Toen werd het onhoudbaar.

De problemen waren voorspelbaar. Twee codebases, twee sets content, twee URL-structuren. SEO leed eronder omdat Google moest uitzoeken welke versie te indexeren. Gebruikers deelden mobiele links die kapot gingen op desktop. Features liepen achter op mobiel omdat resources gesplitst waren. Tegen 2013 was de m.dot-aanpak al op z'n retour.

De adoptiecurve vertelt het verhaal. In 2012 gebruikte ongeveer 11% van de top 10.000 websites responsive design, volgens onderzoek van Guy Podjarny bij Akamai. Na Google's "Mobilegeddon"-update in 2015, die niet-mobielvriendelijke sites penaliseerde, versnelde de adoptie flink. In 2016 rapporteerde Google dat 85% van de pagina's in mobiele zoekresultaten aan hun mobielvriendelijke criteria voldeed. Responsive was geen feature meer. Het was een baseline verwachting.

De zakelijke impact van te laat zijn was concreet. Adobe rapporteerde dat sites zonder mobieloptimalisatie 12% minder organisch mobiel verkeer zagen na Mobilegeddon. Sommige sites verloren tot 35% van hun mobiele zoekzichtbaarheid. Skinny Ties, een kleine retailer, zag iPhone-omzet met 377,6% stijgen na hun responsive redesign. O'Neill Clothing zag 65,7% meer iPhone-transacties. De bedrijven die vroeg bewogen wonnen. De bedrijven die wachtten betaalden.

Waar We Nu Staan

AI agent readiness zit in z'n eigen m.dot-fase. Bedrijven die de verschuiving herkennen bouwen aparte agent-interfaces naast hun bestaande websites. Stripe bouwde een Agent Toolkit waarmee AI agents Payment Links kunnen aanmaken en Stripe-objecten beheren via function calling. Salesforce lanceerde Agentforce, met 30% minder servicetickets en 88% snellere oplostijden. Sentry bouwde volledige content negotiation over hun docs, beveiligde pagina's en CLI-tools.

Het protocol-ecosysteem groeit explosief. Anthropic lanceerde MCP in november 2024. Zestien maanden later zijn er 19.646 MCP-servers geregistreerd en heeft de specificatie-repo 81.492 GitHub-sterren. OpenAI adopteerde MCP in maart 2025. Google lanceerde A2A in april 2025 met meer dan 50 technologiepartners. De W3C publiceerde een draft WebMCP-specificatie in maart 2026. En 849 websites serveren inmiddels een llms.txt-bestand voor AI-discovery.

Dit is de m.dot-fase. Twee interfaces, een voor mensen, een voor machines. Twee sets documentatie. Twee manieren om te ontdekken wat een dienst kan. Het werkt, voor nu. Maar het schaalt niet, net zoals het onderhouden van twee aparte websites niet schaalde.

De Convergentie

Responsive design loste het twee-interface-probleem op door één interface zich te laten aanpassen aan z'n context. Media queries detecteerden schermgrootte. Dezelfde content paste zich aan. Geen aparte codebase, geen aparte URL's, geen dubbel onderhoud.

Iets vergelijkbaars gaat gebeuren met agent readiness. De aparte agent-API's, de eropgeplakte MCP-servers, de losstaande llms.txt-bestanden zijn allemaal symptomen van de vroege fase. Het patroon op langere termijn ziet er anders uit: één contentlaag, meerdere consumenten.

De infrastructuur wordt al gelegd. 53% van de websites gebruikt JSON-LD voor gestructureerde data, volgens W3Techs. De headless CMS-beweging ontkoppelde content van presentatie jaren geleden. Content negotiation laat dezelfde URL HTML aan browsers en markdown aan agents serveren. Dit zijn geen nieuwe uitvindingen. Het zijn gevestigde webstandaarden, toegepast op een nieuw publiek.

Accenture's Technology Vision 2025 enquête vond dat 78% van de executives het erover eens is dat digitale ecosystemen de komende drie tot vijf jaar net zoveel voor AI agents als voor mensen gebouwd moeten worden. 77% zegt dat AI agents de manier waarop hun organisatie digitale systemen bouwt gaan heruitvinden. Dit is geen developer-enthousiasme. Dit is enterprise-planning.

De Persoonlijke LLM-Laag

Hier gaat de analogie verder dan responsive design ooit deed. Responsive liet één site werken over schermformaten, maar de ervaring was nog steeds hetzelfde voor iedereen. Dezelfde layout, dezelfde contentvolgorde, dezelfde informatiehiërarchie. De enige variabele was schermbreedte.

Met AI agents als tussenpersoon wordt de variabele de gebruiker. Niet z'n apparaat, maar z'n voorkeuren, z'n context, z'n geschiedenis. Je bekijkt een productpagina via je persoonlijke LLM-laag. Die toont je de specs die voor jou relevant zijn, in het formaat dat jij prettig vindt, vergeleken met alternatieven die je al hebt overwogen. Iemand anders ziet dezelfde productdata, maar een compleet andere presentatie. De onderliggende data is identiek. De ervaring niet.

De bouwstenen hiervoor worden al geleverd. Apple Intelligence verwerkt verzoeken op het apparaat en via Private Cloud Compute, als tussenpersoon voor e-mail, berichten en webcontent. Google's Deep Research browst autonoom het web en maakt gepersonaliseerde rapporten van z'n bevindingen. Microsoft Copilot onthoudt details over sessies heen. Dit zijn geen prototypes. Het zijn producten die op honderden miljoenen apparaten draaien.

Bill Gates voorspelde eind 2023 dat binnen vijf jaar iedereen een persoonlijke AI-agent heeft die de meeste websitebezoeken vervangt. "You'll never go to a search site again, you'll never go to a productivity site, you'll never go to Amazon," zei hij. Die tijdlijn is ambitieus, maar de richting is helder. De browser wordt een van de vele rendering-lagen voor dezelfde onderliggende data.

Sneller dan Mobiel

De mobiele transitie duurde zo'n acht jaar van katalysator tot baseline. De iPhone lanceerde in 2007. Responsive werd standaard rond 2015-2016. Er is reden om te geloven dat de agent-transitie sneller gaat.

Mobiel vereiste het bouwen van compleet nieuwe infrastructuur. Touchscreens, app stores, mobiele browsers, cellulaire netwerken die in staat waren tot echt web browsen. De agent-transitie bouwt voort op infrastructuur die al bestaat. API's zijn overal. Gestructureerde data staat op 53% van de websites. HTTP content negotiation is een 25 jaar oude spec. De transportlaag is klaar. Wat nodig is, is de mentale verschuiving: van "mijn website is voor browsers" naar "mijn content is voor elke consument die het nodig heeft."

De katalysator-tot-baseline-cyclus voor mobiel was ongeveer acht jaar. Voor agents zitten we drieënhalf jaar na ChatGPT (november 2022), en de infrastructuur is al volwassener dan mobiele infrastructuur op hetzelfde punt was. MCP ging van nul naar 19.646 servers in zestien maanden. Zowel ChatGPT als Claude ondersteunen het. Elke grote IDE ondersteunt het. De protocollaag convergeert sneller dan mobiele browsers ooit deden.

Wat Nu te Doen

Als je in 2012 een website aan het bouwen was, was de juiste keuze responsive gaan. Niet omdat Google je drie jaar later zou penaliseren, maar omdat mobiel verkeer duidelijk groeide en het onderhouden van twee aparte sites duidelijk niet vol te houden was. De bedrijven die vroeg bewogen hadden een samengesteld voordeel: betere mobiele ervaring, betere SEO, lagere onderhoudskosten.

Dezelfde logica geldt nu. Je hoeft niet elk protocol te implementeren. Maar je zou je content moeten zien als data die meerdere consumenten via verschillende interfaces benaderen. Concreet:

Het Patroon

Elke grote webplatformverschuiving volgt dezelfde boog. Een nieuwe consument verschijnt (mobiele browsers, AI agents). De eerste reactie is een aparte interface (m.dot-sites, eropgeplakte agent-API's). Dat werkt een tijdje, en stort dan in onder z'n eigen complexiteit. Het houdbare antwoord is altijd convergentie: één contentbron, adaptieve presentatie.

Responsive design leerde ons dat je beter kunt aanpassen aan je publiek dan aparte ervaringen bouwen. De AI agent-transitie is dezelfde les, een laag dieper toegepast. Het gaat niet meer alleen over "pas je layout aan." Het gaat over "pas je hele contentlevering aan op de consument die erom vraagt."

De bedrijven die dit het eerste doorhebben krijgen hetzelfde samengestelde voordeel als vroege responsive-adopters hadden. De rest blijft z'n m.dot-equivalent onderhouden en vraagt zich af waarom z'n AI-zichtbaarheid blijft dalen.

Bronnen

• Ethan Marcotte: Responsive Web Design (A List Apart, mei 2010) — Het artikel dat de term bedacht
• Imperva 2025 Bad Bot Report — Geautomatiseerd verkeer overschreed voor het eerst 51% van al het webverkeer
• Accenture Technology Vision 2025 — 78% van de executives zegt dat ecosystemen net zoveel voor AI agents als voor mensen gebouwd moeten worden
• W3Techs: JSON-LD Usage Statistics — 53% van de websites gebruikt JSON-LD gestructureerde data
• Model Context Protocol (MCP) Specificatie — Anthropic's open standaard voor AI tool-integratie
• Google A2A Protocol — Agent-to-Agent communicatiespecificatie
• WebMCP Draft Specificatie (W3C, maart 2026) — W3C community group draft voor browser-native agent tools
• llms.txt Specificatie — Jeremy Howard's voorstel voor LLM-vriendelijke content discovery