Internetin rakenne on aina ollut ihmistä varten. Nappulat, lomakkeet ja valikot – kaikki suunniteltu ihmissilmälle ja ihmiskädelle. Mutta nyt on syntymässä uusi käyttäjätyyppi: AI-agentit, jotka hoitavat tehtäviä puolestasi.

Google ja Microsoft julkaisivat helmikuussa 2026 Chrome 146:ssa esikatseluversion WebMCP-standardista, joka muuttaa tätä asetelmaa perustavanlaatuisesti. Se ei ole pieni päivitys – se on paradigman muutos siinä, miten verkkosivut ja tekoäly kommunikoivat.

Tässä artikkelissa

Voit hypätä suoraan haluamaasi kohtaan sisällysluettelosta (oikealla) tai lukea järjestyksessä:

  1. Mikä WebMCP oikeastaan on?
  2. Miten se syntyi: 15 kuukautta, 3 yritystä
  3. Kaksi tapaa toteuttaa WebMCP
  4. Mitä tämä tarkoittaa käytännössä?

Mikä WebMCP oikeastaan on?

WebMCP (Web Model Context Protocol) on selainstandardi, joka antaa verkkosivuille mahdollisuuden kertoa AI-agenteille strukturoidusti, mitä toimintoja sivulla voi tehdä ja miten ne toimivat.

Vertaa näitä kahta tilannetta. Olet pyytänyt AI-agenttiasi varaamaan lentoliput:

✗ Ilman WebMCP:tä

Agentti ottaa kuvakaappauksen sivusta. Yrittää tunnistaa, missä hakukenttä on. Arvaa mitä tietoja pitää syöttää. Toivoo, ettei sivuston rakenne ole muuttunut. Pelkkä sivun tulkinta vie 2–5 sekuntia ja epäonnistuu helposti.

✓ WebMCP:n kanssa

Agentti näkee suoraan: “Tällä sivulla on bookFlight() -funktio, joka ottaa parametrit date, origin, destination.” Kutsuu funktiota suoraan. Pelkkä API-kutsu vie 10–50 millisekuntia.

6× Nopeampi kokonaistehtävä agentille
~70 % Chrome + Edgen markkinaosuus

Miten se syntyi: 15 kuukautta, 3 yritystä

WebMCP ei syntynyt tyhjiössä. Se on kolmen erillisen kehityspolun konvergenssi:

  1. Marraskuu 2024 Anthropic julkaisee MCP:n

    Model Context Protocol – universaali tapa kytkeä AI-mallit ulkoisiin työkaluihin. Palvelinpuolella toimiva, ei selaimessa.

  2. Alkuvuosi 2025 Amazon-insinööri Alex Nahas ratkaisee auth-ongelman

    MCP vaatii OAuth 2.1 -autentikaation. Amazon käytti sataa eri auth-mekanismia. Nahas oivaltaa: selain hoitaa autentikaation jo valmiiksi evästeiden kautta. Rakentaa MCP-B:n.

  3. Loppuvuosi 2025 Google ja Microsoft huomaavat rakentavansa samaa asiaa

    Molemmat tiimit yhdistävät voimansa W3C:n kautta. 6 insinööriä, 2 yritystä, yksi standardi.

  4. 10.–11. helmikuuta 2026 Chrome DevRel julkaisee WebMCP Early Preview -ohjelman

    Molemmat API:t (Declarative ja Imperative) saatavilla Early Preview -osallistujille. Chrome 146 Beta käynnistyi 11.2., vakaa versio julkaistiin 10. maaliskuuta 2026.

Kaksi tapaa toteuttaa WebMCP

Tapa A: Declarative API – muutama HTML-attribuutti riittää

Jos sivustollasi on hakukenttä, yhteydenottolomake tai uutiskirjeen tilaus, voit tehdä siitä AI-agenteille käytettävän lisäämällä muutaman attribuutin lomakkeen HTML-koodiin.

Esimerkki 1 – Declarative API
INTERAKTIIVINEN
ENNEN 
<!-- Tavallinen lomake -->
<form action="/haku"
    method="GET">

<input
  name="q"
  type="text"
  placeholder="Hae..." />

<button type="submit">
  Hae
</button>

</form>
WEBMCP jälkeen 
<!-- AI-agenteille käytettävä -->
<form
toolname="search"
tooldescription="Hae sivuston sisällöstä"
action="/haku"
method="GET">

<input
  name="q"
  type="text"
  tool-param-description="Hakusana"
  placeholder="Hae..." />

<button type="submit">
  Hae
