Dokážou Google a AI vyhledávání přečíst stránku s ceníkem vytvořenou výhradně v JavaScriptu?

Dokážou Google a AI vyhledávání přečíst stránku s ceníkem vytvořenou výhradně v JavaScriptu?

Google dokáže číst stránky s ceníky v čistém JavaScriptu, přesto byste ale měli názvy tarifů, ceny a klíčové limity umístit do počátečního HTML stránky. Vykreslování ze strany Googlu může být zpožděné nebo neúplné a Google varuje, že ne všem botům funguje spouštění JavaScriptu.

Riziko netkví v tom, že by Google neuměl spouštět JavaScript

Google používá k vykreslování JavaScriptu moderní verzi prohlížeče Chromium. Stránky však zpracovává po fázích: nejprve stránku načte, pak ji vykreslí a následně použije vykreslený obsah k indexování. Google uvádí, že stránka může ve frontě vykreslování čekat i několik sekund nebo déle. Pokud je skript nebo zdroj stránky zablokovaný – případně pokud se skriptu nepodaří podrobnosti o ceníku načíst –, Google nemusí obsah, který vidíte ve svém prohlížeči, vůbec zaznamenat. Průvodce JavaScript SEO od Googlu a průvodce odstraňováním problémů s JavaScriptem tato omezení vysvětlují. (developers.google.com)

To představuje obchodní riziko: vaše stránka s ceníkem může návštěvníkovi připadat kompletní, ale crawleru poskytne pouze prázdnou kostru nebo neúplné podrobnosti o tarifech. Pokud ve vykreslené verzi od Googlu chybí cena nebo limit využití, Google uvádí, že takový chybějící obsah nemůže indexovat. Funkce umělé inteligence od Googlu rovněž spoléhají na stejné základní SEO pilíře, mezi které patří indexovaná stránka a důležitý obsah dostupný ve formě textu. (developers.google.com)

AI vyhledávání přináší další důvod, proč se nespoléhat na jediné nastavení vykreslování. Google uvádí, že někteří boti nedokážou spouštět JavaScript, zatímco OpenAI označuje OAI-SearchBot jako crawler používaný k zobrazování webů ve vyhledávání ChatGPT. Nepředpokládejte, že každý vyhledávací systém vidí stránku stejně jako prohlížeč zákazníka. Průvodce JavaScript SEO od Googlu Dokumentace crawleru OpenAI. (developers.google.com)

Prioritizace oprav: počáteční HTML vítězí

1. Nejlepší řešení: Umístěte názvy tarifů, ceny, platební podmínky a klíčové limity do počátečního HTML. Stránka by měla tyto údaje odeslat dříve, než prohlížeč vůbec spustí JavaScript.
2. Následně: Pro interakce použijte JavaScript. Nechte ho obstarat věci jako přepínač mezi měsíčním a ročním předplatným nebo tlačítko pro registraci.
3. Nespoléhejte se pouze na kontrolu v prohlížeči. Zobrazení cen na vašem notebooku dokazuje, že je načetl váš prohlížeč. Neukazuje to ale, co obdržel Google nebo jiný crawler.

Tento přístup představuje malé a cílené řešení pro mnoho SaaS webů. Nemusíte přitom „přestavovat“ každou stránku ani přidávat speciální značkování pro „AI“. Google uvádí, že jeho AI funkce nemají žádné další technické požadavky ani speciální schémata; jeho doporučením je dodržovat stejné základy SEO a zpřístupnit důležitý obsah jako text. Doporučení Googlu ohledně AI funkcí. (developers.google.com)

Stránka se třemi tarifech: riziko v penězích a hodinách

Předpokládejme, že tříčlenná SaaS společnost má marketingový web o 30 stránkách. Její ceníková stránka podle Search Console získá 120 organických prokliků za měsíc. Stránka zobrazuje tři tarify až po spuštění JavaScriptu:

Jedná se o vzorové ceny a limity; použijte svou skutečnou nabídku. Jde o to, že stránka musí tyto podrobnosti prezentovat v textové podobě – nejen je vykreslit po spuštění skriptu. Pokud crawler přehlédne tarif Team za 49 dolarů nebo jeho limit 5 uživatelů, nemusí nabídku pochopit dostatečně dobře na to, aby stránku spároval s dotazy na danou cenu nebo limit. To představuje riziko v oblasti dohledatelnosti, nikoli tvrzení, že chybějící cena zaručeně znamená ztrátu pozic ve vyhledávání.

Zde je jednoduchá finanční kontrola. Pokud jeden zákazník, který by si jinak vybral tarif za 49 dolarů, nabídku nenajde nebo jí neporozumí, představuje to 588 dolarů na příjmech z předplatného za 12 měsíců. Jde o čistou matematiku, nikoli o předpověď. Jako orientační rozpočet na implementaci vyčleňte 30 minut pro zakladatele na ověření přesného textu tarifu a dvě hodiny vývojáře na úpravu stránky a kontrolu. Při předpokládaných interních nákladech na vývojáře ve výši 100 dolarů za hodinu jde o čas v hodnotě 200 dolarů.

Tato oprava se týká jediné ceníkové stránky, nikoli všech 30 stránek. V tomto příkladu jde o smysluplnou investici: uveďte reálnou nabídku v první odpovědi serveru a interaktivní prvky nechte doplnit JavaScriptem.

Předání úkolu vývojáři v jedné větě

Zajistěte prosím, aby server odesílal názvy tarifů, ceny, platební podmínky a klíčové limity už v první odpovědi stránky, aby byly k dispozici dříve, než prohlížeč spustí JavaScript.

Zachovejte stejná fakta ve viditelné části stránky i v počátečním HTML, aby zákazníci a crawleři nedostávali protichůdné ceny.

Zkontrolujte vykreslenou stránku v nástroji Google Search Console

Zkontrolujte tento týden URL ceníku v Search Console:

1. Vložte celou URL adresu stránky s ceníkem do vyhledávacího řádku Search Console.
2. Klikněte na Testovat živou adresu URL (Test live URL).
3. Klikněte na Zobrazit testovanou stránku (View tested page).
4. Otevřete kartu HTML a vyhledejte název každého tarifu, cenu, fakturační období a klíčový limit.

Nápověda Googlu potvrzuje, že možnost Zobrazit testovanou stránku ukazuje vykreslené HTML; živý test může rovněž zobrazit snímek obrazovky vykreslené stránky. Pokyny Googlu pro zobrazení vykresleného zdrojového kódu. (support.google.com)

Pokud snímek obrazovky karty zobrazuje, ale v HTML chybí text, stránka vyžaduje opravu počátečního HTML. Pokud vykreslené HTML obsahuje všechny tři tarify a jejich podmínky, Google tyto podrobnosti v daném testu vidí. Tímto způsobem ověříte vykreslování ze strany Googlu; nezjistíte tím však, jak se s touto stránkou vypořádá každý crawler s umělou inteligencí.

Kdo by měl publikování přesných cen vynechat: SaaS společnost, která záměrně prodává pouze podniková řešení s individuální cenou. Umístěte do počátečního HTML text „Individuální cena“ a jasnou cestu ke kontaktu na obchodní oddělení namísto ceníku.

**Vaše další kroky pro tento týden: spusťte nástroj pro kontrolu URL pro vaši stránku s ceníkem a vyhledejte ve vykresleném HTML všechny tři názvy tarifů, ceny a limity.