JavaScript SEO
SEO pro Next.js a React weby od člověka, který je staví.
JavaScriptové weby mají navíc render krok, kde se SEO rozbíjí. Rendering, hydration a indexaci JS řeším přímo v kódu, ne z příručky.
Úvodní 15minutový hovor zdarma · Bez závazku
Co to je
Co je JavaScript SEO a proč JS weby mívají problém
JavaScript SEO řeší, jak zajistit, aby vyhledávače správně procházely, renderovaly a indexovaly weby postavené na JavaScriptu (React, Next.js, Vue). Je to obor technického SEO, který se zabývá tím, co se děje mezi stažením stránky a okamžikem, kdy ji Google zpracuje.
U klasického HTML webu přijde obsah ze serveru hotový. Google ho vidí hned ve zdrojovém kódu a nemusí nic dopočítávat. JavaScriptový web má oproti tomu krok navíc: část obsahu vzniká až poté, co prohlížeč spustí JavaScript.
A právě v tom renderovacím kroku se SEO nejčastěji rozbíjí. Když klíčový text, odkazy nebo metadata vznikají až na klientu, Google je nemusí zpracovat včas, nebo vůbec.
Jak to funguje
Jak Google renderuje JavaScript
Google nejdřív stáhne a zpracuje HTML stránky, vyrenderování JavaScriptu odloží do fronty a samotný render proběhne až později, když na něj zbude kapacita. Rendering tak není okamžitý ani garantovaný, je to odložená fáze, na kterou se nedá spoléhat jako na jistotu.
01
Stažení a zpracování HTML
Google stáhne HTML a hned zpracuje to, co v něm je: text, odkazy, metadata. Co v HTML chybí, v této fázi pro něj neexistuje.
02
Fronta na rendering
Stránka, která potřebuje spustit JavaScript, čeká ve frontě na render. Jak dlouho, není pevně dané. Závisí to na kapacitě a prioritě stránky.
03
Spuštění JavaScriptu
Google stránku vyrenderuje v bezhlavém Chromiu, spustí JavaScript a teprve teď uvidí obsah, který se dogeneroval na klientu.
Spuštění JavaScriptu pro každou stránku stojí výkon a Google ho nedělá zadarmo. U rozsáhlých webů se projevuje render budget: čím víc se spoléháte na klientský rendering, tím déle může trvat, než se obsah dostane do indexu.
U malého webu o pár stránkách to nemusí vadit. U e-shopu s tisíci produkty nebo u webu, který se často mění, je odložený render reálné riziko: čerstvý obsah se indexuje pomalu, nebo Google pracuje se starší verzí stránky.
Rendering strategie
SSR vs SSG vs ISR vs CSR, co kdy zvolit
Pro SEO je nejbezpečnější mít obsah hotový v HTML už při načtení, tedy SSR, SSG nebo ISR; čistý CSR, kde stránka přijde skoro prázdná a obsah staví JavaScript v prohlížeči, je pro indexaci nejrizikovější. Správnou metodu určuje hlavně to, jak často se obsah mění.
SSR
Server-side rendering
HTML se generuje na serveru při každém požadavku. Hodí se na obsah, který se často mění nebo je personalizovaný. Pro indexaci bezpečné, obsah je v HTML hned.
SSG
Statické generování
HTML se předgeneruje jednou při buildu a servíruje se jako statický soubor. Ideální na obsah, který se mění zřídka. Nejrychlejší a pro indexaci bez problémů.
ISR
Inkrementální statická regenerace
Next.js přístup, který statické stránky po nastaveném čase znovu generuje na pozadí. Spojuje rychlost statiky s aktuálností. Vhodné na rozsáhlé weby s pravidelnou aktualizací.
CSR
Client-side rendering
HTML přijde skoro prázdné a obsah staví JavaScript až v prohlížeči. Pro indexaci nejrizikovější, protože Google obsah uvidí až po renderu. Pro veřejné SEO stránky se nehodí.
Chyby z praxe
Časté JavaScript SEO chyby
Nejčastější chyby JavaScriptových webů jsou klientské odkazy bez pravého <a href>, obsah viditelný až po interakci, chybějící metadata v HTML a stránky, které neexistujícím URL vrací stav 200 místo 404. Většinu z nich web vizuálně neprozradí, projeví se až v indexu.
Hydration mismatch
HTML ze serveru a to, co dogeneruje JavaScript na klientu, se rozejdou. React přepíše obsah a Google může indexovat něco jiného, než vidí uživatel.
Odkazy bez pravého <a href>
Navigace řešená přes onClick nebo JavaScript bez atributu href. Google takové odkazy spolehlivě nesleduje, takže se k odkazovaným stránkám nemusí dostat.
Lazy-loaded obsah neviditelný crawleru
Text nebo produkty, které se načtou až po scrollu nebo kliknutí. Co se objeví až po interakci uživatele, robot při renderu většinou nespustí.
Soft 404
Neexistující URL vrací stav 200 a prázdnou nebo chybovou stránku místo pravého 404. Google takové stránky drží v indexu a plýtvá na nich crawl.
Chybějící SSR metadata a canonical
Title, description nebo canonical se nastavují až JavaScriptem na klientu. Pokud nejsou v HTML při načtení, Google nemusí pracovat se správnou verzí.
Společný jmenovatel: obsah, který Google vidí, se liší od toho, co vidí uživatel.
Audit
JavaScript SEO audit
JavaScript SEO audit dělám od 15 000 Kč; projdu rendering strategii, indexaci, interní prolinkování, metadata a Core Web Vitals konkrétně pro váš JavaScriptový stack a výstupem je brief pro vývojáře seřazený podle dopadu. Cena závisí na velikosti webu a hloubce, finální částku řeknu po úvodním hovoru.
Rendering strategie
Jak se obsah dostává do HTML, jestli sedí volba SSR, SSG, ISR či CSR, a kde se spoléhá na klientský render zbytečně.
Indexace a prolinkování
Co Google reálně vidí po renderu, jestli sleduje odkazy a jestli se klíčové stránky dostávají do indexu.
Metadata a canonical
Title, description, canonical a strukturovaná data v HTML při načtení, ne až po spuštění JavaScriptu.
Výkon a Core Web Vitals
LCP, INP a CLS, velikost a načítání JavaScriptu a dopad renderu na rychlost na mobilu i počítači.
Od 15 000 Kč
Nevíte, jestli Google vidí váš JavaScriptový obsah?
Detail rozsahu a výstupů najdete na stránce SEO audit webu. Úvodní 15minutový hovor je zdarma.
Proč já
Proč JavaScript SEO se mnou
JavaScript SEO řeším z pozice člověka, který v Next.js sám vyvíjí, takže rozumím renderingu i tomu, jak ho čtou vyhledávače. Doporučení nejsou teoretická, vycházejí z reálné implementace a provozu.
Next.js je můj hlavní stack
Tento web na Next.js běží. Volbu rendering metody, generování metadat, sitemapy a canonical řeším přímo v kódu, ne jen v reportu.
Livesport a Flashscore
V Betting Content Section řeším technické SEO a kontroly napříč 20+ trhy. Indexace a rendering ve velkém měřítku, kde každá chyba násobí dopad.
Vlastní nástroje v Pythonu
Na opakované technické úlohy, jako je mapování přesměrování při migraci, používám vlastní skripty v Pythonu. Rychleji a přesněji než ruční práce.
FAQ
Časté
dotazy.
6 otázek
Co je JavaScript SEO?+
JavaScript SEO je obor technického SEO, který řeší, jak zajistit, aby vyhledávače správně procházely, renderovaly a indexovaly weby postavené na JavaScriptu (React, Next.js, Vue). U klasického HTML webu je obsah dostupný hned; u JS webu ho Google musí nejdřív vyrenderovat, což přidává krok, kde se věci rozbíjejí.
Proč mají JavaScriptové weby problém s SEO?+
Google obsah JavaScriptových stránek nevidí hned. Nejdřív stáhne HTML a teprve v druhé fázi, kterou má ve frontě, spustí JavaScript a vyrenderuje zbytek. Pokud klíčový obsah, odkazy nebo metadata vznikají až na klientu, může je Google zpracovat se zpožděním, nebo vůbec.
Co je pro SEO lepší: SSR, SSG, ISR, nebo CSR?+
Pro SEO je nejbezpečnější mít obsah v HTML už při načtení, tedy SSR (server-side rendering), SSG (statické generování) nebo ISR (inkrementální statické generování) v Next.js. Čistý CSR (client-side rendering) je pro indexaci nejrizikovější. Správná volba závisí na tom, jak často se obsah mění.
Jak zjistím, jestli Google vidí můj JavaScriptový obsah?+
Porovnejte zdrojové HTML ze serveru s vyrenderovaným DOM, použijte test živé URL v Google Search Console a zkontrolujte index přes operátor site:. Když se klíčový obsah objeví až po spuštění JavaScriptu, je to varovný signál.
Děláte JavaScript SEO audit?+
Ano. Projdu rendering strategii, indexaci, interní prolinkování, metadata a Core Web Vitals konkrétně pro váš JavaScriptový stack. Výstupem je brief pro vývojáře seřazený podle dopadu. Audit dělám od 15 000 Kč podle velikosti webu.
Pracujete přímo s Next.js?+
Ano, Next.js je můj hlavní stack a tento web na něm běží. Volbu rendering metody, generování metadat, sitemap, canonical a výkon řeším přímo v kódu, takže doporučení nejsou teoretická.
Začít spolupráci
15 minut. Tolik stačí k prvnímu plánu pro organický růst.
Projdu váš web a cíle. Doporučím konkrétní kroky s největším dopadem pro vaši fázi byznysu. První call zdarma, bez závazku.
Domluvit konzultaciplanansky.miroslav@gmail.com