Čo je JavaScript rendering?

← Slovník SEO pojmov

  • Publikované:
  • Aktualizované:
  • #seo #technickeseo

JavaScript rendering je vykreslenie stránky v prehliadači alebo robotovi vrátane obsahu, ktorý sa do nej pridáva pomocou JavaScriptu. Google ho robí v samostatnom kroku po prehľadaní, pomocou aktuálneho Chromu bez grafického rozhrania. Obsah dostupný až po vykreslení sa tak spracuje neskôr než ten, ktorý je priamo v HTML.

Ako Google spracúva JavaScript?

Google popisuje tri fázy: crawling, rendering a indexáciu. Stránka so stavovým kódom 200 sa zaradí do frontu na vykreslenie, kde môže čakať niekoľko sekúnd aj dlhšie. Po vykreslení Google znovu spracuje HTML, nájde odkazy a obsah indexuje.

Aký je rozdiel medzi serverovým a klientskym vykreslením?

PrístupKde sa obsah vytvára
Serverové vykreslenie alebo prerenderovanieObsah je už v prvotnom HTML. Pomáha používateľom aj robotom.
Klientské vykresleniePrázdny HTML obal, obsah vytvorí JavaScript v prehliadači. Robot musí skript spustiť.
Dva spôsoby vytvorenia obsahuZdroj: Google Search Central: JavaScript SEO basics

Čo je pri JavaScripte dôležité z hľadiska SEO?

  • Odkazy zapisovať ako element <a> s atribútom href.
  • Na smerovanie používať History API, nie fragmenty adresy.
  • Zabezpečiť, aby chybové stránky vracali skutočný stavový kód 404.
  • Nepridávať ani neodstraňovať noindex pomocou JavaScriptu.
  • Nezabúdať, že nie všetky roboty JavaScript spúšťajú.

Čo si zapamätať o pojme JavaScript rendering?

JavaScript nie je pre SEO problém, ak je obsah a odkazy dostupné aj robotom. Najbezpečnejšie je mať dôležitý obsah už v prvotnom HTML. Pri tvorbe webu na mieru preto dôležité texty a odkazy neskrývame za skripty.

Ako to rieši webstrankanamieru.sk: Pojem JavaScript rendering patrí do technickej časti optimalizácie. Postup nájdete v sekcii SEO na mieru, zistenia z praxe v novinkách a ceny v cenníku. Ak chcete skontrolovať svoj web, napíšte nám.

Súvisiace pojmy: Indexácia, Crawling, Prehľadateľnosť, Noindex, Googlebot, Cloaking, Dynamické načítanie obsahu, HTML, INP, JavaScript, jQuery, Lazy loading, Onepage web, React, Server-side rendering, Sitebulb

Často kladené otázky o pojme JavaScript rendering

Čo je JavaScript rendering?

Je to vykreslenie stránky vrátane obsahu, ktorý sa do nej pridáva pomocou JavaScriptu.

Vie Google spracovať JavaScript?

Áno. Vykresľuje stránky aktuálnou verziou Chromu a spúšťa JavaScript. Vykreslenie však prebieha neskôr než prehľadanie.

Je lepšie serverové alebo klientské vykreslenie?

Google odporúča serverové vykreslenie alebo prerenderovanie, pretože pomáha používateľom aj robotom a nie všetky roboty JavaScript spúšťajú.

Prečo nefungujú odkazy cez JavaScript?

Google objavuje odkazy len ako elementy a s atribútom href. Iné spôsoby, napríklad kliknutie obsluhované skriptom, nemusí nasledovať.

Ako zistím, čo Google po vykreslení vidí?

Použijeme nástroj na kontrolu adresy URL v Google Search Console, ktorý ukáže vykreslenú verziu stránky.

Zdroje

  1. Google Search Central: JavaScript SEO basicsFázy spracovania, vykreslenie, odkazy, smerovanie a noindex pri JavaScripte.
  2. Google Search Central: How Google Search worksVykresľovanie stránok aktuálnym Chromom.
  3. Google Search Central: Link best practices for GoogleOdkazy, ktoré dokáže Google prehľadať.

Všetky pojmy v slovníku