AI-ügynök (agent)

Ami az üzletben látszik

Egyre több vásárlás és érdeklődés kezdődik asszisztensben, nem találati oldalon. Ha az ügynök nem tudja végigvinni a folyamatot, nem hibaüzenetet küld. Egyszerűen átmegy a következő szolgáltatóhoz, és te sosem tudod meg, miért.

Ami a SEO-val közös

Az ügynök-barát oldal majdnem mindig jobb oldal:

• Az értelmes gombfeliratok és label-ek az akadálymentességnek is jót tesznek.
• A szerveroldali HTML gyorsabban használható, és a crawler is jobban jár vele.
• A stabil, kiszámítható URL-ek mindkét oldalon számítanak.

A riportokban ezt látjuk: ami az ügynököt megfogja, az a valódi felhasználót is lassítja. A felirat nélküli ikongombok, a modális ablakba zárt űrlapok és a sütibanner mögött megbúvó tartalom a leggyakoribb okok.

Ami a jövőben jön

A böngészőbe épített ügynökök terjednek. Aki most rendbe teszi a jelölést, annak nem kell kapkodnia, amikor ez a forgalom mérhető lesz.

Vonatkozik rá:

• Minden webshop, ahol kosár és pénztár van.
• Foglalásos szolgáltatások: fodrász, orvos, étterem, szerviz.
• B2B oldalak ajánlatkérő űrlappal vagy árlistával.
• Bármilyen oldal, ahol kereshető adatbázis vagy szűrő van.

Kevésbé vonatkozik rá:

• Tisztán olvasásra szánt blogok. Ott inkább a citálhatóság és a tény-sűrűség a kérdés.
• Bejelentkezés mögötti belső rendszerek, ügyfélportálok.
• Staging és fejlesztői környezetek. Ezeket amúgy is noindex és jelszó mögé tedd.

A magyar KKV-oldalak többségén az ügynök az első két lépést megcsinálja, a harmadiknál elakad. Általában az űrlapnál vagy a kosárnál.

Lépések

1. Nyisd meg az oldalt böngészőben, és tedd el az egeret. Csak Tab, Enter és Space billentyűt használj. Jusson el a kapcsolatfelvételig vagy a kosárig.
2. Kapcsold ki a JavaScriptet a devtools beállításaiban, majd töltsd újra. Nézd meg, mi marad a fő tartalomból és a menüből.
3. Futtasd le a Lighthouse Agentic Browsing auditot. Ez pont azokat a jelöléseket ellenőrzi, amelyekre egy ügynök támaszkodik.
4. A devtools Elements fülén nézd végig a fő gombokat. Van értelmes szövegük vagy aria-label-jük?
5. Kérd meg egy asszisztenst, hogy foglaljon időpontot az oldaladon. Figyeld, hol áll meg, és mit kérdez vissza.

Jó jel

• A gombok valódi <button> vagy <a> elemek, olvasható felirattal.
• Minden beviteli mezőhöz tartozik <label>.
• Az űrlap elküldése után az URL vagy a cím egyértelműen változik.
• A fő tartalom JavaScript nélkül is ott van a forrásban.

Rossz jel

• <div onclick> és ikon, felirat nélkül.
• Csak placeholderrel jelölt mezők.
• Egérmozgásra vagy hoverre épülő menü.
• A sütibanner minden interakciót blokkol, és nem zárható be billentyűzettel.

Mit néz ebből a riport

Az audit az agentic browsing jelöléseit és a JavaScript nélküli tartalmat vizsgálja. A riport azt mutatja meg, hogy a fő tartalom és a főbb műveletek felismerhetők-e gépi olvasásból. Ez nem helyettesíti a kézi kattintás-tesztet, de a leggyakoribb elakadásokat kiszűri.

WordPress

1. Nézd át a page buildert. Az Elementor és a Divi szívesen csinál div-et gomb helyett.
2. Az ikongombokhoz adj aria-label értéket a widget haladó beállításainál.
3. Contact Form 7 vagy WPForms esetén kapcsold be a label megjelenítését, ne csak placeholdert használj.
4. Ellenőrizd, hogy a sütibanner billentyűzettel bezárható-e.

