JavaScript a mobilní indexace: když robot nevidí celý článek

Na počítači článek vypadá úplně. Na telefonu však hlavní tabulka chybí a konec návodu se načte až po stisku tlačítka. Pro čtenáře je to nepříjemné, pro indexaci možný problém. Ověřujte nejen původní HTML, ale i skutečně vykreslený mobilní obsah. Google umí JavaScript zpracovat, přesto nemusí získat vše, co uvidíte po přihlášení, souhlasu nebo několika kliknutích. Běžný WordPress navíc může získat tuto závislost až prostřednictvím šablony či pluginu.

Tři různé pohledy na jeden článek

Původní HTML je odpověď, kterou server odešle před provedením skriptů. Vykreslený dokument je výsledek po zpracování stránky prohlížečem. Zobrazení pro přihlášeného uživatele může navíc využívat jiná data, nastavení nebo cache. Když v jednom pohledu text najdete a ve druhém ne, potřebujete zjistit příčinu, nikoli automaticky měnit celý redakční systém.

Google stránky prochází, vykresluje a poté vyhodnocuje pro indexaci. Zpracování JavaScriptu proto není totéž jako okamžitá dostupnost veškerého obsahu. Fungující stránka ve vašem prohlížeči není důkaz, že robot dostal stejný výsledek. Základní rozlišení dostupnosti a indexace najdete v diagnostice neindexovaného článku.

Pohled Co může ukázat Co sám nepotvrdí
Zdroj odpovědi serveru Původní text a metadata Výsledek doplněný skripty
Vykreslený DOM prohlížeče Obsah po provedení JavaScriptu Stejnou odpověď pro Googlebota
Mobilní viewport Responzivní podobu a čitelnost Všechny rozdíly doručení podle zařízení
Kontrola URL v Search Console Data a dostupný výstup konkrétního testu Garantovanou indexaci nebo pozice
Přihlášený náhled Redakční podobu stránky Veřejný anonymní obsah

Začněte jednou reprezentativní stránkou

Vyberte článek, který obsahuje běžný text, obrázek, seznam, tabulku a odkazy. Otevřete jej anonymně na desktopu i mobilu. Zapište konkrétní prvky, které mají být přítomné, například závěrečné upozornění, druhá tabulka a odkaz na související postup. Obecné „stránka se načetla“ se špatně porovnává.

  • Najděte stejný úsek hlavního textu v původním HTML a ve vykresleném dokumentu.
  • Ověřte, zda se článek zobrazí bez přihlášení a bez interakce s nepovinným prvkem.
  • Zkontrolujte skutečné adresy obrázků a odkazů, ne pouze jejich zástupné plochy.
  • Porovnejte mobilní a desktopové indexační pokyny, canonical a hlavní obsah.
  • Poznamenejte blokované požadavky a chyby skriptů související s chybějícím prvkem.

U sítě magazínů rozdělte vzorek podle šablony, sestavy pluginů a typu článku. Jeden jednoduchý text neprokazuje funkčnost kalkulačky nebo složité srovnávací tabulky na jiné instalaci. Testovací podmínky uložte: URL, čas, přihlášení, šířku viewportu a stav souhlasové lišty.

Co ve skutečnosti znamená mobilní indexace

Google používá pro indexaci a hodnocení mobilní verzi obsahu získanou smartphone robotem. Pokud na telefonu chybí podstatná část návodu, nejde jen o kosmetickou vadu. Responzivní přeuspořádání je v pořádku; ztráta významného textu, obrázků či odkazů je jiná věc. Cílem není mít stejný počet pixelů, ale rovnocennou odpověď pro čtenáře.

Sbalovací sekce mohou zlepšit přehlednost, pokud obsah existuje a uživatel jej může rozbalit. Odlišná je situace, kdy se data teprve stahují po kliknutí. Neodvozujte dostupnost pouze z viditelnosti při prvním pohledu. U důležitých částí ověřte HTML a výsledek vykreslení. Menší šířka prohlížeče testuje rozložení, nikoli automaticky veškeré chování smartphone robota.

Lazy-loading obrázků není totéž jako odložený celý článek

Odložené načítání obrázků níže na stránce může šetřit přenos. Problém vzniká, když je podmínkou skutečné kliknutí nebo jiné chování, které robot neprovádí. Hlavní obrázek viditelný hned po otevření navíc obvykle není vhodným kandidátem na zbytečný odklad. Po změně kontrolujte skutečně načtený soubor, nikoli jen prázdný rámeček se správnými rozměry.

U textu je rizikové rozdělit základní návod do částí dostupných jen po stisku „pokračovat“ bez stabilní adresy a procházetelné návaznosti. U dlouhých výpisů může pomoci skutečné stránkování s vlastními URL a běžnými odkazy. Jak zacházet s obrázky podrobněji vysvětluje SEO obrázků a jejich dostupnost.

Odkazy a tlačítko načíst další

Robot se nemá spoléhat na to, že stiskne stejné tlačítko jako návštěvník. U karet článků zkontrolujte skutečné odkazy s href. U výpisu s nekonečným posouváním ověřte, zda jednotlivé části mají stabilní adresu a lze se mezi nimi dostat i přes odkazy. Samotná změna obsahu na obrazovce není úplnou navigační strukturou.

