{"componentChunkName":"component---src-templates-blog-post-js","path":"/hoe-ai-agents-een-nieuwe-manier-van-communicatie-met-systemen-nodig-hebben/","result":{"data":{"site":{"siteMetadata":{"title":"Blog","websiteTitle":"Sebastian Hagens - creative webdeveloper & tech consultant"}},"markdownRemark":{"id":"03c5eecb-13ad-5413-aafe-677a8cef5dd7","excerpt":"Neem bijvoorbeeld een kijkje naar WebMCP.\nWebMCP is hier een tool die nu ontwikkeld wordt. Het is een tool waarmee deze AI agents veel eenvoudiger en in een…","html":"<p>Neem bijvoorbeeld een kijkje naar WebMCP.\nWebMCP is hier een tool die nu ontwikkeld wordt. Het is een tool waarmee deze AI agents veel eenvoudiger en in een uniforme manier met websites kunnen communiceren. Nu gaat dit omslachtig met bv een tool als Playwright door agents. Het immens populaire en community-driven project OpenClaw geeft ons een inkijkje hoe een AI agent kan werken en voor ieder individu kan werken.</p>\n<div class=\"gatsby-resp-iframe-wrapper\" style=\"padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden; margin-bottom: 1.0725rem\" > <iframe frameborder=\"0\" src=\"https://shares.sebastix.dev/lex-fridman-peter-steinberger-ai-agents-web.mp4\" style=\" position: absolute; top: 0; left: 0; width: 100%; height: 100%; \"></iframe> </div>\n<p>Organisisch bezoek op websites loopt als langere tijd terug, want mensen zijn AI gaan gebruiken om informatie te zoeken in plaats van zoekmachines. Moreel gezien heb ik er een sterke mening over. Google is allang niet meer de beste zoekmachine en de LLMs van de AI bedrijven geven je ook zeker niet de juiste antwoorden (waarheidscrisis). <a href=\"https://nostrver.se/e/nevent1qvzqqqqqqypzqpnrnguxe8qszsshvgkvhn6qjzxy7xsvx03rlrtddr62haj4lrm3qythwumn8ghj7un9d3shjtnswf5k6ctv9ehx2ap0qy2hwumn8ghj7un9d3shjtnyv9kh2uewd9hj7qpqqn466m2wf97xmlgxw4y9g9jjy9yy269jq8k44ftm0vc3zg4mskgq097pys\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://nostrver.se/e/nevent1qvzqqqqqqypzqpnrnguxe8qszsshvgkvhn6qjzxy7xsvx03rlrtddr62haj4lrm3qythwumn8ghj7un9d3shjtnswf5k6ctv9ehx2ap0qy2hwumn8ghj7un9d3shjtnyv9kh2uewd9hj7qpqqn466m2wf97xmlgxw4y9g9jjy9yy269jq8k44ftm0vc3zg4mskgq097pys</a></p>\n<p>Waar het op neerkomt is dat je misschien jouw website of applicatie ook moet gaan optimaliseren voor deze agents. Dit wordt ookwel <a href=\"https://en.wikipedia.org/wiki/Generative_engine_optimization\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">GEO</a> (Generative Engine Optimization) genoemd. Dus niet alleen voor echte bezoekers van vlees en bloed, maar voor machines die zich proberen voor te doen als een mens met de hulp van een LLM. Hier een eenvoudig, concreet voorbeeld als experiment: <a href=\"https://dri.es/the-third-audience\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://dri.es/the-third-audience</a>. Agents kunnen daar alle blog artikelen in Markdown formaat ophalen. Dat is een formaat die vele malen makkelijker wordt verwerkt door een LLM dan een webpagina formaat waar alle content omringt is met HTML elementen. Het experiment heeft wisselende resultaten, zie <a href=\"https://dri.es/markdown-llms-txt-and-ai-crawlers\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://dri.es/markdown-llms-txt-and-ai-crawlers</a>.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 560px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/blog/static/bb05811bf606c6d9b3aa7666f2f12957/f6f7a/screenshot-2026-03-19_09-19-07.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 58.57142857142858%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAABzklEQVQoz1VR2W7UMBTNj3Sye01sx7GzDZ1pB15a+sKU8oJUaKHAj7RSaVFF+WFOHFEJybJOrs9y703kb377b8/d92f76dZdP3Q//vibJ3f92H6+919+2ctbd/XTBeC/PgG3l3fu6h4cur2I2pOPYrvPh9P6eF/v3hfj22I4rY7Pq6N91p/Uu3N59A5F8+ainM4AcJPpTL3+UDabSPtRNj4lUmgndJuUAocry3UbF1wYx5QFKIROqQQtZ3VGK1bbjOtItFPCm5hp3gypsCuqcIraE9UdkJrofgFU9wk3K6ZATpgh2qeiiXS/yaVNmBZ2xMlEk3JDlIcXiqwZFsDtAFrGTV61mbSogxmp7pVsJyQz04MBMCdXLdUhWXUwQgWvsFgxjXy44zUN4sO5YW5gMYdwA9KSHFMFEmTLaxZkCEQL+MQdNeMWbaxIjW/ppmXmEmI7HpQVxNT0cajANKFqnks0sIYqUv0GH2Gq0Yxb5KDzsnZLMlqgoYJRQUsBpAXAzHkQH5LgCjZGQMJChSas3bF/YkwUo22s7UXcrneVW4Mn3Rpi8HDAoKZDMQ+bi0Pgi3hONv0sxht2i02gVaK7xRj3/Ev+B/MdtgWMjiD5C4CIiw3WRsIuAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/blog/static/bb05811bf606c6d9b3aa7666f2f12957/7afef/screenshot-2026-03-19_09-19-07.webp 140w,\n/blog/static/bb05811bf606c6d9b3aa7666f2f12957/9ead3/screenshot-2026-03-19_09-19-07.webp 280w,\n/blog/static/bb05811bf606c6d9b3aa7666f2f12957/ac282/screenshot-2026-03-19_09-19-07.webp 560w,\n/blog/static/bb05811bf606c6d9b3aa7666f2f12957/ed60d/screenshot-2026-03-19_09-19-07.webp 840w,\n/blog/static/bb05811bf606c6d9b3aa7666f2f12957/288cc/screenshot-2026-03-19_09-19-07.webp 1009w\"\n              sizes=\"(max-width: 560px) 100vw, 560px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/blog/static/bb05811bf606c6d9b3aa7666f2f12957/0d3e1/screenshot-2026-03-19_09-19-07.png 140w,\n/blog/static/bb05811bf606c6d9b3aa7666f2f12957/908b1/screenshot-2026-03-19_09-19-07.png 280w,\n/blog/static/bb05811bf606c6d9b3aa7666f2f12957/b06ae/screenshot-2026-03-19_09-19-07.png 560w,\n/blog/static/bb05811bf606c6d9b3aa7666f2f12957/1e088/screenshot-2026-03-19_09-19-07.png 840w,\n/blog/static/bb05811bf606c6d9b3aa7666f2f12957/f6f7a/screenshot-2026-03-19_09-19-07.png 1009w\"\n            sizes=\"(max-width: 560px) 100vw, 560px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/blog/static/bb05811bf606c6d9b3aa7666f2f12957/b06ae/screenshot-2026-03-19_09-19-07.png\"\n            alt=\"screenshot 2026 03 19 09 19 07\"\n            title=\"screenshot 2026 03 19 09 19 07\"\n            loading=\"lazy\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n  </a>\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 560px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/4b2cc/screenshot-2026-03-19_09-20-19.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 59.285714285714285%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAIAAADtbgqsAAAACXBIWXMAAAsTAAALEwEAmpwYAAABU0lEQVQoz31Q2U7DMBD0n+RoDh+pHdtJWgQUiXD0DcRbm7YE8YjEFwAqAgTlq1nnatpKSCNrdryzF6LTR/3wq8tvXf4A1OpTlxtZrOPZq159AVfFWs5e5OIdcuT8rSIbtfyIbp4Rndxmd0/0aoXzBblYkryAF+cFn5YmrDjO55W+wOeGQCa7vueXc+SxmKs0jGJrENoebuATN2S233CDVq+JE1CPcBTwjKgjl2mbxH1YeMsdKl2mbCJMiBvF5ykKRTZMT2wsHJB6CIaJS6VjsoU/TAKe9HPgC8cj5EVJPD4jcmxhYfcASu0EQCqg+7IqxZjrzvDudfYivQ0rcxeCH36pHCMoIEaTpmpvZxjVhm7tzk7LO2XAlOnMkuO9awECnu4ZDi4qUCAyPjqF0/1vdnZ/65shGA8OBv2t3bGh6KHZ6VUxZhgd1oa3XqzDodKgPQHgD/xchn/CvvY7AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/7afef/screenshot-2026-03-19_09-20-19.webp 140w,\n/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/9ead3/screenshot-2026-03-19_09-20-19.webp 280w,\n/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/ac282/screenshot-2026-03-19_09-20-19.webp 560w,\n/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/ed60d/screenshot-2026-03-19_09-20-19.webp 840w,\n/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/d5002/screenshot-2026-03-19_09-20-19.webp 1013w\"\n              sizes=\"(max-width: 560px) 100vw, 560px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/0d3e1/screenshot-2026-03-19_09-20-19.png 140w,\n/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/908b1/screenshot-2026-03-19_09-20-19.png 280w,\n/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/b06ae/screenshot-2026-03-19_09-20-19.png 560w,\n/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/1e088/screenshot-2026-03-19_09-20-19.png 840w,\n/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/4b2cc/screenshot-2026-03-19_09-20-19.png 1013w\"\n            sizes=\"(max-width: 560px) 100vw, 560px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/blog/static/2b1ab5c9d628028363b3fd1e2fb16276/b06ae/screenshot-2026-03-19_09-20-19.png\"\n            alt=\"screenshot 2026 03 19 09 20 19\"\n            title=\"screenshot 2026 03 19 09 20 19\"\n            loading=\"lazy\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n  </a>\n    </span></p>\n<p>Een volgende stap is dat AI straks niet alleen tekstuele antwoorden teruggeven, maar complete interfaces met zogenaamde components. Deze components bevatten dezelfde informatie als je kunt vinden in de tekstuele antwoorden, maar dan in gebruiksvriendelijker ontwerp. Hoe kunnen we straks zelf de componenten met informatie als antwoord geven aan AI? Je kunt je voorstellen dat je in zo’n AI agent ook jouw eigen branded component wilt tonen. Google heeft recent hun Agent-to-User interface openbaar gemaakt waarmee je deze componenten kunt bouwen in een agent: <a href=\"https://github.com/google/A2UI\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://github.com/google/A2UI</a>. De vraag is hier hoe we dus vanuit jouw website een antwoord kunnen geven aan de agent om zo’n component te tonen.</p>\n<p>Straks kan iedereen tegen zijn eigen agent vertellen dat hij een lijst van vijf campings in de Franse Alpen zoekt voor een zomervakantie van 18 dagen. Plus al deze campings moeten kindvriendelijk zijn, een overdekt zwembad hebben, de dichtsbijzijnde supermarkt op 10 minuten fietsen en niet meer dan 200 kampeerplekken hebben. We weten dat die informatie te vinden is, maar dat een zoekmachine al die context niet in 1 keer kan verwerken. Een agent kan dat wel en zal je pas een definitief antwoord geven als deze na een aantal iteraties alle checks heeft doorlopen.</p>\n<p>Tot mijn verbazing kreeg ik een tijdje geleden ook het volgende inzicht dat iemand mijn profiel als Drupal specialist had gevonden via ChatGPT omdat die LLM mij als suggestie gaf. Dit terwijl mijn website totaal niet is niet geoptimaliseerd voor AI agents en LLMs. </p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 415px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/blog/static/36c42fa988df57609503bbfd4bbefe37/73926/screenshot-2026-02-24_13-50-59.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 139.28571428571428%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAcCAYAAABh2p9gAAAACXBIWXMAAAsTAAALEwEAmpwYAAADZklEQVRIx51VS08TURSef+M/cOfCRBfuXRlj3LlwgwYIESUQhaiJARKDRgkRY9SNiSs2blQ0iCSGYCl9t9MWaBna0idIp/283ylnLK8GnOTk3Nd89zvPa+VzOaTTKRTLZSSTNvKFAhzHwdraGnJmr1ariezu7opuNpvo9Flzs58xPTaMtJNDMLBiwNOIRqNIJBLIZrMCms/nUTYXbm1toV6vw3VduYBjFa7xMsvJZhALLqNgmNl2UkBisRji8ThSqRTW19dF27aNcDgs6xxHIhFvn+srKytyiaVUCej3LyMSjRjAqDngl4MUMiYAWfv9foRCIQHjWiAQkH26SUxuNBoycDYdhAJRpOLriIVtJGKt2wlCN6yurso8mUwK0MbGhgj3Njc3BUNMVidXaxWshopYC1bhJLZRzO7iNJ/iWC3V7Bg9WuG6jT3tHivcF4aC1WxgYvItuoem0fPwI3offTD6PbqGXiJmZwSYP3X6/gHK6T+YmXyAWz2X8Xz8NsZHBzByfxAD/XexMD8vUaTv1JIWkf2yD7Dp1jEzfB33rp7Bi76LGO2+gL4b53Dz2lnMff2EUrligpBFpVLZ57MjGepk6uk4Hvf34NWzCbyZmsTwUC/673RJOqnJRzHbz7DRcrYHvCfuAQZ6RvVxYp00JVh2mUxG6rn9gkOA2fASfIs/sWGSMxQMeuVFzSCwjovFIqrVqpcaHRm+ezKIK5fOw47HhIE2BI6VkXab46LbHiAraep24fssapUy3L0y/J/PqxRdYCUwJWrb26LVTGXItW2zVyqVvHVqtjVqr5alOZgBTV1aWpLOoe2IouOg8S+7jM/nkzOc8zz3+O+h5kAGbEH0H8cUdhEy4ppGmWcYKO3q2rYOAe7s7MhBmqLdmZpC0EYH/7YHxgC2DhbNT+zE7HFkwt6njMiEFx6McnsKeVE+aRTJnpdoABp7FXZQrJR56X4v/oKTbz0B2qX5rnBMc2k2GXLcqW+KD398+4LXYyPI5ApIp5IGJCNm882guQwM59ScazppynBO9upjq2oSequQg2N+iph04JvB94PpQJZ8lMiY/iSw+papQqF/eU4ryfMhk5YHlBFv5py3n6ZaWmljhOnCVFFTmHv0GdfU1E5NoS1tWgOC0BwyUlMIpCbygvb2f9z3F/jwRb7Kum2pAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <picture>\n          <source\n              srcset=\"/blog/static/36c42fa988df57609503bbfd4bbefe37/7afef/screenshot-2026-02-24_13-50-59.webp 140w,\n/blog/static/36c42fa988df57609503bbfd4bbefe37/9ead3/screenshot-2026-02-24_13-50-59.webp 280w,\n/blog/static/36c42fa988df57609503bbfd4bbefe37/1d89e/screenshot-2026-02-24_13-50-59.webp 415w\"\n              sizes=\"(max-width: 415px) 100vw, 415px\"\n              type=\"image/webp\"\n            />\n          <source\n            srcset=\"/blog/static/36c42fa988df57609503bbfd4bbefe37/0d3e1/screenshot-2026-02-24_13-50-59.png 140w,\n/blog/static/36c42fa988df57609503bbfd4bbefe37/908b1/screenshot-2026-02-24_13-50-59.png 280w,\n/blog/static/36c42fa988df57609503bbfd4bbefe37/73926/screenshot-2026-02-24_13-50-59.png 415w\"\n            sizes=\"(max-width: 415px) 100vw, 415px\"\n            type=\"image/png\"\n          />\n          <img\n            class=\"gatsby-resp-image-image\"\n            src=\"/blog/static/36c42fa988df57609503bbfd4bbefe37/73926/screenshot-2026-02-24_13-50-59.png\"\n            alt=\"screenshot 2026 02 24 13 50 59\"\n            title=\"screenshot 2026 02 24 13 50 59\"\n            loading=\"lazy\"\n            style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n          />\n        </picture>\n  </a>\n    </span></p>\n<p>Tot slot, als je benieuwd bent hoe zo’n AI agent werkt dan kan ik je dit laten zien aangezien ik er zelf mee experimenteer. We kunnen dan brainstormen over hoe jouw website, systeem of service mogelijk geoptimaliseerd kan gaan worden voor zulke agents en AI.</p>\n<p><strong>Resources</strong></p>\n<ul>\n<li><a href=\"https://hbr.org/2026/02/how-brands-can-adapt-when-ai-agents-do-the-shopping\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">How Brands Can Adapt When AI Agents Do the Shopping</a></li>\n<li><a href=\"https://www.youtube.com/watch?v=8MLbOulrLA0\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">This is Going to be Very Messy</a></li>\n</ul>","frontmatter":{"title":"Hoe AI agents een nieuwe manier van communicatie met systemen nodig hebben","date":"2026-03-19T13:23:29.736Z","description":"Het ziet er naar uit dat AI Agents met LLMs het landschap gaan veranderen hoe wij met systemen gaan communiceren."},"fields":{"readingTime":{"text":"3 min read","words":550}}}},"pageContext":{"slug":"/hoe-ai-agents-een-nieuwe-manier-van-communicatie-met-systemen-nodig-hebben/","previous":{"fields":{"slug":"/using-web-push-notifications-with-a-drupal-progressive-web-app/"},"frontmatter":{"title":"A deep-dive into Web Push Notifications with Drupal using Push Framework Notifications"}},"next":null}},"staticQueryHashes":["3445787333","58764424","637681966"]}