AI-értelmezhetőség Szakszó

WebMCP

Szerző: · 7 perc olvasás · Frissítve:
WebMCP - AI-értelmezhetőség (szakszó) a tudástárban
WebMCP - AI-értelmezhetőség | eClick GEO-audit tudástár

A WebMCP az a böngészős megoldás, amellyel egy weboldal gépi olvasható módon leírja, milyen műveleteket lehet rajta végrehajtani. Nem a tartalmat írja le, hanem a cselekvést: keresést, űrlapküldést, kalkulációt, kosárba tételt.

Hogyan működik

Két út létezik. Az egyszerűbb a HTML-annotáció: a meglévő űrlapra toolname és tooldescription attribútum kerül. A másik a navigator.modelContext API, amivel JavaScriptből regisztrálsz eszközöket.

Minden eszköznek van neve, leírása, paraméter-sémája és egy függvénye, ami lefut. A mögöttes logika a Model Context Protocol. Az AI-ügynök ugyanazt az eszközlistát látja, mintha egy MCP-szervert hívna, csak itt a "szerver" maga a megnyitott oldal. A Chrome 150-től origin trial keretében próbálható, tehát kísérleti és tokenhez kötött funkció.

Miért más ez, mint a strukturált adat

A schema.org jelölés arra válaszol, mi van az oldalon. A WebMCP arra, mit lehet vele csinálni. Az egyik olvasásra való, a másik végrehajtásra. Ugyanez a különbség az llms.txt és llms-full.txt felé is: az a tartalom térképe, nem a funkcióké.

Az ügynök WebMCP nélkül is boldogul, csak drágábban. Képernyőképet elemez, DOM-ot olvas, gombokat találgat. Ez lassú és törékeny. A WebMCP ezt váltja ki egy deklarált eszközlistával.

Mikor számít igazán

Akkor, ha az oldalon valódi tranzakció zajlik:

  • időpontfoglalás vagy ajánlatkérés,
  • webshop-keresés, szűrés, kosár,
  • kalkulátor, árajánlat-generátor,
  • ügyfélszolgálati vagy hibabejelentő űrlap.

Statikus bemutatkozó oldalon alig van mit felkínálni. Ott a szöveg AI-olvashatósága hoz több hasznot.

Mit néz ebből a riport

Az audit megnézi, található-e az oldal forrásában WebMCP-annotáció vagy navigator.modelContext hívás. Ez tájékoztató tétel, nem von le pontot. A riportokban ma szinte minden magyar oldalon hiányzik, ezért inkább jelzés a jövőre, mint hiba a jelenben.

Röviden: a WebMCP az az interfész, amin keresztül az oldalad nem csak elolvasható, hanem használható is egy gép számára.

Miért fontos

Az ügynöki forgalom új belépési pont

A felhasználó egyre gyakrabban nem kattint, hanem delegál. Megkér egy asszisztenst, hogy foglaljon időpontot vagy kérjen árajánlatot. Ha az ügynök nem érti az űrlapodat, a feladat a konkurensnél fejeződik be.

Kevesebb találgatás, kevesebb hibás kitöltés

A vakon navigáló ügynök rossz mezőbe ír, kétszer küldi be az űrlapot, vagy félbehagyja. A deklarált eszköz ezt kizárja: te mondod meg, mi a művelet neve, mik a paraméterei és mi a kimenet.

Üzleti hatás

  • Az ügynöki konverzió mérhetővé és irányíthatóvá válik.
  • A leírásban te fogalmazod meg, mit csinál a cég. Ez visszahat a márkaemlítésekre is.
  • Aki korán áll rá, a szabvány véglegesítésekor már kész felülettel indul.

A hatás ma még kicsi. A Lighthouse Agentic Browsing megjelenése viszont jól mutatja, merre megy a böngészőgyártók gondolkodása.

Kikre vonatkozik

Elsősorban rájuk vonatkozik:

  • webshopok, ahol keresés, szűrés és kosár van,
  • szolgáltatók foglalási vagy ajánlatkérő űrlappal,
  • SaaS- és ügyfélportálok bejelentkezés utáni műveletekkel,
  • kalkulátort vagy konfigurátort üzemeltető oldalak.

