WebMCP forklaret: Sådan gør du din hjemmeside “agent-klar” for AI og vinder i online marketing

I marts 2026 lancerede Google i Chrome 146 en tidlig preview af WebMCP (Web Model Context Protocol) bag en feature-flag. WebMCP er et foreslået webstandard-lag, der lader dig gøre din eksisterende brugergrænseflade direkte tilgængelig for AI-agenter. Kort sagt eksponerer du “værktøjer” (f.eks. bookFlight, checkout, searchProducts) med klare JSON-skemaer, så en agent kan kalde funktionerne i stedet for at gætte sig frem via knapper og formularer.

Hvad er WebMCP?

Hvorfor er det vigtigt for online marketing? Fremtiden byder på, at dine kunder lader AI booke flybilletter, sammenligne priser, anmode om tilbud eller planlægge sociale opslag – og de vil bruge agenter, der navigerer nettet programmatisk. Med WebMCP får du en “missing middle ground” mellem skrøbelig UI-automation og tung API-udvikling. Du undgår at klikke dig gennem DOM-elementer, og du behøver ikke opbygge en særskilt REST-API: Dine eksisterende forms og scripts bliver agent-kompatible med få linjer kode.

Discovery: Agenten spørger “Hvilke værktøjer understøttes på denne side?”
JSON-skemaer: Input- og output-definitioner, fx {origin: “CPH”, destination: “NYC”, date: “2026-06-10”} → {confirmationNumber, totalPrice, status}.
State: Dynamisk registrering/afregistrering baseret på side-status. En “checkout”-tool dukker kun op, hvis der er varer i kurven.

Sådan virker det i praksis

Uden WebMCP: En AI-agent crawler DOM’en, læser labels, gætter felter og håber, CSS-klasser og feltnavne ikke skifter ved næste A/B-test.
Med WebMCP: Agenten kalder direkte navigator.modelContext.registerTool(…) eller bruger HTML-attributter (toolname, tooldescription, toolautosubmit). Browseren oversætter formen til et objekt, agenter kan kalde med nøjagtige parametre.

Imperativ API

navigator.modelContext.registerTool({
  name: "searchProducts",
  description: "Søg produkter med nøgleord og kategori",
  inputSchema: { properties: { q: { type: "string" }, category: { type: "string" } } },
  execute: async (params) => { /* kald dit søge-endpoint */ }
});

Perfekt til single-page apps og komplekse workflows, hvor du dynamisk opdaterer værktøjer med provideContext(), unregisterTool() eller clearContext().

Deklarativ API

<form  
  toolname="reserveTable"  
  tooldescription="Reserver bord på restaurant"  
  toolautosubmit="true">  
  <input name="date" type="date" required />  
  <input name="time" type="time" required />  
  <button type="submit">Reserver</button>  
</form>

Næsten ingen ekstra JavaScript påkrævet – eksisterende HTML-formularer bliver agent-venlige.

Hvorfor WebMCP betyder noget for SEO & AEO

SEO-handlinger: I stedet for kun at optimere til Google-crawlere, optimerer du til AI-crawlere. Agenter kan straks booke, handle og samle data – uden at “læse” UI.
AEO (AI Engine Optimization): Eksponer dine “værktøjer” åbent og fortæl agenter præcis, hvad de må gøre. Du øger chancen for, at din side bliver valgt til automatiserede workflows.
Konvertering: En agent kan tilføje varer til kurven, gennemføre checkout og rapportere status direkte til brugeren. Du skaber nye touchpoints og øger engagement uden ekstra frontend-udvikling.

Eksempler på brugsscenarier

B2B:

RFQ-værktøj (request_quote) – industri-leverandører gør det muligt for en indkøbsagent at sende standardiserede tilbudsforespørgsler til 10 leverandører på én gang.
Freight rate shopping (get_shipping_rate) – logistikaktører sammenligner priser og booker fragt direkte, uden at browser’en indlæser 10 forskellige portaler.

B2C:

Prissammenligning (search_products + check_price) – din bot scanner dine favoritforhandlere, sammenligner tilbud og lægger de bedste varer i indkøbskurven.
Restaurant-booking (browse_menu + reserve_table) – din personlige agent finder ledige borde, ser menuer og booker direkte via din hjemmeside i stedet for at skifte til OpenTable.

Google’s best practices

Navngiv dine værktøjer præcist med handlingsorienterede verber (createOrder vs. startOrderProcess).
Accepter “rå” input fremfor at kræve forudbearbejdning.
Valider i backend/kode og returner meningsfulde fejlbeskeder, så agenten kan rette og prøve igen.
Hold værktøjerne atomare og komponerbare – lad agenten orkestrere workflowet.
Vent med at returnere resultatet, til UI’et er opdateret, så agenten kan bekræfte succes.

Kom godt i gang

Installer Chrome 146+ og slå flaget chrome://flags/#enable-webmcp-testing til.
Genstart browseren.
Tilføj Model Context Tool Inspector-udvidelsen fra Chrome Web Store for at se registrerede værktøjer.
Prøv Google’s live demo på https://googlechromelabs.github.io/webmcp-tools/demos/react-flightsearch/

WebMCP er stadig i preview og kan ændre sig. Early adopters står først i kø, men hold din implementering fleksibel. Kombinationen af SEO, AEO og agent-optimering skaber et nyt konkurrencelandskab, hvor din hjemmeside ikke kun skal findes, men også skal handle på vegne af brugeren.

Konklusion: Fremtidens online marketing handler ikke kun om synlighed, men om “agent-tilgængelighed.” WebMCP giver dig muligheden for at gøre websitet til en funktionel extension for AI-agenter, øge konverteringer og forbedre brugeroplevelsen – uden at opfinde API-hjulet forfra. Start eksperimenterne i dag og vær klar, når agenter overtager webtrafikken.

“`

Agent-klar WebMCP-webpreview i Chrome 146 til digital marketing