Mi az a rendering SEO-ban? JavaScript és Google renderelés
Mi történik azután, hogy a Google letöltötte az oldal HTML-jét?
Röviden
A rendering során a HTML, CSS és JavaScript alapján létrejön az oldal feldolgozható, megjelenített állapota. JavaScript-heavy webhelyeknél ez azért fontos, mert a kezdeti HTML és a renderelt tartalom jelentősen eltérhet.
Mi az a rendering?
A rendering során a böngésző vagy a keresőmotor a HTML, CSS és JavaScript alapján előállítja az oldal értelmezhető állapotát.
JavaScript-alapú oldalaknál előfordulhat, hogy a kezdeti HTML kevés tartalmat tartalmaz, ezért a renderelés különösen fontos.
SSR és CSR SEO szempontból
SSR esetén a fontos tartalom már a szerver által visszaadott HTML-ben megjelenhet. CSR esetén a böngésző JavaScriptből építheti fel a tartalom jelentős részét.
Kezdeti HTML vs. renderelt oldal
Egy kliensoldali alkalmazás kezdeti HTML-je tartalmazhat szinte csak egy üres root elemet és JavaScript fájlokat. A böngésző ezután futtatja a kódot, adatokat kér le, és felépíti a tényleges tartalmat. SEO szempontból az a fontos, hogy a lényegi tartalom és linkek megbízhatóan feldolgozhatók legyenek.
A letöltött HTML-ből renderelt dokumentum lesz
HTML
CSS + JavaScript
Renderelt DOM
Értelmezhető tartalom
Miért számít a rendering a keresőnek?
A kezdeti HTTP-válaszban érkező HTML és a böngésző által később felépített DOM nem mindig ugyanaz. Ha a fő szöveg, navigáció vagy belső linkek csak JavaScript futása után jelennek meg, a renderelés a tartalom megértésének fontos része.
A modern Google képes JavaScriptet feldolgozni, de ettől még érdemes olyan megoldást választani, ahol a lényegi tartalom megbízhatóan és hibamentesen elérhető. A szerveroldali renderelés vagy statikus generálás sok esetben egyszerűsítheti ezt.
Mit ellenőrizz JavaScript-alapú oldalon?
- A fő tartalom szerepel-e a renderelt HTML-ben.
- A navigáció és a fontos belső linkek valódi href URL-eket használnak-e.
- Nincsenek-e blokkolva a szükséges JavaScript- és CSS-erőforrások.
- JavaScript hiba esetén is marad-e értelmezhető alap tartalom.
- A Search Console URL Inspection renderelt nézete ugyanazt a lényegi információt mutatja-e, mint a böngésző.
Gyakori kérdések
A JavaScript rossz a SEO-nak?
Önmagában nem. A probléma akkor kezdődik, ha a fontos tartalom, link vagy metaadat nem érhető el megbízhatóan a Google feldolgozási folyamatában.
Az SSR mindig jobb SEO-ra, mint a CSR?
Nem minden esetben, de az SSR vagy statikus generálás csökkentheti annak kockázatát, hogy a fő tartalom csak késői kliensoldali JavaScript után váljon elérhetővé.
Források és további olvasnivaló
A technikai állítások ellenőrzéséhez elsődlegesen hivatalos dokumentációt érdemes használni. A keresők működése és támogatott funkciói idővel változhatnak.