Miért nem lát az AI a weboldaladon? A JavaScript-csapda — és hogyan kerüld el
Lehet, hogy gyönyörű az oldalad — de ha a tartalom JavaScriptből épül fel, a legtöbb AI-bot félig üres lapot lát. Friss mérési példával mutatjuk, hogyan derül ki 5 perc alatt, és pontosan mit kérj a fejlesztődtől.
Van egy kínos paradoxon, amibe sok hotel beleesik anélkül, hogy tudna róla: a weboldala gyönyörű a böngészőben, de üres az AI számára. Szép képek, finom animációk, modern design, és közben a ChatGPT, a Perplexity vagy a Claude egy szinte teljesen üres lapot lát rajta.
Ez nem elméleti probléma. Ez az egyik leggyakoribb, mégis legrejtettebb oka annak, hogy egy hotel kimarad az AI-válaszokból. A legbosszantóbb benne, hogy szabad szemmel nem látszik: neked az oldal tökéletesen működik.
A gyökérok: a legtöbb AI-bot nem futtat JavaScriptet
Hogy megértsük, miért, vissza kell lépnünk egy lépést a technikához. Ígérem, érthető lesz.
Amikor te megnyitod a weboldalt, a böngésződ két dolgot csinál. Először letölti a nyers HTML-t a szerverről. Aztán lefuttatja a JavaScriptet, ami sok modern oldalon csak ekkor építi fel a tényleges tartalmat: a szövegeket, a szobaleírásokat, az árakat. Neked ez villámgyorsan, észrevétlenül történik.
De a legtöbb AI-bot — az OpenAI OAI-SearchBotja, a PerplexityBot, a ClaudeBot megáll az első lépésnél. Letölti a nyers HTML-t, és azt olvassa. JavaScriptet nem futtat. Ha tehát a tartalmad csak a JS lefutása után jelenik meg, a bot egy üres vázat lát: pár konténer-elem, egy halom script-hivatkozás, és semmi érdemi szöveg.
A szem szépnek látja az oldalt. Az AI-bot meg üresnek.
Nincs mit olvasnia, ezért nincs mit idéznie. Így maradsz ki a válaszokból — nem azért, mert rossz a hoteled, hanem mert a tartalmad technikailag láthatatlan.
Hogyan derül ki, hogy érintett vagy?
Szerencsére van egy egyszerű, bárki által elvégezhető teszt. Nyisd meg a weboldalad, kattints jobb gombbal egy üres területre, és válaszd az „Oldal forrásának megtekintése" opciót (Ctrl+U vagy Cmd+Option+U). Ez a nyers HTML-t mutatja — pontosan azt, amit a bot lát.
Most keresd meg a szövegeidet: a szobaleírást, a wellness-részleget, a fő üzeneteidet. Ha ott vannak a forráskódban: remek, az oldalad kinyerhető. Ha viszont alig találsz szöveget, csak script-elemeket és üres tartalmi konténereket, akkor a tartalmad JS-függő, és a botok nem látják.
Egy friss mérésünk: gyönyörű oldal, félig üres lap
Hogy ez mennyire nem elmélet, mutatjuk egy friss, valós auditunk eredményét egy hazai négycsillagos wellness-hotelnél (a nevét nem írjuk le, mert a jelenség a lényeg, nem a hotel):
A kezdőlapon 17 szekció-címsor van: csomagajánlatok, családi programok, páros élmények, szezonális ajánlatok. A vendég ezt mind látja. A nyers HTML-ben viszont a 17-ből 14 alatt nulla szöveg áll: a kártyák tartalmát JavaScript tölti be. Vagyis az AI-bot pontosan azokról a kínálati elemekről nem tud, amelyekért a vendég választaná a hotelt. Az oldal többi része rendben van, a bot lát ~720 szót. Csak épp a lényeg fele hiányzik neki.
Ez a tipikus eset: nem „üres" az oldal, hanem féloldalas. És mivel a felét látja a bot, a tulajdonos joggal hiheti, hogy minden rendben.
Két dolog, ami megöli a láthatóságot
A JS-csapda mellett van egy testvérprobléma: a lassúság. Érdemes a kettőt együtt nézni.
- •A tartalom JS-ből renderelődik
- •A bot üres HTML-t kap
- •Tünet: üres forráskód
- •Megoldás: SSR / SSG / prerender
- •Az oldal lassan tölt be
- •A bot timeoutol, mielőtt beolvasná
- •Tünet: magas LCP, nehéz képek
- •Megoldás: cache, CDN, képoptimalizálás
A logika hasonló: mindkét esetben a bot nem jut hozzá a tartalomhoz: egyszer azért, mert nincs ott a nyers HTML-ben, máskor azért, mert nem ér a végére időben.
Mit tegyél? — a megoldás
A jó hír: ez javítható, és nagy része egyszeri munka. A cél egyszerű: a lényegi tartalom legyen ott a nyers, szerver-oldali HTML-ben.
-
1
Tedd szerver-oldalra a tartalmat
A fontos szövegek a nyers HTML-ben legyenek — szerver-oldali rendereléssel (SSR) vagy statikus generálással (SSG).
-
2
Kapcsold be az SSR-t
Ha Next.js / Nuxt alapú az oldal, használd a szerver-oldali renderelést — nem kell újraépíteni.
-
3
Tiszta SPA-nál prerender
Ha az oldal klasszikus single-page app szerver-renderelés nélkül, állíts be prerendert (statikus export vagy prerender-szolgáltatás).
-
4
Mérd és gyorsítsd
Optimalizáld a képeket (WebP), tegyél elé CDN-t, kapcsolj cache-t — hogy a bot időben a végére érjen.
Mit kérj a fejlesztődtől? — másolható lista
Ha nem te nyúlsz a kódhoz, ezt a négy kérést küldd át a fejlesztőnek — szó szerint elég:
-
1
„A kezdőlap és a kulcsoldalak szekció-szövegei kerüljenek a szerver-oldali HTML-be"
SSR, SSG vagy prerender, a keretrendszer adottságai szerint.
-
2
„A slider-ekben és kártyákban lévő szövegek is legyenek a nyers HTML-ben"
A vizuális megjelenítés maradhat JS, de a szöveg forrása ne az legyen.
-
3
„Ellenőrzés: Ctrl+U forrásnézetben legyen kereshető minden fő szövegünk"
Ez az átvételi teszt: öt perc, és bárki elvégezheti.
-
4
„A robots.txt engedje az AI-botokat (GPTBot, ClaudeBot, PerplexityBot)"
Ha már nyúlunk hozzá, ezt is tegyük rendbe egy körben.
Ki futtat JavaScriptet és ki nem?
A helyzet nem fekete-fehér, ezért érdemes pontosan látni, melyik bot mit tud:
| Bot | Futtat JS-t? | Mit jelent neked |
|---|---|---|
| Googlebot (klasszikus keresés) | Igen, késleltetve | A Google-indexed ettől még rendben lehet |
| Google AI (AI Overview / AI Mode) | Részben, a Google indexére épül | Amit a Google lát, arra építhet az AI-válasz is |
| OAI-SearchBot / GPTBot (OpenAI) | Nem | A ChatGPT a nyers HTML-t látja |
| PerplexityBot | Nem | A Perplexity a nyers HTML-t látja |
| ClaudeBot (Anthropic) | Nem | A Claude a nyers HTML-t látja |
A táblázat magyarázza a legveszélyesebb illúziót: a Google-ben minden rendben van, ezért azt hiszed, az AI-ban is — miközben a ChatGPT, a Perplexity és a Claude botjai a nyers, JS nélküli oldaladat olvassák.
Egy gyakori félreértés
Sokan azt gondolják, hogy ha a Google indexeli az oldalukat, akkor minden rendben — hiszen a Googlebot futtat JavaScriptet. Ez részben igaz: a Google fejlettebb, és sok JS-tartalmat lát. De a többi AI-bot nem ilyen elnéző: az OpenAI, az Anthropic és a Perplexity botjai jellemzően nem futtatnak JS-t. Vagyis lehetsz tökéletesen indexelve a Google-ben, és közben láthatatlan a ChatGPT és a Perplexity számára.
A Mentio ezt automatikusan méri
Nem kell fejlesztőnek lenned ahhoz, hogy tudd, érintett vagy-e. Az AI Tech modul megnézi, mennyi látható szöveg van a nyers HTML-ben, felismeri a JS-csapdát, és piros zászlót tűz ki, ha az oldalad JavaScriptből renderelődik. A konkrét hibák mellé gyakorlati, hoteleknek szabott javítási lépéseket ad, és a sebességet (Core Web Vitals) is méri, hogy a testvérproblémát is lásd.
Mert az első lépés mindig ugyanaz: tudni, hogy az AI látja-e azt, amit a vendég.
Az elmúlt időszak legnagyobb fordulata, hogy a keresés átalakult: a vendég ma már nem feltétlenül tíz kék link közül választ, hanem egy AI modellt kérdez meg, hová menjen. ChatGPT, Claude, Gemini, Perplexity — és immár maga a Google is, az AI Mode és az AI Overview révén. A válasz pedig nem egy találati lista, hanem 2-3 konkrét szállodanév: egy kész döntés.
Gyakran ismételt kérdések
Honnan tudom, hogy az én oldalam érintett?+
Nyisd meg az oldalad forrásnézetét (Ctrl+U vagy Cmd+Option+U), és keresd meg a fő szövegeidet. Ha a szobaleírás, a wellness-szöveg vagy a csomagok szövege nincs ott a nyers HTML-ben, a tartalmad JavaScript-függő, és a legtöbb AI-bot nem látja.
A Google látja a JS-tartalmat — akkor miért baj ez?+
A Googlebot valóban futtat JavaScriptet, ezért a Google-index rendben lehet. De az OpenAI, az Anthropic és a Perplexity botjai jellemzően nem futtatnak JS-t, így a ChatGPT-ben és a Perplexityben láthatatlan lehetsz úgy is, hogy a Google-ben jól állsz.
Újra kell építeni a weboldalt a javításhoz?+
Ritkán. A legtöbb modern keretrendszerben (Next.js, Nuxt, WordPress) a szerver-oldali renderelés vagy a prerender bekapcsolható, és a lényeg, hogy a fő szövegek a nyers HTML-ben legyenek. Ez jellemzően egyszeri fejlesztői munka, nem újraépítés.
Mennyi tartalom elég a nyers HTML-ben?+
Nincs bűvös szám, de a gyakorlati minimum, hogy minden fontos szekció alatt legyen érdemi szöveg. A mi auditunk 300 szó felett tekinti egészségesnek a kezdőlapot — és külön nézi, hogy a szekció-címsorok alatt van-e szöveg a JS lefutása előtt.
Olvasd el ezeket is
- AI-láthatóság szállodáknak: hogyan ajánltasd magad a ChatGPT-vel, Geminivel és a Perplexityvel?Egyre több vendég AI-asszisztenstől kér szállásajánlást. Mit jelent az AI-láthatóság és a GEO a szállodáknak — és milyen konkrét lépésekkel…
- Hoz-e foglalást az AI? Három hotelünk valós számai782 AI-munkamenet, 30 nap, három magyar szálloda: megmutatjuk, milyen arányban foglal ma az AI-ból érkező vendég az organikushoz képest, és…
- Google AI Overview: lejárt a Google SERP kora? — amit egy hotelnek tudnia kellFriss flotta-mérésünk szerint a szállodai keresések kétharmadánál már AI-összefoglaló fogadja a vendéget — és a hotelek többsége nincs…