JavaScript SEO v roce 2026: vykreslování, indexace a AI crawlery

Moderní frameworky jako React, Vue, Angular nebo Svelte sestavují stránky v prohlížeči. To je skvělé pro interaktivitu a riskantní pro viditelnost. JavaScript SEO je soubor postupů, které udržují web v JavaScriptu čitelný pro vyhledávače a AI. Tento průvodce vysvětluje, jak Google zpracovává JavaScript, možnosti vykreslování, časté chyby a jak své stránky testovat.

Jak Google zpracovává stránky v JavaScriptu?

Ve třech fázích: procházení, vykreslení, indexace. Google Search Central popisuje tento postup takto:

1. Procházení: Googlebot stáhne URL a přečte surové HTML. Nalezené odkazy se ihned zařadí do fronty.
2. Vykreslení: stránka čeká ve frontě na vykreslení, poté bezhlavý Chromium spustí JavaScript a sestaví výslednou stránku.
3. Indexace: Google analyzuje vykreslený obsah a poté rozhodne, zda a jak ho indexovat.

Z toho plyne: cokoli, co chybí v surovém HTML, závisí na tom, zda krok vykreslení uspěje. Pokud skript selže, vyprší jeho časový limit nebo je blokován souborem robots.txt, Google zaindexuje to, co viděl předtím, což může být prázdná kostra.

Jaký je rozdíl mezi CSR, SSR a statickým vykreslováním?

Rozdíl je v tom, kde se HTML sestavuje: v prohlížeči, na serveru pro každý požadavek, nebo jednou v době sestavení.

Frameworky jako Next.js, Nuxt, SvelteKit nebo Astro dělají ze SSR a statického generování výchozí volbu pro obsahové stránky. Pro blog, dokumentaci nebo produktové stránky je jen zřídka důvod vykreslovat obsah pouze v prohlížeči.

Jaké jsou nejčastější chyby JavaScript SEO?

Většina problémů pochází z obsahu nebo odkazů, které existují až po interakci.

• Odkazy bez href: navigace postavená na obsluze kliknutí na prvcích „div“ nebo „span“ se nesleduje. Používejte skutečné odkazy „a href“.
• Obsah za interakcemi: text načtený až po kliknutí, změně záložky nebo nekonečném posouvání nemusí Googlebot nikdy vykreslit.
• Blokované zdroje: soubory JavaScriptu nebo API zakázané v robots.txt brání vykreslení.
• Metadata nastavená pozdě: titulky, kanonické adresy nebo značky noindex měněné JavaScriptem mohou být v rozporu se surovým HTML.
• URL s hašem: fragmenty jako „/#/product“ se nepovažují za samostatné stránky; používejte History API a čisté cesty.
• Měkké chyby 404: jednostránková aplikace, která zobrazí „nenalezeno“ se stavovým kódem 200, matou indexaci.
• Těžké balíčky: velké skripty zpomalují vykreslování, zhoršují Core Web Vitals a zvyšují riziko vypršení časového limitu.

Proč JavaScript záleží na viditelnosti v AI?

Protože většina AI crawlerů čte pouze surové HTML. Analýzy logů crawlerů, například studie společnosti Vercel z roku 2024 o provozu AI crawlerů, zjistily, že boti OpenAI a Anthropic stahují soubory JavaScriptu, ale nespouštějí je. Stránka, jejíž text se objeví až po spuštění JavaScriptu, může působit prázdně pro systémy, které napájejí ChatGPT, Claude nebo Perplexity, i když ji Google indexuje správně.

Pokud vám záleží na tom, aby vás AI citovala, vložte hlavní odpověď, nadpisy, tabulky a odkazy do HTML na serveru a zkontrolujte, zda váš robots.txt pustí AI crawlery, které chcete. Náš průvodce robots.txt pro AI crawlery uvádí hlavní boty a audit procházitelnosti pro AI ukazuje, co na vašich stránkách mohou přečíst.

Jak otestovat JavaScript SEO?

Porovnejte surové HTML s tím, co Google vykresluje.

1. Zobrazte zdrojový kód stránky (ne inspektor): pokud váš hlavní obsah chybí, závisí na JavaScriptu.
2. Použijte nástroj Kontrola URL v Google Search Console a podívejte se na vykreslené HTML a snímek obrazovky.
3. Spusťte Rich Results Test, který u každé veřejné URL také ukazuje vykreslené HTML.
4. Vypněte JavaScript ve svém prohlížeči a uvidíte zhruba to, co dostávají crawlery, které nevykreslují.
5. Projděte web crawlerem v režimu s JavaScriptem a bez něj, poté porovnejte nalezené odkazy a slova.
6. Zkontrolujte stav indexace klíčových URL pomocí kontroly indexovatelnosti.

Jaký je kontrolní seznam JavaScript SEO?

Šest pravidel pokrývá většinu případů:

• Hlavní obsah, titulek, meta popis a kanonická adresa jsou přítomny v počátečním HTML.
• Interní odkazy jsou prvky „a href“ s procházitelnými URL.
• Soubory JavaScriptu, CSS ani API nejsou blokovány v robots.txt.
• Správné stavové kódy HTTP pro chybějící stránky a přesměrování.
• Líné načítání jen pro média pod záhybem, nikdy pro hlavní text.
• Vykreslení otestováno v Search Console po každém velkém vydání frontendu.

Závěr

JavaScript a SEO spolu fungují, pokud obsah nezávisí na JavaScriptu, aby vůbec existoval. Vykreslujte obsahové stránky na serveru nebo v době sestavení, udržujte odkazy skutečné a testujte, co Google i AI opravdu vidí. Sorank publikuje své články jako čisté HTML přímo ve vašem CMS, s interními odkazy a strukturovanými daty, na autopilot: podívejte se na tarify a 3denní bezplatnou zkušební dobu.