JavaScript SEO 2026-ban: renderelés, indexelés és AI-botok

A React, Vue, Angular vagy Svelte típusú modern keretrendszerek a böngészőben építik fel az oldalakat. Ez nagyszerű az interaktivitás szempontjából, a láthatóság szempontjából viszont kockázatos. A JavaScript SEO azokat a gyakorlatokat jelenti, amelyek a JS-alapú oldalt olvashatóvá teszik a keresőmotorok és az AI-k számára. Ez az útmutató bemutatja, hogyan dolgozza fel a Google a JavaScriptet, a renderelési lehetőségeket, a gyakori hibákat, és azt, hogyan teszteld az oldalaidat.

Hogyan dolgozza fel a Google a JavaScript-oldalakat?

Három szakaszban: feltérképezés, renderelés, indexelés. A Google Search Central így írja le a folyamatot:

1. Feltérképezés: a Googlebot letölti az URL-t és beolvassa a nyers HTML-t. Az itt talált linkek azonnal sorba kerülnek.
2. Renderelés: az oldal renderelési sorban vár, majd egy headless Chromium lefuttatja a JavaScriptet, és elkészíti a végleges oldalt.
3. Indexelés: a Google elemzi a renderelt tartalmat, majd eldönti, hogy és hogyan indexeli.

Ebből az következik, hogy ami hiányzik a nyers HTML-ből, az a renderelési lépés sikerétől függ. Ha egy szkript hibázik, időtúllépésbe fut, vagy a robots.txt letiltja, a Google azt indexeli, amit addig látott, ami lehet egy üres váz.

Mi a különbség a CSR, az SSR és a statikus renderelés között?

Abban térnek el, hol épül fel a HTML: a böngészőben, a szerveren minden kérésnél, vagy egyszer, a build idején.

A Next.js, a Nuxt, a SvelteKit vagy az Astro alapértelmezetten SSR-t vagy statikus generálást használ a tartalmi oldalaknál. Blogra, dokumentációra vagy termékoldalakra ritkán van ok, hogy a tartalmat csak a böngészőben rendereljük.

Melyek a leggyakoribb JavaScript SEO-hibák?

A legtöbb probléma abból ered, hogy a tartalom vagy a linkek csak egy interakció után léteznek.

• Linkek href nélkül: a „div” vagy „span” elemekre kattintáskezelővel épített navigációt nem követik. Használj valódi „a href” linkeket.
• Interakció mögé rejtett tartalom: a kattintás, a fülváltás vagy a végtelen görgetés után betöltött szöveget a Googlebot esetleg soha nem rendereli.
• Blokkolt erőforrások: a robots.txt-ben tiltott JavaScript- vagy API-fájlok megakadályozzák a renderelést.
• Későn beállított metaadatok: a JavaScript által módosított címek, kanonikus címkék vagy noindex jelölések ütközhetnek a nyers HTML-lel.
• Hash-URL-ek: a „/#/termek” típusú töredékeket a Google nem külön oldalként kezeli; használj History API-t és tiszta útvonalakat.
• Soft 404-ek: az az egyoldalas alkalmazás, amely a „nem található” üzenetet 200-as státuszkóddal mutatja, összezavarja az indexelést.
• Nehéz csomagok: a nagy szkriptek lassítják a renderelést, rontják a Core Web Vitals mutatókat, és növelik az időtúllépés kockázatát.

Miért fontos a JavaScript az AI-láthatóság szempontjából?

Mert a legtöbb AI-bot csak a nyers HTML-t olvassa. Az AI-botforgalomról készült naplóelemzések, például a Vercel 2024-es tanulmánya azt találták, hogy az OpenAI és az Anthropic botjai letöltik ugyan a JavaScript-fájlokat, de nem futtatják azokat. Az az oldal, amelynek szövege csak a JavaScript lefutása után jelenik meg, üresnek tűnhet a rendszereknek, amelyek a ChatGPT-t, a Claude-ot vagy a Perplexityt táplálják, még akkor is, ha a Google helyesen indexeli.

Ha fontos, hogy az AI-k idézzenek, tedd a fő választ, a címsorokat, a táblázatokat és a linkeket a szerveroldali HTML-be, és ellenőrizd, hogy a robots.txt beengedi a kívánt AI-botokat. A robots.txt AI-botoknak útmutatónk felsorolja a fő botokat, az AI-feltérképezhetőségi audit pedig megmutatja, mit olvashatnak az oldalaidon.

Hogyan teszteled a JavaScript SEO-t?

Hasonlítsd össze a nyers HTML-t azzal, amit a Google renderel.

1. Nézd meg az oldal forráskódját (nem a vizsgálót): ha a fő tartalom hiányzik, az JavaScripttől függ.
2. Használd a Google Search Console URL-vizsgálat eszközét, és nézd meg a renderelt HTML-t és a képernyőképet.
3. Futtasd a Rich Results Tesztet, amely bármely nyilvános URL-nél megmutatja a renderelt HTML-t is.
4. Kapcsold ki a JavaScriptet a böngészőben, hogy lásd, nagyjából mit kapnak a nem renderelő botok.
5. Térképezd fel az oldalt egy crawlerrel JavaScript-móddal és anélkül is, majd hasonlítsd össze a talált linkeket és szavakat.
6. Ellenőrizd a kulcsfontosságú URL-ek indexelési állapotát egy indexelhetőség-ellenőrzővel.

Mi a JavaScript SEO ellenőrzőlistája?

Hat szabály fedi le a legtöbb esetet:

• A fő tartalom, a cím, a meta leírás és a kanonikus címke a kezdeti HTML-ben van.
• A belső linkek „a href” elemek, feltérképezhető URL-ekkel.
• Egyetlen JavaScript-, CSS- vagy API-fájl sincs letiltva a robots.txt-ben.
• Helyes HTTP-státuszkódok a hiányzó oldalaknál és az átirányításoknál.
• Lusta betöltés csak a hajtás alatti médiánál, a fő szövegnél soha.
• A renderelést a Search Console-ban teszteld minden nagyobb frontend-kiadás után.

Következtetés

A JavaScript és a SEO akkor működik együtt, ha a tartalom nem függ attól, hogy a JavaScript létrehozza. Rendereld a tartalmi oldalakat szerveren vagy build idején, tartsd valódinak a linkeket, és teszteld, mit lát valójában a Google és az AI-k. A Sorank a cikkeket tiszta HTML-ként, belső linkekkel és strukturált adatokkal, közvetlenül a CMS-edbe publikálja, autopilot módban: nézd meg a csomagokat és a 3 napos ingyenes próbaidőszakot.