Jak zjistit, zda Google vidí odkazy načítané JavaScriptem

Odkazy, které vznikají až po spuštění JavaScriptu, vyhledávač zpracuje s odstupem a ne vždy spolehlivě. Ověříte to porovnáním zdrojového kódu s vykresleným HTML a nástrojem pro kontrolu adresy ve Search Console. Odkaz by měl být ve formě elementu s atributem href. Níže najdete otázky, které si majitelé webů kladou, a postup, jak odpovědět na každou z nich.

V čem je problém?

Vyhledávač nejprve stáhne HTML a teprve později, často s časovým odstupem, spustí JavaScript a zpracuje vykreslenou verzi. Odkazy přidané skriptem se tak mohou objevit později. Pokud skript selže, nezachytí se vůbec.

Další potíž je ve způsobu zápisu. Tlačítko s událostí kliknutí, které přesměruje na jinou stránku, není odkaz. Robot sleduje odkazy s atributem href, ne události.

Tím pádem může velká část webu zůstat neobjevena. Zejména u aplikací, které se načítají dynamicky, je kontrola nutná.

Jak porovnat zdroj a vykreslený kód?

V prohlížeči zobrazte zdrojový kód stránky a vyhledejte tam odkaz. Pak otevřete nástroje pro vývojáře a prohlédněte vykreslený dokument. Pokud odkaz najdete jen ve druhém, vzniká skriptem.

To neznamená chybu, ale je třeba ověřit, zda ho vyhledávač vidí. Pro důležité odkazy, jako je hlavní navigace, je bezpečnější mít je v původním HTML.

Ověřte také, zda se obsah nenačítá až po interakci. Odkazy skryté za kliknutím nebo posunem stránky robot nemusí odhalit.

Co ukáže Search Console?

Nástroj pro kontrolu adresy zobrazí, jak stránku vyhledávač načetl. Zobrazí vykreslené HTML a snímek stránky. Zkontrolujte, zda jsou v něm vaše odkazy.

Zkušební test živé adresy ukáže aktuální stav. Hlášení o nenačtených zdrojích upozorní na zablokované skripty. Blokace v robots.txt může zabránit vykreslení.

Pokud odkaz v ukázce chybí, není vidět ani vyhledávači. Řešte příčinu: chybu skriptu, pozdní načtení nebo blokovaný soubor.

Jak psát odkazy správně?

Používejte standardní zápis s atributem href a cílovou adresou. Neslepujte adresu až při kliknutí. Text odkazu má být popisný.

• Odkaz má být viditelný v HTML bez interakce
• Adresa v href musí být skutečná, ne jen znak mřížky
• Důležité odkazy nepřidávejte jen skriptem po načtení
• Skripty a styly nesmí být blokovány

U aplikací zvažte vykreslování na straně serveru. Vyhledávač pak dostane hotové HTML.

Časté chyby v praxi

Často se setkáte s odkazy, jejichž adresa se doplní až po kliknutí. Robot je nevidí. Řešením je uvést adresu rovnou v atributu.

Další chybou je nekonečné posouvání stránky bez stránkování. Produkty nebo články načítané po posunu zůstanou skryty. Doplňte klasické stránkování s odkazy.

Také se stává, že se po přechodu na novou technologii ztratí navigace v HTML. Ověřte po každé větší změně, zda odkazy zůstaly.

Jak to hlídat pravidelně?

Vyberte reprezentativní stránky a jednou za čas je zkontrolujte nástrojem pro kontrolu adresy. Po nasazení změn v kódu je vždy projděte. Stačí desítka stránek.

Využijte prohledávač webu, který umí vykreslovat JavaScript. Porovnejte počet nalezených odkazů se zdrojovým HTML. Rozdíl ukáže závislost na skriptu.

Zaznamenejte výsledky do tabulky. Při další změně snadno poznáte, co se pokazilo.

Doporučil bych začít navigací a odkazy z hlavní stránky. Ty předávají nejvíc hodnoty dál a chyba je tam nejdražší. Po opravě pokračujte kategoriemi.

Zdroje

• Dokumentace Google Search Central
• Specifikace HTML