JavaScript SEO
A JavaScript SEO azzal foglalkozik, hogy a JS-sel megjelenített tartalmat a keresők (és főleg az AI-crawlerek) is lássák. A megoldás gyakran a szerver-oldali renderelés vagy a prerender.
Mi a JavaScript SEO?
A JavaScript SEO azzal foglalkozik, hogy a JavaScript-tel megjelenített tartalmat a keresőmotorok is helyesen lássák és indexeljék. A modern weboldalak (SPA-k) nagy része JS-sel rendereli a tartalmat, ez kihívás lehet a botoknak.
Miért kritikus az AI-korban?
A Googlebot futtat JavaScriptet, de késleltetve és nem mindig tökéletesen. A legtöbb AI-crawler (GPTBot, PerplexityBot) viszont NEM futtat JS-t, így a csak JS-sel megjelenő tartalom számukra láthatatlan. A megoldás: szerver-oldali renderelés (SSR) vagy prerender/SSG, hogy a kész HTML JS nélkül is olvasható legyen. (A Publicator Tudástár pontosan ezért prerenderelt.)
2026-ban a JavaScript SEO fontossága tovább nőtt: a Google AI Overviews és a Perplexity Deep Research egyaránt preferálják a gyorsan betölthető, statikus HTML-formátumú tartalmakat. Ha az oldalad tartalmát React, Vue vagy Angular rendereli kliens oldalon, könnyen előfordulhat, hogy a GPTBot (AI-crawler) egyáltalán nem látja a szövegeidet. A Query fan-out során az AI több aldokumentumot is indexel, de csak azokat, amelyek olvasható HTML-tartalommal rendelkeznek. Az Entitás (entity) alapú indexeléshez szintén szükség van arra, hogy a strukturált adatok (JSON-LD) a HTML-ben, nem csak JavaScript-futtatás után jelenjenek meg. Az llms.txt fájl és az FAQ schema (FAQPage) szintén csak akkor tud igazán hatni, ha a többi tartalom is botok által olvasható.
Gyakorlati példa magyar környezetben
Egy 8 fős webfejlesztő stúdió Pécsen 2024-ben egy Vue.js-alapú SPA-t (Single Page Application) épített egy e-kereskedelmi ügyfélnek. Az oldal teljesítménye kiválónak tűnt böngészőben, de a Search Console azt mutatta, hogy a termékoldalak csupán 31%-a volt indexelve 3 hónappal az indulás után. A GPTBot a robots.txt szerint engedélyezett volt, de a termékleírások kliens oldali renderelés miatt láthatatlanok maradtak az AI-crawlerek számára. A stúdió bevezette a Nuxt.js-alapú SSR-t (szerver-oldali renderelést): a szerver most minden kérésre kész HTML-t ad vissza. Hat hét alatt az indexelési arány 31%-ról 94%-ra nőtt, az organikus forgalom 67%-kal emelkedett, és a Perplexity ettől kezdve elkezdte citálni a webshop egyes termékkategória-oldalait a releváns kérdéseknél.
Hogyan kapcsolódik más fogalmakhoz?
A JavaScript SEO szorosan összefügg a GPTBot (AI-crawler) viselkedésével: ha az AI-crawlerek nem tudják olvasni a JS-renderelt tartalmat, az AI-keresőkben sem jelensz meg. A Schema.org / strukturált adat alkalmazása különösen kritikus: a JSON-LD blokkokat a HTML-be kell elhelyezni, nem dinamikusan generálni, mert az AI-botok nem futtatják a scriptet.
Az Entitás (entity) alapú indexeléshez a Googlebotnak és az AI-crawlereknek egyaránt olvasniuk kell a tartalmat: ez csak SSR vagy prerender esetén garantált. A Knowledge Graph (tudásgráf) szintén csak a statikus HTML-ből kinyerhető strukturált adatokra épít, ezért a JS SEO és a strukturált adatstratégia együtt kezelendő. Az FAQ schema (FAQPage) szintén hatásosabb, ha a kész HTML-ben szerepel.
Gyakori hibák, amiket érdemes elkerülni
- Csak böngészőben tesztelik az oldalt: Sokan Chrome-ban gyönyörűnek látják az oldalt, de elfelejtik, hogy a Googlebot és az AI-crawlerek nem úgy látják. Mindig teszteld az oldalt a Google URL-ellenőrzőjével (Search Console) és egy egyszerű `curl` paranccsal, hogy lásd a nyers HTML-t.
- A JSON-LD strukturált adatot JavaScripttel injektálják: Ha a schema.org adatokat JavaScript injektálja a DOM-ba, az AI-crawlerek nagy eséllyel nem látják. Mindig szerver oldalon, a HTML `<head>` részben add meg a strukturált adatokat.
- Prerendert bevezetnek, de nem ellenőrzik a cachefrissítést: A prerender hatásos megoldás, de ha a cache hetekig nem frissül, a keresők elavult tartalmat indexelnek. Állíts be automatikus cache-invalidációt minden tartalomfrissítésnél.
Röviden
A JavaScript SEO azt biztosítja, hogy a JS-sel megjelenített tartalom a keresőmotorok és az AI-crawlerek számára is látható legyen. 2026-ban különösen kritikus, mert a legtöbb AI-bot nem futtat JavaScriptet, ezért a szerver-oldali renderelés (SSR) vagy a prerender elengedhetetlen a teljes indexelhetőséghez és AI-idézettséghez.
Gyakran ismételt kérdések
Hogyan ellenőrizd, hogy az AI-crawlerek látják-e az oldalad tartalmát?
A legegyszerűbb módszer: használd a Search Console URL-ellenőrző eszközét a Googlebot nézet megjelenítéséhez, és futtass egy egyszerű curl-kérést (curl -A "GPTBot" https://yourdomain.com/page), hogy lásd a nyers HTML-tartalmat JS-futtatás nélkül. Ha ott nincs tartalom, az AI-crawlerek sem látnak semmit.
A Next.js vagy Nuxt.js megoldja a JavaScript SEO problémát?
Igen, mindkét keretrendszer beépített SSR- (szerver-oldali renderelés) és SSG- (statikus generálás) funkcióval rendelkezik, amelyek kész HTML-t szolgáltatnak a crawlereknek. Azonban fontos a konfigurálás: a dinamikus útvonalakat és az API-adatokat is szerver oldalon kell renderelni, különben a termékoldalak egy része még mindig JS-igényes maradhat.
Szükséges a JavaScript SEO, ha már van sitemap.xml?
A sitemap segít a crawlereknek megtalálni az URL-eket, de nem oldja meg a renderelési problémát. Ha a tartalom JS-sel jelenik meg, a Googlebot és az AI-crawlerek az URL-t megtalálják ugyan, de a tartalmat nem látják. A sitemap és az SSR/prerender egymást kiegészítő megoldások, nem helyettesítők.
Források
Kapcsolódó tananyagok
Hasznos volt ez a cikk?
Nem találod a választ?
Ezt automatikusan megcsináljuk helyetted
Publicator AI · SEO és GEO autopilot