</button>

</form>

Korostetut toolname-, tooldescription- ja tool-param-description-attribuutit kertovat agentille, mitä lomake tekee ja mitä parametreja se ottaa. Agentti osaa kutsua sitä suoraan.

Tapa B: Imperative API – JavaScript-funktio agenteille

Monimutkaisemmissa tapauksissa – hinnanlaskennassa, saatavuustarkistuksissa, monivaiheisissa prosesseissa – rekisteröit JavaScript-funktion suoraan selaimelle navigator.modelContext.registerTool()-kutsulla.

Esimerkki 2 – Elävä hintalaskuri (toimii oikeasti!)
LIVE DEMO

Tämä on esimerkki siitä, miten WebMCP-työkalu toimisi SaaS-tuotteen hinnoittelusivulla. Kokeile muuttaa arvoja – alla näkyy myös se, mitä AI-agentti "näkee" kutsuessaan tätä funktiota.

Hinnanlaskuri

Yhteensä kuukaudessa
290 €
10 käyttäjää × 29 € — kuukausilaskutus
// AI-agentti kutsuu:
navigator.modelContext.callTool("calculate_pricing", {
  team_size: 10,
  tier: "pro",
  billing: "monthly"
})
// → { total_monthly: 290, currency: "EUR" }

Katso se toiminnassa: agentin toimintasimulaatio

Lopuksi – katso miten AI-agentti suoriutuu tehtävästä WebMCP:n kanssa ja ilman sitä:

Esimerkki 3 – Agentin toimintasimulaatio
INTERAKTIIVINEN

Tehtävä: "Laske hinta 25 Pro-käyttäjälle, vuosilaskutus." Paina alla olevaa nappia ja katso miten prosessi etenee.

  1. Agentti vastaanottaa tehtävän task → "calculate_pricing(25, pro, annual)"
    0 ms
  2. Löytää WebMCP-työkalun sivulta navigator.modelContext.discoverTools() → ["calculate_pricing", "book_demo"]
    12 ms
  3. Kutsuu funktiota suoraan calculate_pricing({team_size: 25, tier: "pro", billing: "annual"})
    28 ms
  4. Saa strukturoidun vastauksen → { total_monthly: 580, annual_saving: 145, currency: "EUR" }
    41 ms
  5. Valmis — koko prosessi kesti: ✓ 47 ms yhteensä

    Ilman WebMCP:tä tämä veisi 2–5 sekuntia ja vaatisi kuvakaappauksia

Mitä tämä tarkoittaa käytännössä?

WebMCP muuttaa sen, miten AI-agentit voivat toimia puolestasi verkossa. Ei enää “tekoäly yrittää klikata” – vaan “tekoäly kutsuu funktiota”.

Tämä on seuraava iso muutos digitaalisessa markkinoinnissa. Sivustot, jotka on optimoitu WebMCP:lle, tulevat olemaan agenttien “ensimmäinen valinta” – aivan kuten hakukoneoptimoitu sisältö on tänään Googlen ensimmäinen valinta.

5 asiaa, joita pitäisi tehdä tässä kuussa

  1. Lisää Declarative API -attribuutit tärkeimpiin lomakkeisiin. toolname, tooldescription ja tool-param-description hakupalkkiin, yhteydenottolomakkeeseen, uutiskirjeen tilaukseen. Kymmenen minuuttia työtä.

  2. Tunnista sivustosi “korkea-arvo”-toiminnot. Mitä AI-agentti haluaisi tehdä sivustollasi? Hinnanlaskenta, saatavuustarkistus, demo-varaus.

  3. Rakenna Imperative API -työkalu yhdelle kriittiselle toiminnolle. Aloita siitä, mikä tuottaa eniten liidejä tai konversioita.

  4. Testaa Chrome 146:ssa. Ota WebMCP-lippu käyttöön osoitteessa chrome://flags ja testaa miten sivustosi näyttäytyy agenteille.

  5. Seuraa kehitystä. WebMCP:n vakaa versio julkaistiin 10. maaliskuuta 2026 Chrome 146:ssa. Ekosysteemi kehittyy nopeasti.

Ilmainen WebMCP-kartoitus

Onko sivustosi valmis AI-agenteille?

Kartoituksessa käyn läpi sivustosi tärkeimmät toiminnot ja katsomme yhdessä, mihin WebMCP kannattaa ensimmäiseksi lisätä, hakupalkista hintalaskuriin. Saat selkeän suunnitelman, ei myyntipuhetta.

Varaa maksuton kartoitus →