Szolgáltatás · JavaScript-SEO
JavaScript-SEO: hogy a Google lássa, mit renderel a frameworköd
A weboldalad React, Vue, Angular vagy Next.js alapon fut – technikailag modern, de a Google-ban alig látható? Kiderítem, mit lát valójában a Google az oldaladból, és gondoskodom róla, hogy a tartalmaid teljesen indexelésre kerüljenek. 100 € óránként, folyamatos támogatás havi 1.000 eurótól, az első konzultáció ingyenes.
Miért rangsorolnak gyakran rosszul a JavaScript-oldalak
A Google alapvetően le tudja futtatni a JavaScriptet, de ezt késleltetve, egy második renderelési hullámban teszi. Először a Googlebot bejárja a kiszolgált HTML-t, csak azután renderelődik a JavaScript – ez crawl-budgetbe kerül, késlelteti az indexelést, és teljesen elbukik, amint egy szkripthiba blokkolja a renderelést. Összevetem a kiszolgált HTML-t azzal, amit a Google renderelés után valójában lát, és pontosan ott találom meg a rést.
Mit kapsz
Világos diagnózis
Mit renderel valójában a Google az oldaladból, mi hiányzik és miért – egy 80 oldalas jelentés helyett, amit senki sem olvas.
Priorizált problémalista
Hatás szerint rendezve, nem teljesség szerint.
Fejlesztőre kész jegyek
Konkrét jegyek elvárt állapottal és ellenőrzési kritériummal – közvetlenül megvalósíthatóak a csapatodnak.
Verifikáció a renderelt HTML-en
A megvalósítás után minden változtatást a renderelt HTML-en ellenőrzök, nem megérzésből.
„Hiszen a Google le tudja renderelni a JavaScriptet – minek nekem ez?”
Igaz, a Google alapvetően le tudja futtatni a JavaScriptet. De a renderelés egy második, időben késleltetett hullámban fut, és a Google számára erőforrás-igényes. Nagy oldalaknál ez azt jelenti: lassabb indexelés, elpazarolt crawl-budget, és az új tartalmak hetekbe telnek napok helyett. És amint egyetlen JavaScript-hiba blokkolja a renderelést, a Google üres oldalt lát – miközben a böngészőben minden működik. A „tud renderelni” egyszerűen nem ugyanaz, mint a „megbízhatóan, gyorsan és teljesen renderel”.
„A leggyakoribb hiba, amit a gyakorlatban találok, nem is magában a frameworkben van, hanem körülötte: egy külső szkript, amely JavaScript-hibát dob, és ezzel megszakítja a teljes renderelést. A böngészőben az oldal kifogástalannak tűnik – a Search Console renderelt HTML-jében félig üres.”
— Pásztor Viktor, SEO-szabadúszó
A JavaScript-SEO a SEO-szabadúszómunkám egyik specializációja. A technikai SEO következetes elmélyítése azoknál a weboldalaknál, ahol maga a renderelés a probléma. Hogy a SEO-munka általában mennyibe kerül, azt a SEO-költségekoldalon találod. Hogy ki áll mindezek mögött, azt a rólamoldalon olvashatod.
Konkrét számok, nem „egyedi ajánlat”.
Egy renderelési elemzés intézkedési tervvel világosan körülhatárolt terjedelmű – ezt a konzultáción becsülöm meg, mielőtt döntenél. Folyamatos kísérés, például egy SSR-re való migráció során, havi 1.000 eurótól érhető el.
- Framework és beállítás: A React, Vue, Angular vagy hibrid megközelítések eltérő ellenőrzési mélységet igényelnek.
- Oldalszám: néhány sablon gyorsabban ellenőrizhető, mint több ezer egyedi oldal.
- Terjedelem: tiszta diagnózis vagy kísérés a fejlesztőcsapattal való megvalósításig.
Renderelési probléma jelei
Üres snippetek a Google-ban
Single-page-applicationöd van, és egyes oldalak egyáltalán nem vagy csak üres snippetekkel jelennek meg a Google-ban.
Forgalomesés framework-relaunch után
Egy JavaScript-frameworkre relauncholtál, és azóta a helyezések és a forgalom beestek.
A meta-tagek rosszul viselkednek
Már Next.js-t, Nuxtot vagy Angular Universalt használsz, de a meta-tagek, a canonicalök vagy az átirányítások nem úgy viselkednek, ahogy kellene.
A lazy-loading tartalmak hiányoznak az indexből
A tartalmaid lazy loadinggal vagy felhasználói interakció után töltenek be – és pontosan ezek a tartalmak hiányoznak az indexből.
GYIK a JavaScript-SEO-ról
Le kell cserélnem a frameworkömet, vagy teljesen SSR-re kell váltanom?
Többnyire nem. Gyakran elég a célzott beavatkozás: helyesen beállított meta-tagek a routingban, pre-rendering a legfontosabb oldaltípusokhoz, vagy egy blokkoló szkripthiba javítása. Hogy egy teljes SSR- vagy SSG-váltás értelmes-e, azt az elemzésben tisztázom.
Milyen frameworkökkel dolgozol?
A gyakorlatban főleg React (gyakran Next.js-szel), Vue Nuxttal és Angular Angular Universallal. A diagnózis módszertana viszont frameworkfüggetlen: mindig azt ellenőrzöm, mit renderel valójában a Google.
Hogyan ismerem fel magam, hogy a Google le tudja-e renderelni az oldalamat?
Egy első teszt: nyisd meg az URL-ellenőrzést a Google Search Console-ban, és nézd meg a renderelt HTML-t. Ha ott hiányoznak a böngészőben látható tartalmak, renderelési problémád van.
Milyen gyorsan hatnak a változtatások?
A javított renderelési blokkolók gyakran néhány héten belül hatnak, mert a Google a következő crawlnál már teljesen látja a tartalmakat. Nagy oldalaknál szűk crawl-budgettel tovább tart.
Beszéljünk a renderelésedről
Írj nekem
Időpontfoglalás közvetlenül
Nyisd meg a Calendlyt és válassz időpontot →
A calendly.com új lapon nyílik meg.
Készen állsz látni, mit lát valójában a Google?
Ingyenes konzultáció – leírod a beállításodat, én pedig őszintén megmondom, hogy egy renderelési probléma valószínű-e.
→ Foglald le az ingyenes konzultációt