Modelově může /rubrika/?page=3 představovat stálou třetí část výpisu. Parametr typu „včerejší obsah“ naopak nemusí označovat stále stejnou sadu článků. Nejde o doporučení konkrétní struktury pro všechny WordPressy, ale o požadavek předvídatelnosti. Pro ověření dosažitelnosti starších textů navazuje audit osiřelých článků a interních odkazů.

Noindex ani canonical neopravujte pozdějším skriptem naslepo

Pokud původní HTML obsahuje noindex, Google může vykreslování přeskočit. Spoléhat na to, že pozdější JavaScript zákaz odstraní, je proto nevhodný návrh. Podobně je rizikové, když původní canonical ukazuje na jednu adresu a skript jej přepíše na jinou. Preferovaná URL a indexační záměr mají být konzistentní.

Nejprve určete, která vrstva hodnotu vytváří: WordPress, SEO plugin, šablona nebo vlastní skript. Zkontrolujte skutečný veřejný výstup před změnou i po ní. Nastavení rozebírá průvodce robots.txt a noindex ve WordPressu. Přidání druhého pluginu bez odstranění příčiny může vytvořit další soupeřící metadata.

Modelový příznak Možná příčina Co prověřit
Tabulka chybí jen anonymně Data nebo skript závisí na přihlášení Veřejné požadavky a oprávnění
Konec článku je až po kliknutí Načítání závislé na interakci Přítomnost textu a stabilní cesty k částem
Prázdný blok místo fotografie Lazy-loading nebo nedostupný zdroj Src, síťovou odpověď a mobilní variantu
Po aktualizaci se výstup liší Nekompatibilita, cache nebo starý skript Verze a konkrétní chybový požadavek
Chybová stránka stále vrací 200 Klientská chyba bez správného HTTP stavu Odpověď serveru a prázdný hlavní obsah

Jak závadu opravit bez plošného vypnutí funkcí

  1. Uložte reprezentativní chybnou URL a konkrétní chybějící prvek.
  2. Najděte skript, šablonu nebo požadavek, na kterém prvek závisí.
  3. Na testovacím prostředí proveďte jednu cílenou změnu a zachovejte srovnatelné podmínky.
  4. Ověřte anonymní desktop, mobil, původní HTML i vykreslený výstup.
  5. Nasazení zopakujte jen na webech se stejnou doloženou příčinou.
  6. Po nasazení zkontrolujte veřejnou URL a podle potřeby nový test Search Console.

Pokud se místo obsahu vrací chybová odpověď, použijte také diagnostiku HTTP a soft 404. Pokud obsah existuje a problémem je hlavně rychlost, navazuje návod ke zrychlení WordPressu. Rychlý prázdný článek a pomalejší úplný článek jsou dva různé problémy.

Co má obsahovat závěrečný záznam

Zapište odstraněnou příčinu, verzi součásti a skutečně provedené testy. Screenshot potvrzuje viditelný výřez, nikoli automaticky celý dokument. Pokud se obrázek nenačetl, nepočítejte takový snímek jako úspěšný. Technické dokončení oddělte od pozdějšího zpracování vyhledávačem. Ani správně vykreslený článek nemá garantované zařazení do indexu nebo konkrétní pozici.

Model: tabulka dostupná pouze redaktorovi

Redaktor v modelovém článku vidí srovnávací tabulku, ale anonymní mobil ukazuje prázdné místo. Původní HTML obsahuje pouze kontejner a skript si data vyžádá z další adresy. První otázka není, zda má článek dost slov. Zjistěte, zda datový požadavek bez přihlášení uspěje, jestli nevyžaduje dočasný token a zda se v odpovědi místo dat nevrací přihlašovací stránka.

Pokud je tabulka určena veřejnosti, opravte konkrétní způsob doručení nebo ji nabídněte ve stabilním serverovém výstupu. Pokud jde o placenou či neveřejnou část, zachovejte zamýšlená oprávnění a posuzujte příslušný publikační model zvlášť. Technická diagnostika nesmí být záminkou k otevření soukromých dat.

Po změně znovu projděte anonymní desktop i mobil. Zkontrolujte, že tabulka nejen existuje v dokumentu, ale má také čitelné buňky, funkční odkazy a nezpůsobuje posun celé stránky do strany. Ověřte stejný typ článku i na dalším webu pouze tehdy, pokud používá odpovídající konfiguraci. Výsledek jednoho článku není automatickým potvrzením celé sítě.

Časté otázky

Google JavaScript neumí?

Umí jej zpracovat, ale existují limity a závislosti. Důležité je ověřit skutečný výsledek, nikoli automaticky všechny skripty zakazovat.

Stačí v prohlížeči přepnout úzké okno?

Je to užitečný test rozložení. Pro úplnější kontrolu porovnejte i doručený obsah a dostupný výstup nástrojů Google.

Je každá sbalovací sekce problém?

Ne. Rozhoduje, zda je obsah dostupný a vykreslený, nebo se teprve získává po interakci, na kterou robot nemůže spoléhat.

Mohu odložit načtení hlavního textu kvůli rychlosti?

U základního obsahu článku je bezpečnější zajistit dostupný úplný výstup. Úsporu výkonu hledejte tak, aby se neztratila odpověď pro čtenáře a robota.

Proč se změna skriptu neprojevila všude?

Prověřte cache, verzi souboru a rozdíly mezi instalacemi. Nevydávejte test jedné domény za důkaz stavu celé sítě.

Zdroje

Radek Vávra
Radek Vávra

Radek Vávra je šéfredaktor Podnikmag.cz. Věnuje se financím, investování a podnikání.

Články: 765