Lighthouse Agentic Browsing

Gépi látogatók, emberi bevétel

Az ügynökös vásárlás és időpontfoglalás már nem elmélet. Ha egy ügynök nem tud végigmenni a űrlapodon, az a konverzió ugyanúgy elveszik, mintha a gomb nem működne.

Amit a pass-arány valójában jelez

• Nulla átment szabály: az oldal gépi szemmel gyakorlatilag használhatatlan
• Fele-fele arány: a tartalom olvasható, de a műveletek bizonytalanok
• Szinte teljes pass: az ügynök végig tudja vinni a fő folyamatot

Mellékhaszon

A négy vizsgált terület közül három az embereken is segít. Az akadálymentességi fa rendbetétele képernyőolvasóval is jobb élményt ad. A CLS javítása a mobilos vásárlók félrekattintásait csökkenti. A riportokban ezt látjuk a leggyakrabban: aki az ügynökök miatt javít, az a valódi felhasználóknál is nyer.

Kikre vonatkozik

• Webshopok: itt a legnagyobb a tét, mert az ügynök a kosárig és a pénztárig menne
• Foglalós és ajánlatkérős oldalak: szolgáltatók, szállás, egészségügy, autószerviz
• Tartalmas B2B-oldalak: az ügynök adatot gyűjt, nem vásárol, de akkor is olvasható szerkezet kell neki

Kikre kevésbé

• Belépés mögötti felületek: az ügynök be sem jut, más a vizsgálat módja
• Staging és fejlesztői környezet: itt futtasd, de az eredményt ne keverd össze az éles oldaléval
• Egyoldalas névjegyoldalak: nincs művelet, amit végig lehetne vinni, így a pass-arány keveset mond

A magyar KKV-oldalak többségén a mért terület ma két szabályra szűkül: az akadálymentességi fára és a CLS-re. A másik kettő egyszerűen hiányzik a kódból.

Lépések

1. Frissítsd a Chrome-ot, majd nyisd meg a DevTools Lighthouse fülét.
2. Nézd meg, szerepel-e a kategórialistában az Agentic Browsing. Ha nem, a böngészőbe épített Lighthouse régebbi 13.3-nál.
3. Ha nincs ott, futtasd parancssorból: npx lighthouse@latest https://pelda.hu --view.
4. Olvasd le a kategória fejlécét. Nem százalékos pontszámot keresel, hanem pass-arányt, például 3/7 formában.
5. Nyisd ki a bukott szabályokat. Mindegyiknél ott van, melyik elem vagy fájl hiányzik.
6. Futtasd le mobil és asztali profilban is. A CLS (Cumulative Layout Shift) a kettőn jellemzően eltér.

Jó jel

• A pass-arány számlálója közel van a nevezőhöz
• A CLS szabály átmegy mobilon is
• Az űrlapmezőknek és gomboknak van kiolvasható neve
• Van elérhető /llms.txt a gyökérben

Rossz jel

• A kategória nem is jelenik meg, mert régi a Lighthouse
• Az akadálymentességi fa szabályai sorban buknak
• A gombok csak ikonok, szöveg és aria-label nélkül
• A PageSpeed Insights eredményére hivatkozol, ahol ez a kategória jelenleg nem fut le

Mit néz ebből a riport

Az audit jelzi, hogy az oldal megfelel-e az Agentic Browsing alapfeltételeinek. A hiányzó gépi belépési pontokat és a bukott akadálymentességi jelöléseket külön tételként írja ki. A riport a saját mérését futtatja, ezért az eredmény a Lighthouse pass-arányától kis mértékben eltérhet.

WordPress

1. Frissítsd a sablont és a fő pluginokat, mert a bukott szabályok fele elavult markupból jön.
2. A hero-képekre és a hirdetési helyekre adj fix width és height értéket a CLS miatt.
3. Az ikonos gombokhoz (kosár, menü, kereső) tegyél aria-label attribútumot.
4. Az llms.txt fájlt tedd a gyökérbe. Sok SEO-plugin ma már generálja, de a kézi változat pontosabb.