WooCommerce

1. A kosárba tevés maradjon valódi <form> submit, ne csak AJAX-hívás.
2. A variációválasztó legyen <select> vagy rádiógomb, ne kép-rács data- attribútumokkal.
3. Tartsd rendben a Product és Offer sémát, hogy az ár és a készlet szövegesen is kiolvasható legyen.

Shopify

1. A témában a product-form.liquid alapból rendes űrlapot ad. Ha átírták, állítsd vissza a <button type="submit"> elemet.
2. A gyorsnézet modálokat tedd bezárhatóvá Escape billentyűvel.
3. A több lépéses pénztárnál ellenőrizd, hogy minden mezőnek van autocomplete attribútuma.

Unas

1. A sablonszerkesztőben nézd át az egyedi gombokat és sliderek feliratát.
2. A kapcsolati űrlap mezőihez írj látható címkét az adminban.
3. Ellenőrizd, hogy a kategóriaszűrő után az URL változik-e. Ha nem, az ügynök nem tudja megosztani az eredményt.

Shoprenter

1. Az ikonos kosárgombhoz tegyél szöveges alternatívát a sablonban.
2. A saját HTML-blokkokban kerüld a javascript:void(0) linkeket.
3. A termékadatokat hagyd a szerveroldali sablonban, ne told át kizárólag kliensoldali renderbe.

Egyedi fejlesztés

1. Minden interaktív elem legyen szemantikus HTML. ARIA csak ott, ahol muszáj.
2. A fontos oldalak fő tartalma jöjjön szerveroldalról. SPA esetén használj SSR-t vagy prerendert.
3. Adj minden űrlapnak action és method attribútumot, működő nem-JS fallbackkel.
4. Ha gépi felületet is akarsz, nézd meg a WebMCP irányát, de előbb a HTML legyen rendben.

• Div gombnak álcázva: az ügynök és a képernyőolvasó sem tudja, hogy az kattintható elem.
• Ikon felirat nélkül: egy kosár-ikonból a modell csak találgat, mit csinál a gomb.
• Csak placeholder, label nélkül: fókusz után eltűnik a szöveg, és a mező jelentése is.
• Hoverre nyíló menü: ügynöknél nincs egérmozgás, így a menüpontok fele láthatatlan marad.
• URL nélküli állapotváltás: ha a szűrés nem látszik a címben, az eredmény nem hivatkozható.
• Mindent blokkoló sütibanner: a hozzájárulási réteg elé kerül a tartalomnak, és a folyamat ott véget ér.
• Agresszív bot-blokkolás: a WAF a felhasználó nevében érkező ügynököt is kizárja, és elveszíted a vásárlót.

Ugyanaz a kosárgomb kétféleképpen. Az elsőt egy ügynök nem tudja értelmezni, a másodikat igen.

<!-- Rossz: nincs szerep, nincs felirat -->
<div class="btn-cart" onclick="addToCart(1234)">
  <i class="icon-cart"></i>
</div>

<!-- Jó: valódi űrlap, olvasható felirat, billentyűzettel is működik -->
<form action="/kosar/hozzaad" method="post">
  <input type="hidden" name="termek_id" value="1234">
  <label for="db">Mennyiség</label>
  <input id="db" name="mennyiseg" type="number" value="1" min="1">
  <button type="submit">Kosárba teszem</button>
</form>

Gyors ellenőrzés parancssorból: jön-e vissza használható HTML, ha nem böngésző kéri az oldalt.

curl -s -A "ChatGPT-User/1.0" https://pelda.hu/termek/abc | grep -i -c "<button"

Ha nulla a találat, a gombjaid valószínűleg kliensoldalon jönnek létre. Ellenőrizd a státuszkódot is curl -I paranccsal: 403 esetén a védelmed zárja ki az ügynököt.