Oriphiel SEO vodič
JavaScript SEO, rendering i hydration
Kako provjeriti vidi li Google ključni sadržaj i linkove prije i nakon renderiranja te kada koristiti SSR, prerender ili client rendering.
Odgovor ukratko
Ključan sadržaj, canonical, title i crawlable linkovi trebaju biti pouzdano dostupni bez ovisnosti o kasnom ili neuspješnom JavaScript zahtjevu.
Ključne odluke
- Je li sadržaj u initial HTML-u
- Treba li interakcija mijenjati indeksabilni sadržaj
- Postoje li render blocking ili API greške
- Koji rendering model odgovara aplikaciji
Provedba korak po korak
Cilj ove lekcije je Kako provjeriti vidi li Google ključni sadržaj i linkove prije i nakon renderiranja te kada koristiti SSR, prerender ili client rendering. Korake treba provoditi redom i svaki potvrditi prije širenja opsega.
Preporučeni redoslijed
- Usporediti source i rendered HTML
- Testirati URL Inspection i mobilni browser
- Osigurati crawlable href linkove
- Dodati SSR ili prerender za ključne rute gdje treba
Praktičan primjer
Developer kroz URL Inspection vidi da tabovi nemaju crawlable URL i premješta ključne odgovore u server-rendered HTML s običnim anchor linkovima.
Kontrolna lista prije nastavka
Ova provjera odvaja završenu implementaciju od postavke koja samo izgleda dovršeno.
Provjerite
- H1 i glavni tekst postoje u renderu
- Canonical je stabilan
- Linkovi imaju href
- API failure ne ostavlja praznu stranicu
Najčešće pogreške i rizici
Rizike treba provjeriti prije povećanja prometa, automatizacije ili ovlasti sustava.
Na što treba paziti
- Sadržaj se otvara samo nakon klika
- Hash fragment mijenja glavnu stranicu
- Robots blokira JS bundle
- Client canonical se mijenja nakon crawla
Mjerenje rezultata
Učinak se procjenjuje kroz mali skup metrika koje su povezane s ciljem lekcije i stvarnim poslovnim ishodom.
Metrike koje imaju smisla
- Rendered content coverage
- JavaScript errors
- Indexed routes
- LCP i INP
Česta pitanja
Koji je prvi korak za temu „JavaScript SEO, rendering i hydration”?
Usporediti source i rendered HTML Prije nastavka potvrdite odluku: Je li sadržaj u initial HTML-u
Kako provjeriti da je provedba uspješna?
H1 i glavni tekst postoje u renderu Nakon toga pratite metriku: Rendered content coverage.
Koju pogrešku treba prvo spriječiti?
Sadržaj se otvara samo nakon klika Problem ispravite prije automatizacije ili povećanja budžeta.
Službeni i stručni izvori
Sučelja, pravila i preporuke mogu se mijenjati. Prije produkcijske izmjene provjerite aktualnu dokumentaciju.
Primijenite lekciju na stvarni projekt
Pošaljite postojeću konfiguraciju, cilj i problem koji želite riješiti. Dobit ćete prijedlog sljedećeg tehničkog ili operativnog koraka.