Shopify

1. A téma theme.liquid fájljában ellenőrizd, hogy a betöltődő appok nem tolják-e le a tartalmat.
2. A Customizerben kapcsold ki a felugró sávokat, vagy adj nekik helyet a layoutban.
3. Az /llms.txt útvonalat a témában vagy egy app segítségével add ki.
4. A pénztár nem szerkeszthető szabadon, ezért a terméklap és a kosár rendbetételére koncentrálj.

Unas

1. Az admin sablonszerkesztőjében nézd át a saját HTML-blokkokat, itt jönnek a névtelen gombok.
2. A fejlécbe és a lábléchez illesztett külső scriptek számát csökkentsd.
3. Statikus fájlt a rendszer korlátain belül tölts fel, az elérhetőséget curl-lel ellenőrizd.

Shoprenter

1. A sablon egyedi kódrészeit vizsgáld át, a bannerek gyakran okoznak elmozdulást.
2. A kategóriaoldalak szűrőit adj el hozzáférhető felirattal.
3. A támogatáson keresztül kérdezd meg, milyen úton tudsz gyökérszintű szöveges fájlt kitenni.

Egyedi fejlesztés

1. Építsd be a Lighthouse CLI-t a CI-folyamatba, és tedd küszöbbé a pass-arányt.
2. Rendezd az akadálymentességi fát: szemantikus elemek, kiolvasható nevek, helyes fókuszsorrend.
3. Foglalj helyet minden dinamikusan érkező elemnek.
4. Ha van gépi interfészre szánt funkciód, nézd meg a WebMCP jelenlegi állását, és csak stabil felületet publikálj.

• A régi Lighthouse-ra hivatkozás: 13.3 alatt a kategória el sem indul, így a hiányát javulásnak hiszik
• PageSpeed Insights-ban keresni: ott jelenleg nincs benne, a hiánya nem az oldal hibája
• A pass-arány pontszámként kezelése: a 4/6 nem 66 pont, hanem két konkrét bukott szabály
• Csak a CLS javítása: a legkönnyebb tétel, de az ügynököt legtöbbször a névtelen gomb állítja meg
• Üres llms.txt kitétele: a fájl megvan, tartalom nincs, így a szabály átmegy, a haszna nulla
• Csak asztali mérés: a layout-ugrás mobilon sokkal nagyobb, és a valódi forgalom is ott van
• Egyszeri mérés: egy új banner vagy süti-sáv egy hét alatt visszarontja az eredményt

Futtatás parancssorból, JSON kimenettel. Így látod, mely kategóriák mentek le egyáltalán.

# Lighthouse a legfrissebb verzióval, gépi feldolgozásra
npx lighthouse@latest https://pelda.hu --output=json --output-path=./report.json

# Melyik kategóriák futottak le?
jq '.categories | keys' report.json

# Fut-e a szerveren a gépi tartalomtérkép?
curl -sI https://pelda.hu/llms.txt | head -n 1

Egy használható llms.txt a gyökérben. Rövid, linkelt és tényszerű, nem marketingszöveg.

# Példa Kft.
> Ipari csomagolóanyag gyártás és nagykereskedelem, Győr. Alapítva 2004-ben.

## Fő oldalak
- [Szolgáltatások](https://pelda.hu/szolgaltatasok): gyártás, raktározás, egyedi méret
- [Termékek](https://pelda.hu/termekek): kartondoboz, zsugorfólia, raklap
- [Kapcsolat](https://pelda.hu/kapcsolat): cím, telefonszám, nyitvatartás

## Feltételek
- [ÁSZF](https://pelda.hu/aszf)
- [Szállítás](https://pelda.hu/szallitas): minimum rendelés 50 000 Ft