Kevésbé releváns:

  • tisztán tartalmi blogok és hírportálok,
  • egyoldalas névjegy-weboldalak,
  • staging és belső rendszerek, ahol nincs külső ügynöki forgalom.

A funkció kísérleti státusza miatt senkinek nem kötelező. Ha a technikai alapok hiányoznak, előbb azokkal foglalkozz. Törött kanonikus címek mellett a WebMCP luxus.

Hogyan ellenőrzöd

  1. Nyisd meg az oldalt Chrome-ban, és nézd meg a verziót a chrome://version címen. A 150-es verzió alatt nincs mit keresni.
  2. Nyisd meg a devtools konzolt, és futtasd: 'modelContext' in navigator. A true azt jelzi, hogy a böngésző támogatja a felületet.
  3. Keress rá a forráskódban a toolname és a tooldescription szövegre. Devtoolsban Ctrl+F, vagy parancssorból curl -s https://pelda.hu | grep -i toolname.
  4. Nézd meg, van-e origin trial token az oldalon: <meta http-equiv="origin-trial"> a <head> elemben.
  5. A devtools Sources fülén keress navigator.modelContext hívásra a saját JS-fájljaidban.

Jó jel:

  • a fő űrlapok kapnak beszédes toolname értéket,
  • az eszközleírás egy mondatban elmondja, mit csinál a művelet,
  • a regisztrált eszköz valóban lefut, és értelmes választ ad vissza.

Rossz jel:

  • annotáció van, de a mezőknek nincs name attribútuma,
  • a tooldescription marketingszöveg, nem funkcióleírás,
  • lejárt origin trial token, amitől az API csendben eltűnik,
  • az eszköz olyan műveletet indít, ami megerősítés nélkül vásárol vagy töröl.

Hogyan javítod

WordPress

  1. Válaszd ki a fő konverziós űrlapot (Contact Form 7, WPForms, Gravity Forms).
  2. A form beállításaiban vagy egy wp_footer hookba tett kis JS-sel tedd rá a toolname és tooldescription attribútumot a <form> elemre.
  3. Bonyolultabb műveletekhez írj egy saját plugint, és abban regisztráld az eszközöket navigator.modelContext hívással.
  4. Az origin trial tokent a sablon header.php fájljába vagy egy fejléc-injektáló pluginnal tedd be.

Shopify

  1. Online Store > Themes > Edit code.
  2. A theme.liquid <head> részébe kerül az origin trial meta tag.
  3. A keresés és a kosár sablonjában annotáld a form elemeket.
  4. Termékkeresésre érdemes külön eszközt regisztrálni, ami a Storefront kereső végpontját hívja.

Unas

  1. Adminban a saját HTML/JS beillesztési pontot használd a fejléchez.
  2. A sablonszerkesztés korlátos, ezért a leggyakoribb út a JS-ből utólag rátett attribútum.
  3. Először a keresőmezőt és a kapcsolati űrlapot annotáld.

Shoprenter

  1. Sablon > forráskód szerkesztése, a head blokkba jön a token.
  2. Az űrlapokat egy kis inline scripttel érd el, és állítsd be rajtuk az attribútumokat.
  3. Teszteld, hogy a sablonfrissítés nem írja-e felül a módosítást.

Egyedi fejlesztés

  1. Igényelj origin trial tokent a saját domainre, és tedd ki meta tagként vagy Origin-Trial HTTP-fejlécként.
  2. Gyűjtsd össze a valódi ügynöki műveleteket. Maximum 5-8 eszközt regisztrálj, ne mindent.
  3. Írd meg az eszközöket JSON-sémás paraméterekkel, és validáld a bemenetet a szerveren is.
  4. Pénzmozgást vagy törlést végző eszköznél kérj felhasználói megerősítést.
  5. Naplózd az ügynöki hívásokat, hogy lásd, használja-e bárki.

