E-shop přišel o 47% viditelnosti ve vyhledávání s AI poté, co nasazení změnilo způsob vykreslování stránek. Stejné produktové stránky se v Googlu pořád umisťovaly. ChatGPT, Claude a Perplexity ale nevracely žádné výsledky. Rozdíl způsobilo vykreslování JavaScriptu.
Stává se to každému webu, který spoléhá na vykreslování na straně prohlížeče. Vstupní stránka SaaS postavená na JavaScriptovém frameworku se v odpovědích ChatGPT nikdy neobjeví. Zpravodajský web běžící na JavaScriptovém frameworku nemá v Perplexity žádnou přítomnost. Znalostní báze, která vykresluje obsah pomocí JavaScriptové knihovny, zůstává pro AI crawlery neviditelná. Nejsou to okrajové případy. Je to výchozí chování většiny moderních webových frameworků.
Rozdíl mezi webem poháněným JavaScriptem a webem viditelným pro AI nespočívá ve složitosti ani v rozpočtu. Jde o to pochopit, co se stane v prvních milisekundách, kdy crawler dorazí.
Co AI crawlery vidí, když stahují vaši stránku
Crawler Googlu JavaScript spouští. Počká, až se stránka vykreslí, zachytí výsledný vizuální stav a zaindexuje ho. Většina AI crawlerů to nedělá.
Když na váš web dorazí crawler ChatGPT (GPTBot), proběhne tento postup: 1. Stáhne soubor HTML 2. Vyčte textový obsah viditelný v tomto surovém HTML 3. Přejde na další stránku
JavaScript, který vykresluje váš nadpis, popis produktu nebo text článku, se nikdy nespustí. Crawler vidí odkazy na soubory JavaScriptu, ale ignoruje je. Vaše stránka vypadá jako prázdná schránka bez obsahu.
Děje se to proto, že AI crawlery jsou navržené na rychlost a efektivitu. Spouštění JavaScriptu je pomalé. Vyžaduje spustit prohlížeč, počkat na načtení prvků, ošetřit chyby a hlídat časové limity. Když denně procházíte miliardy stránek, spouštění JavaScriptu je neúnosně drahé.
Google do takové infrastruktury investuje, protože výsledky vyhledávání závisí na porozumění vizuálnímu vykreslení. AI vyhledávače upřednostňují extrakci surového textu. Jsou optimalizované k tomu, aby fakta a citace brály přímo z HTML, ne z toho, co se objeví po úpravě JavaScriptem.
Která vykreslování dělají AI crawlerům potíže
Ne všechny JavaScriptové frameworky způsobují stejnou ztrátu viditelnosti. Problém je konkrétně ve vykreslování na straně prohlížeče (CSR), kdy JavaScript běží *v prohlížeči* a staví stránku až po načtení HTML.
Vykreslování na straně prohlížeče (CSR): běžné JavaScriptové frameworky nastavené na CSR. HTML přijde prázdné nebo jen s kostrou stránky. JavaScript doplní obsah až po stažení. AI crawlery nečekají.
Vykreslování na serveru (SSR): frameworky, které stránku staví na serveru. Server sestaví stránku s obsahem už vloženým do HTML. Prohlížeč dostane kompletní HTML. AI crawlery vidí všechno hned.
Statické generování (SSG): generátory statických webů. Stránky se předem sestaví a nasadí jako statické soubory HTML. Při požadavku se nic nevykresluje. AI crawlery dostanou celý obsah okamžitě.
Jednostránkové aplikace (SPA): nejrizikovější kategorie. SPA načte jeden soubor HTML a pomocí JavaScriptu mění obsah podle navigace. Každá adresa vypadá crawleru stejně, pokud server každou cestu neobslouží zvlášť.
Ve chvíli, kdy jako strategii vykreslování zvolíte CSR, postavíte neviditelnou bariéru mezi svůj obsah a každý AI crawler na internetu.
Proč na tom záleží víc, než si myslíte
Vyhledávání s AI je pořád na začátku, ale jeho používání zrychluje. Studie ukazují, že dotazy v AI vyhledávání rostou rychleji než klasické webové vyhledávání. ChatGPT, Perplexity a Claude se stávají hlavními nástroji pro rešerši u profesionálů, studentů i lidí, kteří rozhodují.
Když někdo zadá do ChatGPT „nejlepší tvůrci webů pro malé firmy“, AI vybírá, které značky ocitovat. Rozhodnutí závisí na tom, jaký obsah dokáže přečíst. Pokud je vaše stránka poháněná JavaScriptem, je neviditelná.
Není to problém budoucnosti. Analýza z roku 2025 s více než 500M požadavků GPTBot zjistila, že weby závislé na JavaScriptu získaly výrazně méně citací než konkurence s vykreslováním na serveru ve stejném oboru. Rozdíl se zvětšil u technického obsahu, produktových stránek a návodů, tedy přesně u typů obsahu, které AI vyhledávače upřednostňují.
Pro firmy B2B a e-shopy se citace v AI stávají konkurenční výhodou ve viditelnosti. Citace v odpovědi ChatGPT nebo ve výřezu Perplexity může přinést stejnou hodnotu návštěvnosti jako umístění na první stránce Googlu. Jenže nemůžete být citováni, pokud crawler váš obsah nepřečte.
Jak se rozhodnout, co s tím dělat
Ne každý web musí opustit vykreslování na straně prohlížeče. Rozhodnutí závisí na třech faktorech: na typu vašeho obsahu, na vašem publiku a na obchodní hodnotě viditelnosti ve vyhledávání s AI ve vaší konkrétní situaci.
Nejdřív si položte tyto otázky:
Stojí váš obsah za citování v AI? Zprávy, návody, srovnání produktů, výzkumné články, odborné rady. Ty AI cituje. Technická dokumentace, interaktivní nástroje a administrace určené hlavně přihlášeným uživatelům ne. Pokud je váš web většinou tohoto druhého typu, vykreslování JavaScriptu má menší význam.
Hledá vaše publikum v AI vyhledávačích? Profesionálové z B2B, lidé zkoumající produkty, studenti, vývojáři. Ti AI vyhledávání využívají hodně. Pokud je vaše publikum velmi úzké a hledá výhradně v Googlu, má viditelnost v AI menší okamžitou návratnost.
Kolik stojí neviditelnost? Pro zpravodajský web nebo znalostní bázi jsou nulové citace v AI konkurenční slabinou. Pro firemní intranet nebo SaaS jen pro členy je to nepodstatné. Pro e-shop záleží na tom, zda zákazníci objevují produkty přes nákupní doporučení od AI.
Pokud jste odpověděli „obsah stojí za citování v AI“, „ano, moje publikum používá vyhledávání s AI“ a „ztráta viditelnosti je skutečný náklad“, pokračujte. Pokud jsou odpovědi smíšené, můžete priority nastavit jinak.
Vykreslování na serveru: nejúplnější řešení
SSR řeší problém s JavaScriptem celkově. Server sestaví celou stránku se vším obsahem, než ji pošle do prohlížeče. Když dorazí jakýkoli crawler, obsah už tam je.
Jak to funguje: Když někdo (nebo bot) požádá o stránku, váš server spustí váš kód a vytvoří výsledné HTML. To obsahuje váš nadpis, text článku i detaily produktu. Prohlížeč dostane kompletní stránku a hned ji zobrazí. JavaScript může stále doplňovat interaktivitu, ale obsah je už přístupný.
Platformy, které SSR zjednodušují: moderní frameworky postavené na JavaScriptových knihovnách. Jsou vytvořené právě proto, aby bylo SSR přímočaré. Komponenty napíšete jednou, framework se postará o vykreslení na serveru a stránka dorazí už hotová.
Háček: SSR vyžaduje prostředky serveru. Váš server zpracuje každý požadavek, sestaví HTML a odešle ho. To zabere víc procesoru a paměti než servírování předem sestavených statických souborů. Pomalé nebo složité stránky mohou prodloužit dobu odezvy, což ovlivňuje metriky výkonu jako First Contentful Paint (FCP) a Core Web Vitals.
U většiny webů je dopad na výkon malý. U webů s vysokou návštěvností a složitými stránkami je znát. Dá se to vyřešit mezipamětí, edge computingem nebo optimalizací kódu, ale vyžaduje to architektonická rozhodnutí.
Předvykreslování: lehčí přístup pro statický obsah
Předvykreslování sestaví vaše stránky předem a nasadí je jako statické soubory HTML. Když dorazí crawler, okamžitě dostane kompletní stránku. Když přijde návštěvník, dostane statický soubor, který se načte extrémně rychle.
Služby pro předvykreslování to automatizují. Ukážete jim svůj web, navštíví každou adresu z vaší sitemapy, vykreslí každou stránku (včetně spuštění JavaScriptu), zachytí výsledné HTML a tyto statické verze servírují crawlerům, zatímco prohlížeče dál dostávají interaktivní verzi.
Funguje to, když: se váš obsah mění zřídka. Články blogu, produktové stránky, dokumentace. Obsah, který se aktualizuje třeba jednou denně.
Nefunguje to, když: je váš obsah dynamický. Stavy zásob, data pro konkrétního uživatele, informace v reálném čase, personalizovaný obsah. Pokud stránka vypadá pro každého návštěvníka jinak, předvykreslování nezachytí všechny verze.
Cena a složitost: Služby pro předvykreslování stojí $99 až $499 měsíčně podle objemu stránek. Udržujete dvě sady obsahu: jednu pro prohlížeč (JavaScript), jednu předvykreslenou pro crawlery. To zdvojnásobuje údržbu. Když zveřejníte nový článek, musíte statickou verzi znovu sestavit a nasadit.
U webů se stálým obsahem je předvykreslování praktický kompromis mezi tím, nedělat nic, a přechodem na SSR.
Dynamické vykreslování: taktická možnost pro některé weby
Dynamické vykreslování pozná, který user agent žádá o stránku. Pokud jde o crawler, pošle HTML vykreslené na serveru. Pokud jde o prohlížeč, pošle verzi s JavaScriptem. Díky tomu si ponecháte stávající technologie a crawlery přitom dostanou úplný obsah.
V teorii je ten nápad elegantní. V praxi je křehký. Musíte:
Udržovat seznam user agentů AI crawlerů a neustále ho aktualizovat, jak se objevují nové crawlery. Když jeden vynecháte, ten crawler uvidí prázdnou stránku.
Postavit vykreslování na serveru speciálně pro crawlery a zároveň ponechat vykreslování v prohlížeči pro návštěvníky. To je v podstatě stavba dvou verzí vašeho webu.
Hlídat, aby obě verze zůstaly synchronní. Chyba ve verzi pro crawlery tiše zničí vaši viditelnost ve vyhledávání s AI.
Dynamické vykreslování funguje pro jednoduché obsahové weby. U složitých aplikací je to víc práce než užitku. Když už budete vykreslovat na serveru pro crawlery, můžete vykreslovat pro všechny (to je SSR).
Jak zjistit, zda tento problém máte právě teď
Nemusíte hádat. Můžete to ověřit přímo.
Zobrazte zdroj stránky: Klikněte na stránku pravým tlačítkem, vyberte „Zobrazit zdrojový kód stránky“ a vyhledejte svůj nadpis. Pokud váš nadpis v surovém HTML není, je vykreslený JavaScriptem. AI crawlery ho neuvidí.
Stáhněte stránku přes curl: V terminálu spusťte curl https://yoursite.com/your-page. Pokud tam obsah není, vykreslil ho JavaScript.
Zkontrolujte robots.txt: Pokud crawlerům blokujete spouštění JavaScriptu, uvidí jen surové HTML. Zkontrolujte soubor robots.txt nebo nastavení procházení svého webu.
Použijte nástroj typu crawler: Crawler pro SEO umí stáhnout vaše stránky tak, jak je vidí crawler. Pokud se obsah zobrazuje v prohlížeči, ale v crawleru ne, vinníkem je JavaScript.
Hledejte přímo v AI vyhledávačích: Zadejte do ChatGPT, Perplexity nebo Claude konkrétní fráze ze svých stránek. Pokud se váš obsah nikdy neobjeví, máte problém s viditelností kvůli JavaScriptu.
Optimalizace podle konkrétních AI crawlerů
Ne všechny AI crawlery se chovají stejně. Mají různé schopnosti vykreslování, různou frekvenci procházení a různé preference obsahu.
ChatGPT (GPTBot): JavaScript nespouští. Stahuje surové HTML. Pro obsah v reálném čase využívá index vyhledávače třetí strany. Frekvence: přibližně týdně u zavedeného obsahu.
Claude: JavaScript nespouští. Stahuje surové HTML. Upřednostňuje čerstvý a autoritativní obsah. Frekvence: liší se podle signálů čerstvosti obsahu.
Perplexity: JavaScript nespouští. Stahuje surové HTML. Silně váží čerstvost. Obsah starší než 48 hodin může být upozaděn. Frekvence: vysoká u aktuálních témat, nízká u statického obsahu.
Google AI Overviews: JavaScript *spouští*, protože používá stejnou infrastrukturu vykreslování jako Vyhledávání Google. Optimalizujte ale tak, jako by ho nespouštěl. Budete viditelnější i pro ostatní AI vyhledávače.
Praktický závěr: neoptimalizujte pro jeden crawler. Vykreslete důležitý obsah na serveru a budete viditelní pro všechny.
V čem vám WEMASY pomáhá
Tvůrce webů od WEMASY ve výchozím nastavení vytváří HTML vykreslené na serveru. Každá stránka, kterou vytvoříte, má obsah v HTML už předtím, než dorazí do prohlížeče. Žádné vykreslování JavaScriptem. Vaše stránky jsou pro AI crawlery okamžitě viditelné.
Pokud vybíráte tvůrce webů a na viditelnosti ve vyhledávání s AI vašemu podnikání záleží, vykreslování na serveru by mělo být požadavek, ne dodatečný nápad. Podívejte se, co obsahuje každý tarif WEMASY.
Často kladené otázky
Mohu používat JavaScript pro interaktivní funkce, aniž bych blokoval AI crawlery?
Ano. Hlavní obsah (nadpis, text článku, detaily produktu) vykreslete na serveru a JavaScript použijte pro vylepšení (animace, kontrolu formulářů, interaktivní prvky). Tomu se říká „progresivní vylepšování“. Obsah už je v HTML a JavaScript přidává jen lesk navíc. AI crawlery vidí hlavní obsah. Prohlížeče dostanou plnou interaktivitu. S Tvůrcem webů od WEMASY to nastavíte přímo na svém webu.
Zpomalí můj web přechod na vykreslování na serveru?
Může, pokud je server slabý nebo jsou stránky složité. Moderní vykreslování na serveru s vrstvami mezipaměti (například edge cache na moderních hostingových platformách) může být ve skutečnosti rychlejší než vykreslování v prohlížeči. U většiny webů je rozdíl malý. Pokud vás výkon trápí, vyzkoušejte to nejdřív v testovacím prostředí, než se zavážete.
Musím měnit celou technologickou základnu?
Pokud používáte JavaScriptový framework s CSR, přechod na framework s SSR znamená přepsat komponenty tak, aby fungovaly s vykreslováním na serveru. Není to rychlá výměna. Pokud je váš web úplně nový, zvolte hned od začátku framework zaměřený na SSR. Pokud máte zavedený web, může být z krátkodobého pohledu praktičtější předvykreslování nebo dynamické vykreslování.
Co když AI crawlery jednou podpoří spouštění JavaScriptu?
Je to možné, ale ne brzy. Spouštění JavaScriptu je ve velkém měřítku výpočetně drahé. Dokud obchodní hodnota citací v AI neospravedlní náklady na infrastrukturu, crawlery budou dál stahovat surové HTML. Zatím vykreslujte obsah na serveru a snižte své riziko.
Škodí problém s vykreslováním JavaScriptu na mém webu mým pozicím v Googlu?
Ne. Crawler Googlu JavaScript spouští, takže vaše pozice v Googlu to neovlivňuje. Problém jsou AI vyhledávače jako ChatGPT, Claude a Perplexity. Ty JavaScript nespouští. Vykreslujte obsah na serveru, pokud chcete být vidět ve výsledcích AI vyhledávání, ne proto, že to vyžaduje Google. Je to samostatný problém od SEO.
Mají zpravodajské weby stejný problém s JavaScriptem?
Ano, a často se přehlíží. Zpravodajský web postavený na JavaScriptovém frameworku, který vykresluje obsah v prohlížeči, nedostane žádné citace v AI, i když je obsah zveřejněný a zaindexovaný. Vydavatelé zpráv na to přišli náhodou, když články, které se umisťovaly v Google News, nezískaly žádné zmínky v ChatGPT ani Perplexity. Zkontrolujte zdrojový kód stránky. Pokud tam váš nadpis není, opravte to.