Gyakori hibák

  • Minden űrlap eszközzé tétele. A hírlevél-feliratkozás és a keresés egy szinten zajt csinál, az ügynök rosszul választ.
  • Marketinges eszközleírás. A "piacvezető megoldásunk" semmit nem mond a paraméterekről, a modell így nem tudja, mikor hívja.
  • Szerveroldali validáció elhagyása. A kliensoldali eszköz bemenete ugyanúgy támadható, mint bármelyik űrlap.
  • Destruktív művelet megerősítés nélkül. Törlés vagy megrendelés emberi jóváhagyás nélkül komoly bizalmi kockázat.
  • Lejárt origin trial token. A funkció csendben kikapcsol, és hónapokig nem veszed észre.
  • Az alapok átugrása. WebMCP-t tesznek fel oda, ahol a strukturált adat és a tiszta HTML is hiányzik.
  • Rejtett, csak ügynöknek szóló tartalom. Ha az eszköz mást csinál, mint a látható felület, az cloaking irányába csúszik.

Technikai példa

A legegyszerűbb eset: egy meglévő űrlap annotálása. Két attribútum, semmi JavaScript.

<form action="/idopontfoglalas" method="post"
      toolname="idopont_foglalas"
      tooldescription="Időpontot foglal egy szervizre. Kötelező: dátum, név, telefonszám.">
  <input type="date" name="datum" required>
  <input type="text" name="nev" required>
  <input type="tel" name="telefon" required>
  <button type="submit">Foglalás</button>
</form>

A mezők name attribútuma adja a paraméterneveket. E nélkül az annotáció használhatatlan.

Összetettebb műveletre az API-t használod. Itt te szabod meg a séma és a visszatérési érték formáját.

navigator.modelContext.registerTool({
  name: "termek_kereses",
  description: "Terméket keres a webshopban név vagy kategória alapján.",
  inputSchema: {
    type: "object",
    properties: {
      kifejezes: { type: "string", description: "A keresett kifejezés" },
      maxAr: { type: "number", description: "Felső árhatár forintban" }
    },
    required: ["kifejezes"]
  },
  async execute({ kifejezes, maxAr }) {
    const res = await fetch(`/api/kereses?q=${encodeURIComponent(kifejezes)}&max=${maxAr ?? ""}`);
    return { content: [{ type: "text", text: JSON.stringify(await res.json()) }] };
  }
});

Az origin trial tokent a <head> elembe teszed, különben a navigator.modelContext nem létezik:

<meta http-equiv="origin-trial" content="A_TE_TOKENED">

Gyakori kérdések

Kötelező ez most bármilyen oldalon?
Nem. A WebMCP origin trial státuszban van, tehát kísérleti és bármikor változhat. Senkit nem büntet érte sem a Google, sem más kereső. Aki tranzakciós felületet üzemeltet, annak viszont megéri egy űrlapon kipróbálni.
Mi a különbség a WebMCP és az MCP-szerver között?
Az MCP-szerver a te infrastruktúrádon fut, és API-n keresztül érhető el. A WebMCP ugyanezt a logikát a böngészőbe hozza: az eszközök a megnyitott oldalon élnek, a felhasználó munkamenetével és jogosultságaival. Bejelentkezés utáni műveleteknél ez nagy előny.
Nem lesz ez biztonsági rés?
Csak akkor, ha rosszul csinálod. Az ügynök ugyanazokat a műveleteket éri el, mint a felhasználó, ezért minden bemenetet a szerveren is validálni kell. Fizetést, törlést vagy adatmódosítást pedig emberi megerősítéshez köss.
Más böngészőkben is működik?
Jelenleg a Chrome kísérleti funkciója, a 150-es verziótól. A többi böngészőben a kód egyszerűen nem fut le. Ezért mindig úgy írd meg, hogy a hagyományos űrlap WebMCP nélkül is teljesen működjön.
Segít ez a Google-rangsorolásban?
Közvetlenül nem. Rangsorolási tényezőként semmilyen kereső nem jelentette be. A haszna az ügynöki használhatóság, ami a saját forgalmi csatornáddá válhat, ahogy az asszisztensek terjednek.

Források

Kapcsolódó fogalmak

A te oldaladon hogy áll a(z) „WebMCP”?

Futtass egy GEO-auditot: pontszám, fejlesztői ítélet, a leggyorsabb javítások, és minden tételhez bizonyíték.

Ingyenes GEO-audit indítása